* {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%;}
html {background: url(../images/bg.jpg) #000000;}
body  {font: 11px Tahoma, Verdana, Arial, sans-serif; color: #FFFFFF; background: url(../images/mainbg_black.jpg) center repeat-y; min-height: 100%; height: auto !important; height: 100%; position: absolute;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
ul {list-style: none;}
img {border: none;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}

/*center*/
.index {text-align: justify; width: 520px; margin: 0px auto; background: url(../images/logo.jpg) center top no-repeat; padding: 110px 0 193px 0;}
.index h1 {padding: 17px 0 27px 0; text-align: center; font-size: 26px; color: #CCCCCC;}
.index p, .index li {padding-bottom: 10px; font-size: 12px;}
.index ol {margin-left: 40px;}
.index div {padding: 30px 0 0 0; width: 500px; margin: 0px auto;}
.index div a {display: block; height: 75px; text-indent: -9000px; overflow: hidden;}
.enter {float: left; width: 310px; background: url(../images/enter.gif) 0px 0px no-repeat;}
.exit {float: right; width: 120px; background: url(../images/exit.gif) 100% 0px no-repeat;}
/*center*/

/*footer*/
.footer {text-align: center; position: absolute; bottom: 0; width: 100%;}
.footer p {padding-bottom: 10px;}
.footer a {font-size: 13px;	color: #DD3300;}
.footer a:hover {color: #FFFFFF; text-decoration: none;}
/*footer*/

/*tour*/
.tour {width: 950px; margin: 0px auto; padding-bottom: 270px;}
.head-left {background: url(../images/head-left.jpg) 0px 0px no-repeat;}
.head-right {background: url(../images/head-right.jpg) 100% 0px no-repeat; height: 500px;}
/*tour*/

/*nav*/
.nav {position: absolute; width: 831px; margin-left: 60px; top: 425px;}
.nav li {float: left;}
.nav a {display: block; text-indent: -9000px; overflow: hidden; height: 55px;}
.q01 {width: 251px;}
.q01 a {background: url(../images/bt_header_10.gif) 0px 0px no-repeat;}
.q02 {width: 329px;}
.q02 a {background: url(../images/get_access.gif) 0px 0px no-repeat;}
.q03 {width: 251px;}
.q03 a {background: url(../images/bt_header_12.gif) 0px 0px no-repeat;}
/*nav*/

/*thumbs*/
.thumbs {width: 913px; margin: 0px auto; padding-left: 4px;}
.thumbs .title {font-size: 17px; letter-spacing: 2px; text-decoration:underline; padding-left: 10px; text-align: left;}
.thumbs .desc {font-size:12px; padding: 5px; text-align: left;}
.thumbs a {color: #e8685d; font-weight: bold; text-decoration: underline;}
.thumbs a:hover {color: #ffffff; text-decoration: underline;}
.thumbs img {float: left; width: 290px; height: 207px; padding: 5px; background: url(../images/image-bg.png) 0px 0px no-repeat; margin: 0 4px 4px 0;}
.join-long {width: 928px; margin: 0px auto 20px auto;}
.join-long a {display: block; background: url(../images/join_long.gif) 0px 0px no-repeat; height: 73px; text-indent: -9000px; overflow: hidden;}

.nav-big {width: 870px; margin: 0px auto; background: url(../images/logo_small.jpg) 325px 0px no-repeat;}
.nav-big a {display: block; height: 114px; text-indent: -90000px; overflow: hidden;}
.q04 {background: url(../images/join_large.gif) 0px 0px no-repeat; float: left; width: 325px;}
.q05 {background: url(../images/nextpage_large.gif) 0px 0px no-repeat; float: right; width: 325px;}
/*thumbs*/

/*join*/
.join {width: 950px; margin: 0px auto; padding-bottom: 210px;}
.join-head-left {background: url(../images/join-head-left.jpg) 0px 0px no-repeat;}
.join-head-right {background: url(../images/join-head-right.jpg) 100% 0px no-repeat; height: 275px;}

.m1 {width: 255px;}
.m1 a {background: url(../images/join_button_cc1.png) 0px 0px no-repeat;}
.m2 {width: 255px;}
.m2 a {background: url(../images/join_button_cc2.png) 0px 0px no-repeat;}
.m3 {width: 255px;}
.m3 a {background: url(../images/join_button_cc3.png) 0px 0px no-repeat;}

.block {width: 570px; margin: 0px auto; background: url(../images/block-bg.gif) 0px 0px repeat-y;}
.block-top {background: url(../images/block-top.png) 0px 0px no-repeat;}
.block-bottom {background: url(../images/block-bottom.png) 0px 100% no-repeat; padding: 20px 0 10px 0}
.block form {margin-bottom: 15px; padding-left: 22px;}
.block h2 {font-size: 18px; font-weight: normal; padding: 0 0 15px 16px;}
.block li {float: left; padding-bottom: 10px; padding-left: 22px;}
.block ul a {display: block; text-indent: -9000px; overflow: hidden; height: 45px;}

.w01 {width: 350px; float: left;}
.w02 {width: 190px; float: left; text-align: center; font-size: 12px; padding-top: 30px;}
.w02 a {color: #ffffff;}
.cc {font-size: 11px;}
/*join*/

/*center*/
.center p, .center h1 {text-align: center;}
.center h1 {padding: 20px 0 27px 0; font-size: 26px;}
.center table {margin: 30px auto 0 auto; width: 900px; font-size: 14px;}
.center p {width: 800px; margin: 0px auto; margin-bottom: 10px; font-size: 12px;}
.center td {padding: 5px;}
/*center*/