* {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%; border: 0;}
html {background-color: #0d0300;}
body  {font: normal 11px Tahoma, Verdana, Arial, Trebuchet MS; color: #eeeeee; position: absolute;}
img {border: none;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
a:link {color: #feaf32;	text-decoration: underline;}
a:visited {text-decoration: underline; color: #feaf32;}
a:hover {text-decoration: none;	color: #fef7f0;}
a:active {text-decoration: underline; color: #fef7f0;}

/*border*/
.border {width: 995px; margin: 0px auto; background: url(../images/bg.jpg) center repeat-y; min-height: 100%; height: auto !important; height: 100%;}
/*border*/

/*main*/
.main {width: 981px; margin: 0px auto; background-color: #0d0300;}
/*main*/

/*header*/
.header {width: 981px; height: 627px; background: url(../images/header.jpg) 0px 0px no-repeat; position: relative;}
.header p {position: absolute; top: 426px; left: 522px; width: 440px; height: 85px; font-size: 14px; font-family: Arial; text-align: center;}
.roundbutton {display: block; width: 135px; height: 120px; position: absolute; top: 220px; left: 0px; text-indent: -9000px; overflow: hidden;}
.bar {width: 981px; height: 107px; position: absolute; top: 516px; background: url(../images/buttons.jpg) 0px 0px no-repeat;}
.bar a {float: left; display: inline; height: 72px; margin-top: 16px; text-indent: -9000px; overflow: hidden;}
.bar .members {width: 182px; margin-left: 56px;}
.bar .join {width: 292px; margin-left: 105px;}
.bar .nextpage {width: 184px; margin-left: 107px;;}
/*header*/

/*block*/
.block {width: 981px; padding-top: 12px; background: url(../images/block-top.jpg) 0px 0px no-repeat;}
.block-bottom {height: 100px; background: url(../images/block-bottom.jpg) 0px 0px no-repeat; padding-top: 17px; }
.block-bottom a {display: block; width: 981px; height: 96px; text-indent: -9000px; overflow: hidden;}
.desc {width: 210px; height: 285px; float: left;}
.desc p {font: normal 11px Trebuchet MS, Arial; height: 175px; margin: 50px auto 0; padding: 0 11px; text-align: justify; overflow: hidden;}
.desc a {display: block; width: 210px; height: 50px; margin: 9px 0 0; text-indent: -9000px; overflow: hidden;}
.block img {width: 244px; height: 182px; border-style: solid; border-color: #845e47; float: left; border-left-width: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px;}
.block img.big1, .block img.big2 {width: 384px; height: 292px; border-left-width: 1px; border-top-width: 1px;  border-bottom-width: 0px;}
.block img.big2 {border-right-width: 1px;}
.block img.last {border-right-width: 1px;}
/*block*/

/*footer*/
.footer {width: 981px; height: 349px; background: url(../images/footer.jpg) 0px 0px no-repeat;  position: relative;}
.footer a {border: 0px solid white; display: block; text-indent: -9000px; overflow: hidden;}
.join-f {width: 298px; height: 84px; position: absolute; right: 3px; top: 90px;}
.nextpage-f {width: 273px; height: 85px; position: absolute; right: 14px; top: 214px;}
/*footer*/

/*footer2*/
.footer2 {padding: 100px 0 0; text-align: center; background-color: #0d0300;}
.footer2 p {padding-bottom: 5px; padding-top: 5px;}
/*.footer2 a {color: #660033;}
.footer2 a:hover {color: #000000; text-decoration: none;}*/
/*footer*/

/*header-join*/
.header-join {width: 981px; height: 288px; background: url(../images/header-join.jpg) 0px 0px no-repeat; position: relative;}
.header-join p {border: 0px solid white; position: absolute; top: 160px; left: 295px; width: 330px; height: 85px; font-size: 14px; font-family: Arial; text-align: center;}
/*header-join*/

/*block-join*/
.block-join {text-align: center;}
.thumbs {width: 465px; float: left; padding: 10px 0 25px 35px;}
.thumbs h2 {font-size: 17px; text-align: center; font-weight: normal; padding-bottom: 6px;}
.thumbs img {width: 140px; height: 110px; border: 1px solid #522619; margin: 0 3px 3px 0;}
.form {text-align: center; width: 450px; float: right; padding: 5px 0;}
.form input {width: 350px; height: 37px; background-color: #fdf0ce; font-size: 16px; font-weight: bold; color: #333333; margin-bottom: 20px;}
.form input:hover {background-color: #ffc38c; border: #000000 solid 2px;}
.form h2 {font-size: 24px; color: #fed295; text-align: center; padding: 5px 0 15px 0px;}
.form p {color: #dddddd;}
.bonus {margin: 20px auto 0; width: 965px; font-size: 29px; color: #fed295; text-align: center;}
.bonus p {float: left; font-size: 17px; color: #dddddd; padding: 5px 10px 20px; line-height: 30px;}
.bonus a, .bonus a:hover, .bonus a:visited {color: #dddddd; text-decoration: none;}
.bonus img {width: 219px; height: 210px; border: 1px solid #440204;}
/*block-join*/

/*footer-join*/
.footer-join {width: 981px; background: url(../images/waveline.jpg) top no-repeat; padding: 150px 0 0; text-align: center;position: relative;}
.footer-join p {padding-bottom: 5px; padding-top: 5px;}
a#domain {color: #fef7f0; text-decoration: none;}
/*footer-join*/
