* { margin:0px; padding:0px; }
body, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7f7f7f; }
body { background-color: #eaf4f9; background-image: url(images/back.jpg); background-repeat: repeat-x; }
a { color: #56b3d2; text-decoration: none; }
a:link { color: #56b3d2; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border:none }

h1 { font-size: 16px; color: #868686; background:url(images/line.gif) repeat-x bottom; padding:20px 0 7px 0; text-transform:uppercase }
h1.q { font-size: 15px; color: #868686; background:url(images/line.gif) repeat-x bottom; padding:10px 0 7px 0; margin:0 0 15px 0; text-transform:none; font-family:Verdana, Arial, Helvetica, sans-serif;  }
h1 b { color:#008dd6 }
h2 { font-size: 14px; color: #868686; }
h2.info { font-size: 14px; color: #edb758; padding:0 0 10px; width: 300px; }
h3 { font-size:13px; color:#008dd6; margin-bottom:10px }
h3 b { font-size:11px; color:#e0a43a; float:right; margin-right:10px }

b.orange {color: #e0a43a;}
b.blue {color: #008dd6;}

p { padding:10px 0 10px;}
.clr { clear: both;}
.line1 { height:3px; width:100%; background:url(images/line.gif) repeat-x bottom; border:none; padding:0; margin:10px 0;}
.line2 { height:1px; width:100%; border-bottom:1px dashed #aaa;padding:0; margin:10px 0;}

.main { width: 974px; margin-right: auto; margin-left: auto; position: relative; }

.static { color: #fff; position: absolute; top: 84px; right: 5px; width:235px; font-size:13px; z-index:100 }
.static div { float:left; margin:0 15px 0 0 }
.static div b { color:#c6d8e5; font:normal 14px "Times New Roman", Times, serif; display:block; margin:0 0 5px 0 }

.header { background: url(images/header.jpg) no-repeat 110px bottom; height: 350px; width: 974px; position: relative; }

.menu { background: url(images/menu.jpg) no-repeat; height: 37px; width: 974px; position: relative; }
.menu ul { height:30px; list-style:none; text-align:center; padding:7px 0 0 0; position:relative; width:935px; margin:0 auto; overflow:hidden }
.menu ul li { height:30px; background: url(images/li.jpg) no-repeat right 0px; float:left; position:relative; }
.menu ul li.noline { background:none; }
.menu ul li a { height:26px; padding:4px 13px 0px 13px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#fff; position:relative; text-decoration:none; display:block; _width:1px; white-space:nowrap }
.menu ul li a:hover { text-decoration:none; background:url(images/li-hover.jpg) no-repeat 50% 100%; }

.container { background: #fff; width: 972px; border-right: 1px solid #a9d1fc; border-left: 1px solid #a9d1fc; position: relative; }

.left { float: left; width: 554px; position: relative; margin: 15px 0; padding:0px 20px 10px 15px; border-right: 1px solid #c8c8c8; }
.right { float: left; width: 347px; margin: 15px 0 15px -1px; padding:0px 15px 0px 20px; position: relative; border-left: 1px solid #c8c8c8; }

.text { line-height:18px; padding: 20px 0 20px 0px; background:url(images/line.gif) repeat-x bottom; clear: both; }
.lastforum .text { line-height:18px; padding: 20px 0 20px 0px; background:url(images/line.gif) repeat-x bottom; background-position: 0 212pt; clear: both; }
.text2 { line-height:18px; padding: 20px 0 20px 0px;  clear: both; }
.text.log { padding: 14px 0 15px 0px; }

.footer { background: url(images/footer.gif) no-repeat left top; height: 43px; width: 974px; position: relative; }

.welcome { position: relative; width: 554px; }
.welcome p { background:url(images/snowman.jpg) no-repeat left 0px; padding: 0px 0 0px 75px; }

.regist { position: relative; width: 554px; }
.regist p { padding: 0px 0 0px 0px; }
.regist b { color:#008dd6; }
.regist form { margin:35px 0 15px 10px; }
.regist ul { list-style:none; width:300px; position:relative }
.regist ul li { min-height:30px }
.regist img {
vertical-align:; margin:0 0 0 50px }
.regist span { font-weight:bold }

.knowledge { float: left; width: 205px; position: relative; margin-right: 15px; }
.knowledge a { display:block; line-height:16px; background:url(images/li2.gif) no-repeat 0px 45%; padding:0 0 0 10px; color: #56b3d2; }

ul.orange {list-style:none;  padding:10px 0 0 30px;}
.orange li {  background: url(images/li2.gif) no-repeat 0px 5px; padding:0 0 0 25px;color:#737373;}


.lastforum { float: left; width: 334px; position: relative; height: 0px; }
.lastforum a { display:block; line-height:16px; background:url(images/forum-icon.gif) no-repeat 0px 45%; padding:0 0 0 20px; color: #56b3d2; }
.screenshot { float: left; width: 205px; position: relative; margin-right: 15px; height: 240px; }
.screenshot img { padding:5px; border:1px solid #a9d1fc; display:block; overflow:hidden; position:relative }
.best { float: left; width: 334px; position: relative; height: 240px; }
.best-block { float: left; width: 50%; }
.best-block a { border-bottom:1px dashed #aaa; font-size:11px }
.best-block a.top { font-size:13px; display:block; text-align:center; padding:20px 0 10px 0; border:none; }
.best-block a:hover { text-decoration:none }
.best-block h2 { display:block; padding-left:37px; font-size:13px; margin:0 0 7px 0 }
.best-block img { vertical-align:middle; margin:0 10px 3px 0; }
.left-ban { float: left; width: 205px; position: relative; margin-right: 15px; text-align: center; padding:20px 0 15px 0; }
.right-ban { float: left; width: 334px; position: relative; padding:20px 0 15px 0; text-align: center; }
.login { position: relative; width: 347px; }
.login a { font-size:10px; color:#a5a5a5; }
.girl { background:url(images/girl.gif) no-repeat right bottom; position:absolute; width: 125px; height: 166px; bottom: 3px; right:25px }
.link { position: absolute; left: 68px; bottom: 10px; line-height:12px }
.news { position: relative; width: 347px; }
.news-block { line-height:18px; padding: 20px 0 10px 0px; border-bottom:1px dashed #b9b9b9 }
.newsall { font-size:13px; color:#e0a43a; margin:7px 10px 0 0; text-align: right; font-weight:bold }

.banners { text-align: center; padding-top: 40px; padding-bottom: 20px; }

.guide { padding-left: 35px; position: relative; }
.guide p { padding:0 0 0 20px }

.info { position: relative; padding:20px 0 0 55px }
.info ul { list-style:none; width:200px }
.info ul li { height:22px; background: url(images/li3.gif) no-repeat 0px 40%; padding:0 0 0 25px;}
.info ul li a { color:#737373; font-weight:bold; display:block; height:21px; padding:1px 0 0 0;}
.info ul li a:hover { color:#edb758; text-decoration:none;}

.block { position: relative; }
.block div { padding:0 0 10px; border-bottom:1px dashed #aaa;margin:0 0 15px 0 }
.block div.no { border:none}
.block div p { line-height:14px; }
.block div b {color: #e0a43a;}
.block div img { margin:0 10px 0 0;}

table td { padding:5px;}

input {color:#81B6D6; border:none;}
.fo {border:1px  solid #D4D0C8;}
.fos {border:1px  solid #D4D0C8; padding: 1px 8px; background-color: #FFFFFF}

.regist input { float:right; position: absolute; right:0px }
.regist input.radio1 { float:none; position: relative; right:0px; margin:0 2px 0 120px }
.regist input.radio2 { float:none; position: relative; right:0px; margin:0 2px 0 15px }