* {margin: 0; padding: 0; font-family: "Trebuchet MS", Verdana, Arial;}
body {background:url('../images/bg/bg.jpg') repeat-x; margin: 0 auto 0 auto; text-align: center; background-color: #E4F6F8;}
.clear{clear: both;}
.red {color: red;}
.mat {color: #044444;} 

#warning_page {margin: 0 auto 0 auto; width: 873px; text-align: center;}
#warning_page td.warning_text {background-color: #FFFFFF; text-align: center;}
#warning_page td.warning_text textarea{width: 510px; height: 316px;}



#back {background:url('../images/bg/bg2.jpg') no-repeat; background-position: top center;  margin: 0 auto 0 auto; text-align: center;  text-align: center;}
#page {width: 986px; margin: 0 auto 0 auto;}

#header {}

#footer { margin: 0 auto 0 auto; background-color: #cee4e6; width: 960px;}
#footer .footercopy {background-image: url(../images/footer/footer_08.jpg); font-size: 12px; }
#footer .footercopy  a, #footer .footercopy  a:visited {color: #2E595F;}

#bottomlinks {margin: 0 auto 0 auto; width: 960px; color: #2E595F; font-size: 14px; color: black;}
#bottomlinks a, #bottomlinks a:visited {color: #2E595F;}

#content {display: block;margin: 0 auto 0 auto; background-color: #cde1e3; width: 960px;}
#content .wrapper {margin-left: 5px; margin-right: 5px; padding-top: 1px; padding-bottom: 1px; }
#content .left {float: left; width: 472px; margin-top: 6px;}
#content .right {float: left; width: 472px; margin-top: 6px; margin-left: 6px;}
#content .sect {margin-bottom: 6px;}

#content .trailer-footer {display: block;  background-color: #f5eeee; text-align: left; padding: 10px 20px;}
#content .trailer-footer h1 {font-size: 14px; color: #044444;}
#content .trailer-footer p {font-size: 12px; color: #718e8f;}
#content .black-border {border: solid 1px black;}
#content .blue-sect {padding: 10px 20px; background: url(../images/bg/blue_sect.jpg) repeat-x; background-color: #bef9ff; }
#content .blue-sect .subtitle{font-size: 10px; text-align: left; line-height: 32px;}
#content .blue-sect .title{font-size: 10px; text-align: left;}
#content .blue-sect .list div {float: left; margin-right: 4px; margin-bottom: 4px; }
#content .blue-sect .footer{font-size: 12px; line-height: 32px; text-align: left; }

#content .blue-sect a, #content .blue-sect a:visited {color: #00AB9B;}

#content .white-sect {padding: 10px 20px; background-color: white; }
#content .white-sect .title{font-size: 10px; text-align: left;}

#content .sect  .cats {margin-top: 10px; height: 392px;}
#content .sect  .cats li {float: left; margin: 0 2px 2px 0 ; display: block; color: #007d94; width: 24px; height: 24px; width: 140px; text-align: left; }
#content .sect  .cats  li  a, #content .sect  .row  li  a:visited  {color: #007d94;}


#content .sect .row {padding: 4px 20px;  background-color: white;}
#content .browsetitle {float: left; width: 190px;  margin: 12px 0 12px 0; text-align: left;  }

#content .letters {float: left; width: 240px; margin: 12px 0 6px 0;   }
#content .letters  li {float: left; margin: 0 2px 2px 0 ; display: block; border: solid 1px #03403f; width: 22px; height: 22px; background-color: #c5fd16; font-size: 14px;}
#content .letters  li  a, #content .letters  li  a:visited {text-decoration: none; color: black; display: block; margin-top: 2px;}

#content .mletters {float: left; width: 240px; margin: 12px 0 6px 0;   }
#content .mletters  li {float: left; margin: 0 2px 2px 0 ; display: block; border: solid 1px #03403f; width: 22px; height: 22px; background-color: #c5fd16;}
#content .mletters  li  a, #content .mletters  li  a:visited {text-decoration: none; color: black; display: block;}

#content  .latest {float: left; margin: 0px 1px 0 0; width: 234px;}
#content  .latest  .thumb_title {background-image: url(../images/bg/latest.jpg); width: 234px; height: 35px; line-height: 35px;}
#content  .latest  .thumb_title .sleft {padding-left: 10px; font-size: 12px; color: white; float: left}
#content  .latest  .thumb_title .sright {padding-right: 10px; font-size: 12px; color: #c5fd16; float: right;}
#content  .latest  .thumb_title .sright a, #content  .latest  .thumb_title .sright a:visited {color: #c5fd16;}
#content  .latest  .thumb_title .sleft a, #content  .latest  .thumb_title .sleft a:visited {color: white; }


#content  .mag {float: left; margin: 0px 1px; width: 160px;}
#content  .mag  .thumb_title {background-image: url(../images/bg/latest.jpg); width: 234px; height: 35px; line-height: 35px;}
#content  .mag  .thumb_title .sleft {padding-left: 10px; font-size: 12px; color: white; float: left}
#content  .mag  .thumb_title .sright {padding-right: 10px; font-size: 12px; color: #c5fd16; float: right;}


#content .black-sect {background-color: black;}
#content .black-sect * {text-align: left;}
#content .black-sect img{margin-bottom: 6px; border: solid 1px #3c3333;}

#content .black-sect .left {float: left; width: 450px; margin-top: 8px; margin-left: 14px;}
#content .black-sect .right {float: left; width: 470px; margin-top: 8px;}
#content .black-sect .title { text-align: left;}
#content .black-sect .subtitle {color: red; font-size: 24px; font-weight: bold;  margin: 0px 0px;}
#content .black-sect .subtitle span {font-size: 10px; color: white; display: block; height: 69px;}

#content .sect .dvd {float: left; margin: 0 0 0 3px;width: 234px;}
#content .sect .dvd  .thumb_title {background-image: url(../images/bg/latest.jpg); width: 234px; height: 35px; line-height: 35px; }
#content .sect .dvd  .thumb_title .sleft {padding-left: 10px; font-size: 12px; color: white; float: left}
#content .sect .dvd  .thumb_title .sright {padding-right: 10px; font-size: 12px; color: #c5fd16; float: right;}

#content .sect .bonustitle {margin: 18px 0 18px 0;}
#content .sect .bonussite {float: left; width: 288px; background-color: white; margin: 0px 12px 8px 12px;}
#content .sect .bonussite div{margin: 4px 8px 4px 8px;}
#content .sect .bonussite .name{background: url('../images/bg/site_name.jpg') repeat-x; font-size: 14px; border: solid 1px black; line-height: 38px;}
#content .sect .bonussite .screen img{border: solid 1px black;}
#content .sect .bonussite .footer {font-size: 12px; color: black;}


#slider {background: url('../images/bg/slider.jpg') no-repeat; height: 180px; width: 960px; margin: 0 auto 0 auto;}
#slider .arrow {width: 80px; float: left; margin-top: 50px;}
#slider .slide_content{ float: left; overflow: hidden;}
#slider ul {margin-top: 20px; width: 800px;}
#slider li {float: left; display: block; margin-left: 8px;}
#slider li div {background-color: #38cfd7; font-size: 12px; margin: 0 0; width: 155px;}


#slider_mag {background: url('../images/bg/slider_mag.jpg') no-repeat; height: 275px; width: 960px; margin: 0 auto 0 auto; overflow: hidden;}
#slider_mag  .arrow {width: 70px; float: left; margin-top: 100px;}
#slider_mag  .slide_content{ float: left; width: 820px; overflow: hidden;}
#slider_mag  ul {margin-top: 17px; width: 820px;}
#slider_mag  li {float: left; display: block; margin-left: 4px; float: left; width: 160px; height: 260px;}
#slider_mag  li div {background-color: #38cfd7; font-size: 12px; margin: 0 0; }



#inner_content {background-color: white; margin: 10px 10px 10px 10px; padding-bottom: 1px; padding-top: 1px;}
#inner_content div.subcont{background-color: white; margin: 0px 10px 0px 10px;}
#inner_content .title {background: url('../images/bg/title.jpg') repeat-x; text-align: left; }
#inner_content .searchbar {float: right; background-color: black; width: 400px; height: 80px; margin: 12px 0 12px 0;}
#inner_content .searchbar .searchbox{font-size: 28px; font-weight: bold; background-color: #31b7b2;  height: 50px; margin: 15px 15px 15px 15px; }
#inner_content .searchbar .searchbox table{height: 50px; line-height: 50px;  }
#inner_content  input[type=text] {color: white; width: 170px; font-weight: bold; background: url('../images/bg/input.jpg') repeat-x; border: solid 1px black;  padding: 5px 5px;}
#inner_content .paging { margin: 4px 0px 4px 0px; text-align: left; padding: 0px 4px 0px 4px; font-size: 18px; color: white; background: url('../images/bg/paging.jpg') repeat-x; height: 46px; line-height: 46px; }
#inner_content .paging a, #inner_content .paging a:visited{text-decoration: none; color: white; }
#inner_content .paging a.active{color: #c5fd16; }
#inner_content .paging span.buttons{float: right; display: block; width: 140px; }
#inner_content .paging span.pages{float: left; display: block; width: 746px; }

#inner_content .headtext {text-align: left; font-size: 24px; font-weight: bold; margin: 10px 0px 10px 0px;}

#inner_content .model {width: 250px; height: 330px; float: left; margin-left: 40px; margin-bottom: 20px;}
#inner_content .model img {border: solid 5px black;}
#inner_content .model span.name {color: #ff4b4b; font-size: 18px; display: block;}
#inner_content .model span.site {color: #666666; font-size: 14px; display: block;}

#inner_content .update{width: 250px; float: left; margin-left: 40px; margin-bottom: 20px;}

#inner_content .left77 {float: left; width: 630px; margin-top: 15px;}
#inner_content .right33 { float: right; width: 262px;  margin-top: 15px;}

#modelpic{width: 240px; float: left;}
#modelpic .name {background: url('../images/bg/model_title.jpg') no-repeat; height: 40px;  line-height: 40px; color: white; font-weight: bold;}
#modelbio {float: left; width: 380px; text-align: left; margin-left: 8px;}
#modelbio b{color: #ea4242; font-weight: bold;}
#modelbio p {margin-bottom: 10px; font-size: 12px;}

#hotmodels div.list{border-left: solid 1px black; border-right: solid 1px black; background-color: #aedde2; width: 262px;}
#hotmodels .latest { width: 234px; margin: 8px 0px 8px 12px;}

#modelupdates {margin: 10px 0px; border: solid 1px black;}
#modelupdates .title {color: #c5fd16; font-size: 18px; height: 32px; line-height: 32px; padding-left: 10px; font-weight: bold;}
#modelupdates .oneupdate  {background-color: #def7fa; height: 210px; text-align: left; margin: 8px 8px; }
#modelupdates .oneupdate .latest {margin-right: 10px;}
#modelupdates .oneupdate  h1{color: #2d5a5e; font-size: 16px;margin-top: 10px;}
#modelupdates .oneupdate   h2{ font-size: 14px; }
#modelupdates .oneupdate   p{ font-size: 12px; margin-top: 10px; margin-bottom: 10px;}

#moreupdates {margin: 10px 10px; border: solid 1px black; background: url('../images/bg/scenes.jpg') repeat-x; background-color: #AEDDE3;}
#moreupdates .title{color: white; font-size: 14px; height: 32px; line-height: 32px; padding-left: 10px; font-weight: bold;}
#moreupdates .title span{color: #20d0cc;  }
#moreupdates .browse {  border: solid 4px black; margin: 10px 10px; background-color: white;}
#moreupdates .browse div.list{height: 350px; margin: 10px 10px; overflow: auto;}
#moreupdates .scene {float: left; margin-left: 20px; margin-top: 10px;}
#moreupdates .scene img{border: solid 1px black;}
#moreupdates .scene span {display:block; font-size: 12px;}
#moreupdates .scene span.name {color: #ea4242;}
#moreupdates .scene span.date {}
#moreupdates .scene span.site {color: #3f8288;}

#mags {margin-bottom: 15px;}
#mags .mag{width: 160px; margin-left: 18px; margin-top: 5px; margin-bottom: 5px; float: left;}
#mags  .mag .thumb_title {background-image: url(../images/bg/latest.jpg); width: 160px; height: 35px; line-height: 35px;}
#mags  .mag   .thumb_title .sleft {padding-left: 10px; font-size: 12px; color: white; float: left}
#mags  .mag  .thumb_title .sright {padding-right: 10px; font-size: 12px; color: #c5fd16; float: right;}
#mags  .mag  .thumb_title .sright a, #content  .latest  .thumb_title .sright a:visited {color: #c5fd16;}


.featured-nav{background-color: #424242; line-height: 44px; height: 44px;}
.featured-nav div.title{float: left; text-align: left; width: 450px; margin: 12px 4px 0px 14px;}
.featured-nav div.buttons{float: right; text-align: right; width: 420px; margin: 8px 14px 0px 0px; }

.bsect {border: solid 1px black; background-color: white;}
.btitle{background: url('../images/bg/title.jpg') repeat-x; height: 32px; line-height: 32px;}
.btext{background: url('../images/bg/bonus_sites.jpg') no-repeat; background-position: bottom right; width: 500px; margin: 0px auto 0px auto; height: 196px; font-size: 14px;  text-align: left;}

.btext p {font-size: 32px; color: black; }
.btext p span {color: #135758;}
.btitle img {margin-top: 6px;}
.bleft{float: left; width: 400px;}
.bright{float: left; width: 548px;}
.bbutton{height: 63px;}

.big_join {background: url('../images/bg/big_join.gif') repeat-x; height: 120px; line-height: 120px;}
.big_join a, .big_join a:visited {font-size: 56px; color: #ff4b4b; text-decoration: blink;}


.sect table.bottomlinks {background-color: white; height: 40px; line-height: 40px; width: 100%;}
.sect table.bottomlinks a, .sect table.bottomlinks a:visited{font-size: 18px; color: #4e8c8d; font-weight: bold; text-decoration: none;}

.latest .date {background-color: black; font-size: 12px; color: white; width: 234px; text-align: left; line-height: 24px; height: 24px;  }
.latest .date  span{float: right;}