/* CamelToeHos.com // Pimproll.com */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { background: url(body_bg.gif) repeat-y center #fff; margin: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
a.tbl { color:#666666 }
a { color:#000000 }
#w { width: 954px; margin: auto; }
#w #head { position: relative; }
#w #head .logo { position: absolute; top: 100px; left: 180px; }
#w #head .logo-tour { position: absolute; top: 32px; left:238px; }
#w #head img { float:left; border: none; }

.topnav a img { opacity: 1;filter:alpha(opacity=100); }
.topnav a:hover img { opacity: .6;filter:alpha(opacity=60); }

#intro { clear:left; background: url(intro_02.gif) repeat-x; text-align: left; height: 128px; }
#intro a { color:#0000EE }
#intro img.left { float: left; margin-right: 30px; }
#intro img.right { float: right; margin-left: 20px; }
#intro p { padding: 30px 0; margin: 0; }
.join-secure { background: #2e2e2e; color: #fff; font-size: 34px; text-align: center; padding: 7px 0; margin: 10px 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; clear:both; }
.tbl { background:url(table_back.gif) repeat-y; position: relative; }
.tbl img { display: block; }
.tbl h1 { height: 43px; background: url(table_01.gif) no-repeat; text-transform: uppercase; color: #fff; text-align: left; padding: 27px 0 0 35px; margin:0; position: relative; }
.tbl h1 .rating { position: absolute; left: 450px; top: 30px; font-size: 14px; }
.tbl a.txt-join { background: #000; padding: 8px 0; color: #666; display:block; text-transform: uppercase; font-weight: bold; font-size: 17px; }
.tbl a.txt-join:hover { color: #fff; }
.tbl img.l { margin: 0 7px 0 21px !important; margin: 0 7px 0 10px; float:left; display:block; padding: 0; }
.tbl .right { float:left; width: 474px; }
.tbl .play { position: absolute; right:21px; top: 429px; display:none }
.tbl img.sml { float:left; margin: 2px 2px 0 0; }
.tbl p.desc { text-align: left; background: url(table_02.gif) no-repeat; margin: 0; height: 132px; float:left; width: 400px; padding: 10px 35px; overflow:auto }
.tbl a.trailer { position: absolute; right: 45px; width: 400px; top: 190px; padding: 5px 0; text-transform: uppercase; font-size: 17px; font-weight: bold; text-decoration: none; z-index:1; display:none }
.tbl a.trailer span { color: #000; }
.desc a { font-weight:bold; color:#0000EE }
.sites-item { width: 223px; float:left; position: relative; padding: 2px; border: 1px solid #b4b4b4; margin: 0 0px 8px 7px; color:#fff; }
.last { margin-right: 0; }
.sites-item img { border:none; }
.sites-item .flag { position: absolute; top:-1px; left: -1px; border: none; }
.sites-item .flag img { }
.sites-item .details { font-size: 11px; padding:5px; }
.sites-item .txt a { color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; background: #ec0039; display:block; padding:4px; clear:left; height: 17px; }
.join-left { width: 400px; text-align: left; border: 5px solid #222; margin: 10px 20px 20px 50px; background: #333; font-size: 1.1em; float:left; }
.join-left ul { list-style: square; color: #fffd53; }
.join-left ul li { padding: 6px; }
.join-left ul li b { color: #fff; }
.join-left h1 { color: #FFF; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: center; border-top: 1px solid #222; padding-top: 10px; }
.join-left h1 span { font-size: 30px; color: #fffd53; }
.join-form { float: left; width: 400px; border: 5px solid #444; margin: 10px 0 20px 0; background: #f4f4f4; padding: 5px; }
#buttons img { float:left; margin:auto; }
.footer { padding: 30px; color: #ccc; font-size: 12px; margin:auto; clear:both }
.footer a { color: #ccc; text-decoration: underline; }
.footer a:hover { text-decoration: none; }
/* PREVIEW */

.flashpreview { text-align: center; margin: 20px 0; }
.flashpreview img { border: solid 3px #fff; }
#trailer { clear: both; repeat-y;
width: 930px; margin: 0 0 0 10px; display: block; color:#FFFFFF }
#trailer .modeldetails { position: relative; font-size: 0.85em; margin: 0 0 0 60px; width: 860px; }
#trailer a:link { color: #0c1ece; }
#trailer a:visited { color: #0c1ece; }
.trailer-top { height: 80px; }
.trailer-footer { height: 90px; width: 930px; }
.trailer-footer .joinlink { text-align: center; font-size: 2em; padding: 0; font-weight: bold; }
.details { font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif }
.id { font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif }
.scenetitle { margin: 8px 15px 0 0; color:#FFFFFF }
.scenerating { float:right }
#trailer .modeldetails { position: relative; font-size: 0.85em; margin: 0 0 0 60px; width: 810px; }
.scenerating { color: #3e4145; font-size: 16px; float: right; margin: 12px 0px 0 0; }
.scenerating table { width: 420px; }
.starsrating { vertical-align: middle; }
.votes { font-size: 0.8em; color: #3e4145; letter-spacing: -0.07px; }
#preview_join { background-color:#FECC60; width:680px; padding:5px; color:#000000 }

.rating_off { background: url(rating01.gif) repeat-x; height: 31px; width: 155px; position: relative;margin-top: -2px; } 
.rating_on { background: url(rating02.gif) repeat-x; height: 31px; width: 155px; position: absolute; top: 0; left:0; }

#common_footer { color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin-top: 15px; }
#common_footer p { margin: 0; padding-bottom: 15px; }
#common_footer p.common_copyright { }
#common_footer p.comfortable { color: #fff;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #FECC60; text-decoration: underline; }
#common_footer a:hover { color: #fff; text-decoration: none; }