@charset "utf-8"; /* CSS Document */ body{background-color:#030303; font:Arial, Helvetica, sans-serif; font-size:12px; margin:auto; color:#FFFFFF;} a{font:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;} a:hover{font:Arial, Helvetica, sans-serif; font-size:12px; color:#999999;} img{border:none;} .shell{margin:auto; width:800px;} #header{float:left; width:800px; height:117px; background:url(i/main/bg_header.jpg) no-repeat;} #header #logo{float:left; width:403px; height:50px; margin:20px 0px 0px 60px; padding:5px 0px 0px 0px;} #header #forgot_password{float:left; width:305px; height:20px; margin:55px 0px 0px 0px;} #header #forgot_password a{float:left; width:305px; text-align:right;} #header #login{float:left; width:545px; margin:0px 0px 0px 230px;} #header #login label{float:left; width:74px; height:20px; margin:8px 5px 0px 0px; font-size:14px; color:#faf7d8; font-weight:bold; text-align:right;} #header #login input.loginField{float:left; width:79px; height:18px; margin:8px 0px 0px 0px; border:none; background:url(i/main/bg_field_small_box.jpg) no-repeat; padding:2px 0px 0px 5px; color:#FFFFCC; font-size:10px;} #header #login a.buttonLogin{float:left; width:81px; height:33px; margin:0px 5px 0px 5px; border:none; background:url(i/main/bg_login.png) no-repeat; text-decoration:none; z-index:99;} #header #login a:hover.buttonLogin{float:left; width:81px; height:33px; margin:0px 5px 0px 5px; border:none; background:url(i/main/bg_login_hover.png) no-repeat;} #header #login a.buttonJoinNow{float:left; width:113px; height:33px; margin:0px 5px 0px 5px; border:none; background:url(i/main/bg_join_now.png) no-repeat; text-decoration:none;} #header #login a:hover.buttonJoinNow{float:left; width:113px; height:33px; margin:0px 5px 0px 5px; border:none; background:url(i/main/bg_join_now_hover.png) no-repeat;} #header #login a span{display:none;} #adSpace{float:left; width:800px; height:326px; background:url(i/main/bg_hp_ad_space.jpg) no-repeat;} #adSpace .leftNav{float:left; width:188px; margin:60px 0px 30px 0px;} #adSpace .leftNav ul{float:left; width:185px; margin:0px 0px 0px 55px; list-style:none; padding:0px;} #adSpace .leftNav ul li{float:left; width:185px; margin:0px 0px 0px 0px;} #adSpace .leftNav ul li a{float:left; width:185px; height:34px; margin:0px 0px 0px 0px; color:#faf7d8; padding:0px 0px 0px 0px; font-size:18px; text-decoration:none;} #adSpace .leftNav ul li a.selected{float:left; width:185px; height:34px; margin:0px 0px 0px 0px; color:#666; padding:0px 0px 0px 0px; text-decoration:none;} #adSpace .leftNav ul li a:hover{float:left; width:185px; height:34px; margin:0px 0px 0px 0px; color:#666; padding:0px 0px 0px 0px; text-decoration:none;} #buttonFreeProfile{clear:both; float:left; width:600px; height:51px; margin:0px 0px 0px 0px; padding:0px 0px 0px 200px;} #buttonFreeProfile a{float:left; width:400px; height:51px; background:url(i/main/bt_free_profile.png) no-repeat; text-decoration:none;} #buttonFreeProfile a:hover{background:url(i/main/bt_free_profile_hover.png) no-repeat; text-decoration:none;} #buttonFreeProfile a span{display:none;} #contentHP{float:left; width:800px; height:297px; background:url(i/main/bg_content.jpg) no-repeat;} #contentHP .centerAd{ position:relative; left:330px; top:-266px; width:424px; height:272px; background:url(i/main/bg_hp_center_ad.png) no-repeat;} #contentHP .centerAd h3{float:left; width:309px; margin:10px 0px 0px 15px;} #contentHP .centerAd p{float:left; width:400px; margin:5px 0px 0px 15px;} #contentHP .centerAd ul{float:left; width:200px; margin:5px 0px 0px 15px; list-style:none; padding:0px 0px 0px 0px;} #contentHP .centerAd ul li{float:left; width:200px; margin:4px 0px 0px 0px; padding:0px 0px 0px 25px; background:url(i/main/bg_heal.jpg) no-repeat;} #contentHP .leftAd{position:relative; left:30px; top:15px; width:260px; height:260px; background:url(i/main/bg_recent_members.png) no-repeat; color:#d3d37d; padding:10px;} #contentHP .leftAd h2{float:left; margin:30px 0px 10px 0px; width:250px; height:35px; text-align:center; font-size:30px;} #contentHP .leftAd .image_container{float:left; margin:0px 10px 10px 5px; width:75px; height:75px} #contentHP .leftAd .image_container_last{float:left; margin:0px 0px 10px 5px; width:75px; height:75px} #footer{float:left; width:800px; height:auto; background:url(i/main/bg_footer.jpg) no-repeat; padding-bottom:10px;} #footer .stats{float:left; width:700px; margin:15px 0px 0px 0px; padding:0px 50px 0px 50px; color:#CCC;} #footer .stats h3{clear:both; float:left; width:700px; margin:0px 0px 5px 0px; padding:0px; text-align:center; font-size:18px;} #footer .stats .rowTitle{clear:both; float:left; width:720px; margin:0px 0px 0px 0px; font-weight:bold;} #footer .stats .rowTitle .col1{clear:both; float:left; width:120px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .rowTitle .col2{float:left; width:120px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .rowTitle .col3{float:left; width:120px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .rowTitle .col4{float:left; width:120px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .rowTitle .col5{float:left; width:120px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .rowTitle .col6{float:left; width:120px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .row{clear:both; float:left; width:720px; margin:0px 0px 0px 0px;} #footer .stats .row .col1{clear:both; float:left; width:120px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .row .col2{float:left; width:120px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .row .col3{float:left; width:120px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .row .col4{float:left; width:120px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .row .col5{float:left; width:120px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .row .col6{float:left; width:120px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .rowFeedTitle{clear:both; float:left; width:700px; margin:20px 0px 0px 0px; text-align:center; font-weight:bold;} #footer .stats .rowFeedTitle .col1{clear:both; float:left; width:210px; margin:0px 0px 0px 40px; text-align:center;} #footer .stats .rowFeedTitle .col2{float:left; width:210px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .rowFeedTitle .col3{float:left; width:210px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .rowFeed{clear:both; float:left; width:700px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .rowFeed .col1{clear:both; float:left; width:210px; margin:0px 0px 0px 40px; text-align:center;} #footer .stats .rowFeed .col2{float:left; width:210px; margin:0px 0px 0px 0px; text-align:center;} #footer .stats .rowFeed .col3{float:left; width:210px; margin:0px 0px 0px 0px; text-align:center;} #footer .links{float:left; width:800px; margin:44px 0px 0px 0px; padding:0px 30px 0px 30px; color:#474747;} #footer .links ul{float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 90px; list-style:none;} #footer .links ul li{float:left; margin:0px 0px 0px 0px; padding:0px; width:auto; height:auto;} #footer .links ul li a{ text-align:center; margin:0px 0px 0px 0px; padding:0px 5px 0px 5px; color:#fff;} #footer .links ul li a:hover{ color:#999;} #footer .copy{float:left; width:800px; margin:5px 0px 0px 0px; color:#474747; font-size:11px;} #footer .copy p{ text-align:center; margin:0px 0px 0px 0px; padding:0px;}