body {margin:0px auto; width:925px; font:12px/20px tahoma; background:url(images/bg.gif) repeat-x;}
a {text-decoration:none; color:#333;}
img {border:0;}
hr {height:10px; border:0; background:#096; margin:20px 0; clear:both;}

div#site {margin-bottom:28px;}

div.menu {font-weight:bold; width:920px; height:33px; background:url(images/menu_bg.gif) repeat-x 0px 0px;}
div.menu ul {margin:0 auto; padding:0; list-style-type:none;}
div.menu li {float:left; background:url(images/menu_line.gif) no-repeat right top; padding-right:3px;}
div.menu li a {display:block; color:#000; line-height:33px; width:125px; text-align:center;}
div.menu li a:hover {background:url(images/menu_bg.gif) repeat-x 0px -33px; color:#fff;}
div.menu li .click {background:url(images/menu_bg.gif) repeat-x 0px -66px; color:#fff;}

div.menu .home a{background:url(images/menu_home.gif) repeat-x 0px 0px; width:138px; text-align:center;}
div.menu .home a:hover {background:url(images/menu_home.gif) repeat-x 0px -33px;}
div.menu .home .click {background:url(images/menu_home.gif) repeat-x 0px -66px;}
div.menu .contact {padding-right:0px;}
div.menu .contact a {background:url(images/menu_contact.gif) repeat-x -161px 0px; width:139px; text-align:center; }
div.menu .contact a:hover {background:url(images/menu_contact.gif) repeat-x -161px -33px;}
div.menu .contact .click {background:url(images/menu_contact.gif) repeat-x -161px -66px;}

div#logo {width:100%; height:195px; clear:both; background:url(images/logo1.gif) no-repeat;}
div.nav {margin-top:-28px; margin-bottom:5px; height:24px;}
div.nav span {float:left; display:block; height:24px; line-height:28px; margin-right:4px; font-weight:700; color:#990000;}
.qq {float:left; display:block; color:#fff; background:url(images/qq.gif) no-repeat; font-size:10px; width:66px; height:24px; margin-right:8px; padding-left:26px; font-weight:700; line-height:24px;}

#home #logo {height:250px; background:url(images/logo.gif) no-repeat;}

body#home .home a {background:url(images/menu_home.gif) repeat-x 0px -66px; color:#fff;}
body#news .news a,
body#products .products a,
body#buy .buy a,
body#downloads .downloads a,
body#help .help a {background:url(images/menu_bg.gif) repeat-x 0px -66px; color:#fff;}
body#contact .contact a {background:url(images/menu_contact.gif) repeat-x -161px -66px; color:#fff;}

div#main {clear:both;}
div.left {float:left; width:710px;}
div.right {float:right; width:200px; }

div.box {width:100%; margin-bottom:10px;}
div.box h3 { font-size:12px; font-weight:700; line-height:32px; margin:0; padding-left:15px;}
div.box ul {margin:0; list-style-type:none; padding:0 2px; border-left:1px solid #888; border-right:1px solid #888;}
div.box ul li a {display:block; line-height:28px; height:28px; padding-left:16px; border-top:1px solid #ccc; color:#555;}
div.box .clear {background:url(images/box_left.gif) no-repeat 0 -352px; height:5px; font-size:0px;}
div.box .clear span {background:url(images/box_right.gif) no-repeat right -352px; display:block; height:5px; width:100%;}

/*
div.style1 h3 {background:url(images/box_left.gif) no-repeat 0px 0px; padding-left:30px;}
div.style1 h3 span {background:url(images/box_right.gif) no-repeat right 0px; display:block;}
div.style1 ul {background:url(images/box_bg.gif) repeat-x;}
div.style1 ul li {border-left:2px solid #fff; border-right:2px solid #fff; margin:0 -2px;}
div.style1 ul li a {background:url(images/icon_class.gif) no-repeat 15px 9px; color:#333; padding-left:28px;}
div.style1 ul li a:hover {background:#ddd url(images/icon_class.gif) no-repeat 16px 9px;; font-weight:700;}
*/

div.style1 h3 {background:url(images/box_left.gif) no-repeat 0px 0px; padding-left:32px;}
div.style1 h3 span {background:url(images/box_right.gif) no-repeat right 0px; display:block;}
div.style1 ul {background:url(images/box_bg.gif) repeat-x;}
div.style1 ul li {border-left:2px solid #fff; border-right:2px solid #fff; margin:0 -2px;}
div.style1 ul li a {background:url(images/box_left.gif) no-repeat -3px -32px; color:#333; padding-left:28px;}
div.style1 ul li a:hover {background:url(images/box_left.gif) no-repeat -3px -96px; font-weight:700; color:#fff;}

div.style2 h3 {background:url(images/box_left.gif) no-repeat 0px -64px;}
div.style2 h3 span {background:url(images/box_right.gif) no-repeat right -64px; display:block;}
div.style2 ul li a:hover {background:url(images/box_left.gif) no-repeat -3px -96px;}
div.style3 h3 {background:url(images/box_left.gif) no-repeat 0px -128px; color:#fff;}
div.style3 h3 span {background:url(images/box_right.gif) no-repeat right -128px; display:block;}
div.style3 ul li a:hover {background:url(images/box_left.gif) no-repeat -3px -160px; color:#fff;}
div.style4 h3 {background:url(images/box_left.gif) no-repeat 0px -192px; color:#fff;}
div.style4 h3 span {background:url(images/box_right.gif) no-repeat right -192px; display:block;}
div.style4 ul li a:hover {background:url(images/box_left.gif) no-repeat -3px -224px; color:#fff;}
div.style5 h3 {background:url(images/box_left.gif) no-repeat 0px -256px; color:#fff;}
div.style5 h3 span {background:url(images/box_right.gif) no-repeat right -256px; display:block; color:#fff;}
div.style5 ul li a:hover {background:url(images/box_left.gif) no-repeat -3px -288px; color:#fff;}
div.style6 h3 {background:url(images/box_left.gif) no-repeat 0px -320px; color:#fff; height:5px; font-size:0px;}
div.style6 h3 span {background:url(images/box_right.gif) no-repeat right -320px; display:block; height:5px; color:#fff;}
div.style6 ul li a:hover {background:url(images/box_left.gif) no-repeat -3px -288px; color:#fff;}
div.style6 .note {border-left:1px solid #888; border-right:1px solid #888; padding:0 8px 0 8px;}
div.style7 .note {background:url(images/box_left.gif) no-repeat 0px -359px; border:0; padding:0;}
div.style7 .subnote {background:url(images/box_right.gif) no-repeat right -359px; padding-top:10px;}
div.style7 .subnote div {padding:0px 10px 0px 10px; border-left:1px solid #888; border-right:1px solid #888; height:65px;}
div.style7 .subnote div strong {color:#330066;}

div.banner .note {width:700px; height:340px; padding:0 4px;}

div.subcontent {background:url(images/content_top_right.gif) no-repeat right top; padding:20px; line-height:24px;}
div.subcontent .link ul {margin:0px 28px;}
div.subcontent .link li {margin:4px 10px;}
div.title {background:#295d73; color:#fff; padding:12px 15px; margin-bottom:10px; font-weight:bold; font-size:14px;}
div.title span {float:right;}
div.title span a {color:#fff; font-size:11px;}
div.title strong {font-size:10px; padding-left:10px; color:#FFFF66;}
div.content {background:url(images/content_top.gif) no-repeat;}
div.content a {color:#3366FF; text-decoration:underline;}
div.content .qq {color:#FFFFFF; text-decoration:none;}
div.content table {width:100%; border:1px solid #888; border-collapse:collapse;}
div.content table thead {background:#ccc url(images/bg.gif) repeat-x 0 -8px; font-weight:700;}
div.content table thead td {border-bottom:0px solid #999; padding:6px;}
div.content table td {border-bottom:1px solid #ddd; padding:4px;}
div.content table th {font-weight:700; text-align:right; border-bottom:1px solid #ddd; padding:4px;}
div.focus {background:#295d73; padding:5px 10px; margin-top:10px; margin-bottom:10px; border:1px solid #FFFFFF; color:#FFFFFF;}
div.focus a {color:#FFFF00; text-decoration:underline;}
div.content .notable,div.content .notable td {border:0;}

ul.newsclass {line-height:30px; list-style:none;}
ul.newsclass li {border-bottom:1px dotted #ccc; background:url(images/icon_news.gif) no-repeat 0px 7px; padding-left:18px;}
ul.newsclass li span {color:#666; font-size:11px; margin-left:10px;}

div.link {clear:both; margin:12px 0;}
div.link h3 {margin:0; padding:0; font-size:12px; background:#f5f5f5; height:24px;}
div.link h3 a {float:left; display:block; font-weight:700; line-height:24px; padding:0 10px; background:#f0f0f0; border-left:4px solid #00CCFF;}
div.link h3 a:hover {background:#ddd; border-left:4px solid #3366FF;}
div.link h3 .click {border-right:1px solid #999; border-left:1px solid #999; border-top:1px solid #999; border-bottom:0px solid #999; margin-top:-0px; background:url(images/menu_bg.gif) repeat-x 0px -39px; color:#fff;}
div.link ul {clear:both; margin:10px 0; padding:0; list-style-type:none;}
div.link ul li {float:left; margin-right:1px;}
div.link ul img {border:2px solid #ccc;}
div.link ul a {border:1px solid #ccc; display:block; width:135px; text-align:center; padding:2px 5px; color:#009900; margin:2px;}
div.link ul a:hover {background:#f1f1f1; border:1px solid #00FFFF;}

div.soft {margin-bottom:10px; height:80px; background:url(images/soft_bg.gif) no-repeat; padding-left:56px;}
div.soft h5 {color:#330066; margin:0; padding:0px; font-size:12px; font-weight:700; padding-top:16px;}
div.soft p {margin:0; padding:0px; font:700 20px verdana; padding-left:36px;}
div.soft p a {color:red;}

div.demo a {display:block; background:url(images/demo.gif) no-repeat; height:80px;}
div.newsbox {background:url(images/newsbox_bg.gif) no-repeat; height:80px; margin-bottom:0px; padding:10px 8px 0px 60px;}

/*
div#copyright {background:#295d73; color:#fff; clear:both; width:900px; padding:6px 10px; clear:both;}
div#copyright span {float:right;}
div#copyright a {color:#f1f1f1;}
*/

div#copyright {background:#f1f1f1; border:1px solid #ccc; border-top:5px solid #295d73; clear:both; padding:0px 8px 8px 8px; clear:both; font-size:11px;}
div#copyright span {float:right;}

.time {font:bold 12px/20px Georgia;}
.downloadslist {background:#f1f1f1; margin-bottom:10px; padding:0px 10px; border-top:5px solid #ccc; border-bottom:1px solid #ccc; font-weight:700;}
.downloadslist a {font-weight:200;}

.faq dt {font-weight:bold; background:#f1f1f1 url(Images/icon_faq.png) no-repeat 4px 6px;; padding-left:25px; line-height:30px; margin-bottom:10px; color:#003399}
.faq dd {margin-bottom:20px; font-size:12px; line-height:22px;}

.page {border:1px solid #ccc; padding:0px 5px; background:#f1f1f1;}
.page span {float:right;}
.page a {border:1px solid #ccc; padding:0px 3px; margin:0 1px;}
.page a:hover {background:#dedede;}
.page b {border:1px solid #ccc; padding:0px 3px; margin:0 1px; background:#dedede;}
.content .page a {text-decoration:none;}