html, body
{
	margin:0; border:0; padding:0
}
body
{
	background-image:url(components/bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-size:100% auto;
	background-color:#404040
}
h1
{
	font-size:140%; font-weight:bold; color:#0000C0;
	margin-top:20px
}
h2
{
	margin:0 0 12px 0
}
a
{
	color:#6080A0;
	text-decoration:underline
}
a:visited
{
	color:#304050
}
a:hover
{
	color:#FF8000
}
a:active
{
	color:#FF0000
}
a img
{
	border:none
}
.main
{
	width:950px;
	margin:0 auto 16px auto;
	border:3px solid #303030; border-radius:8px; -moz-border-radius:8px;
	padding:4px 12px;
	background-color:#FAF7EC;
	font-family:helvetica, sans-serif; color:#000000;
	text-align:left;
	position:relative;
	z-index:10
}

a.tab
{
	float:left;
	margin:0 18px 0 0px;
	border:2px solid #303030; border-radius:8px; -moz-border-radius:8px;
	padding:2px 12px;
	background-color:#FFFFFF;
	font-family:"courier new", monospace; font-weight:bold; font-size:140%; text-decoration:none
}
a.tab:hover
{
	border:2px solid #FF8000
}
a.tab_current
{
	float:left;
	margin:0 18px 0 0px;
	border:2px solid #84A6AA; border-radius:8px; -moz-border-radius:8px;
	padding:2px 12px;
	background-color:#D1DEE1;
	font-family:"courier new", monospace; font-weight:bold; font-size:140%; text-decoration:none
}
a.tab_current:hover
{
	border:2px solid #FF8000
}

.left_block
{
	position:relative;
	margin-left:96px
}
.left_port
{
	position:absolute;
	width:96px; height:120px;
	top:50%; margin-left:-96px; margin-top:-60px
}
.right_block
{
	position:relative;
	margin-right:96px
}
.right_port
{
	position:absolute;
	width:96px; height:120px;
	top:50%; right:0; margin-right:-96px; margin-top:-60px
}

.news_header
{
	margin:8px 0 0 0;
	border-width:2px; border-color:#606060; border-style: solid solid none solid;
	border-top-left-radius:8px; border-top-right-radius:8px;
	-moz-border-radius-topleft:8px; -moz-border-radius-topright:8px;
	padding:6px 8px;
	background-image:url('components/bar_gradient.png'); background-repeat:repeat-x;
	background-color:#8EACB1;
	font-size:130%; font-weight:bold
}
.news_header .date
{
	float:right; font-weight:lighter
}
.news_body
{
	margin:0 0 8px 0;
	border-width:2px; border-color:#606060; border-style: none solid solid solid;
	border-bottom-left-radius:8px; border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px;
	padding:12px 8px;
	background-color:#FFFFFF;
	font-size:110%
}
.news_item
{
	width:150px; height:150px;
	float:left
}

.box
{
	clear:both;
	margin:16px 0 16px 0;
	border:2px solid #606060; border-radius:8px; -moz-border-radius:8px;
	padding:4px;
	background-color:#FFFFFF
}
.invbox
{
	clear:both;
	margin:16px 0 16px 0;
	border:2px solid #606060; border-radius:8px; -moz-border-radius:8px;
	padding:4px;
	background-color:#505050;
	color:#FFFFFF; font-size:110%
}
.invbox a:visited
{
	color:#C0C0C0
}
.invbox a:hover
{
	color:#FF8000
}
.invbox a:active
{
	color:#FF0000
}
.box_bot_right
{
	float:right; position:relative; top:-86px; left:-90px; width:0; height:0
}
.box_left50
{
	float:left; width:50%
}
.box_left4
{
	float:left; width:4%
}
.box_left42
{
	float:right; width:42%
}

.hr_bot_right
{
	float:right; position:relative; top:-90px; left:-104px; width:0; height:0
}
.hr_bot
{
	color:#303030; background-color:#303030; border:0; height:2px
}

.trailer_video
{
	margin-left:100px; margin-bottom:20px
}

.pic1
{
	margin:0;border:2px solid #303030;padding:0;
	background-color:#303030;color:#FFFFFF;
	font-weight:bold;
	float:left; margin:0; width:415px
}
.pic2
{
	margin:0;border:2px solid #303030;padding:0;
	background-color:#303030;color:#FFFFFF;
	font-weight:bold;
	float:left; margin:0; width:470px
}
.pic3
{
	margin:0;border:2px solid #303030;padding:0;
	background-color:#303030;color:#FFFFFF;
	font-weight:bold;
	float:left; margin:0x; width:470px
}
.caption
{
	clear:left;
	margin:0;
	border:0;
	padding:4px
}

.clear_both
{
	clear:both
}
.clear_both_block
{
	clear:both;
	width:8px; height:8px
}
.sep_block
{
	width:8px; height:8px
}
.sep_block_l
{
	width:16px; height:16px
}

.title_graphic
{
	width:0; height:250px; position:relative; left:-520px;
	margin:0 auto
}
.dragon_graphic
{
	position:absolute; left:0; top:1500px; width:109px; height:119px;
	z-index:5
}
.dc_graphic
{
	float:right; padding:8px
}
.big_bold
{
	font-size:120%;font-weight:bold
}
.big_text
{
	font-size:130%
}
.big_text_60
{
	font-size:130%; margin-left:60px
}
.big_green_text
{
	font-size:160%;font-weight:bold;color:#00B000
}
.red_text
{
	font-weight:bold;color:#C00000
}
.small_green_text
{
	font-size:100%;font-weight:bold
}
.mono_text
{
	font-family:monospace; font-size:120%
}
.demo_text
{
	margin-left:100px; margin-bottom:16px; font-size:130%; font-weight:bold; color:#0000C0
}
.images1
{
	margin:8px auto; width:816px
}
.images2
{
	margin:8px auto; width:352px
}
.images3
{
	margin:8px auto; width:200px
}
.images4
{
	margin:0 auto; width:910px
}
.images5
{
	margin:0 auto; width:840px
}
.images6
{
	float:right; clear:none; margin:14px 8px
}
.images7
{
	float:left; clear:none; margin:14px 8px
}
.images8
{
	float:right; width:418px; margin-left:16px
}
.spacer1
{
	margin:32px 0 32px 180px
}
.spacer2
{
	margin:32px 0 40px 150px
}
.li_space
{
	margin:8px
}
.left1
{
	float:left; margin-left:60px; width:380px
}
.left16
{
	float:left; margin-right:16px
}
.left300
{
	float:left; width:300px
}
.right1
{
	margin-left:120px
}
.right2
{
	margin-left:240px
}
.right3
{
	float:right; width:418px; margin-left:8px
}
.right4
{
	margin-left:80px
}
.right5
{
	margin-left:150px
}

.tab_container
{
	margin:8px 0 8px 0
}

a.try_button
{
	margin:0 12px 0 0px;
	border:4px solid #303030; border-radius:12px; -moz-border-radius:12px;
	padding:2px 14px;
	background-color:#60FF60;
	font-family:"courier new", monospace; font-weight:bold; font-size:150%; text-decoration:none;
	color:#304050
}
a.try_button:hover
{
	border:4px solid #0080FF;
	color:#0080FF
}
a.buy_button
{
	margin:0 12px 0 0px;
	border:4px solid #303030; border-radius:12px; -moz-border-radius:12px;
	padding:2px 14px;
	background-color:#FFFF60;
	font-family:"courier new", monospace; font-weight:bold; font-size:150%; text-decoration:none;
	color:#304050
}
a.buy_button:hover
{
	border:4px solid #FF8000;
	color:#FF8000
}

blockquote
{
	position:relative;
	font-family:times, serif;
	margin:32px 8px 16px 8px
}
blockquote span.start
{
	position:absolute;
	font-size:350%;
	color:#000060;
	top:-12px;
	z-index:-10
}
blockquote span.mid
{
	font-size:140%; font-style:italic;
	margin-left:32px;
	margin-right:34px;
	color:#000060
}
blockquote span.end
{
	position:absolute;
	margin-left:-26px;
	font-size:350%;
	color:#000060;
	bottom:-8px;
	z-index:-10
}
blockquote div.footer
{
	margin-top:4px
}