@charset "utf-8";
ul,li,p,img,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
.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:#e3e3e3; margin: 0; font-family: Arial, Helvetica, sans-serif; }
a { color: #333; }
a:hover { color: #000; }
#wrap { width: 1040px; margin: auto;background: url(/bigjuicyjuggs/images/body_bg.gif) repeat-y center center; }
#head { position: relative; }
#head img { margin: auto; display: block; border: none; }
#head h1 { background: url(/bigjuicyjuggs/images/logo-trans.png) no-repeat 0 0; width: 829px; height: 123px; text-indent: -9999px; position: absolute; top:50px; left: 90px; }
#head h1 a { display: block;width: 829px; height: 123px; }
#head img.feautres { position: absolute; top: 175px; left: 84px; }
#sub #head img.feautres { top: 353px; }
#sub #head img.join { position: absolute; top: 380px; left: 50px; }
#head p.top { background: url(/bigjuicyjuggs/images/index_01.gif) no-repeat 0 0; height: 35px; color: #fff; font-size: 15px; font-weight: bold; padding: 15px 80px 0; text-shadow: 2px 2px 2px #000; text-transform: uppercase; }
#head p span { float: right; }
#head p a { color: #ff9ccf; text-decoration: none; padding: 0 5px; }
#head p a:hover { color: #fff; }
#head #nav { width: 940px; margin: 0 auto 0; background: url(/bigjuicyjuggs/images/nav_bg.jpg) no-repeat 0 0 ; }
#sub #head #nav { background: none; position: absolute; top: 418px; left: 50px; }
#head #nav li { list-style: none; float:left; }
#head #nav li a { float:left; background: url(/bigjuicyjuggs/images/nav.png) no-repeat; height: 63px; text-indent: -9999px; }
#head #nav li.updates a { width: 212px; background-position: 0px 0px; }
#head #nav li.sites a { width: 255px; background-position: -212px 0px; }
#head #nav li.next a { width: 245px; background-position: -467px 0px; }
#head #nav li.join a { width: 228px; background-position: -712px 0px; }
#head #nav li.updates a:hover { width: 212px; background-position: 0px -83px; }
#head #nav li.sites a:hover { width: 255px; background-position: -212px -83px; }
#head #nav li.next a:hover { width: 245px; background-position: -467px -83px; }
#head #nav li.join a:hover { width: 228px; background-position: -712px -83px; }

#head #trailer { width: 940px; height: 434px; margin: auto; background: url(/bigjuicyjuggs/images/index_06.jpg) no-repeat; clear:left; }
#head #trailer p { float:left; width: 280px; margin: 30px;font-size: 14px; line-height: 20px; font-weight: bold; text-shadow: 1px 1px 1px #fff; display: inline; }
#head #trailer p strong { display: block; font-size: 18px; text-transform: uppercase; display: block; margin-bottom: 10px; }
#head #trailer .trailer { padding: 54px 0 0 0; }

.container { background: url(/bigjuicyjuggs/images/content_top.jpg) no-repeat 0 51px; margin: auto; width: 938px; padding-top:75px; }
.container h2 { background: url(/bigjuicyjuggs/images/index_07.gif) no-repeat -2px 0; height: 43px; color: #fff; text-transform: uppercase; margin: 0 15px; padding: 14px 0 0 25px; position: relative;  }

#updates ul { padding-left: 20px; }
#updates ul li { float:left; list-style: none; margin:10px 20px 0 0; display: inline; }
#updates ul li p { font-size: 14px; font-weight: bold; text-align: center; }
#updates ul li img { border: 2px solid #333; }

#tour { background: url(/bigjuicyjuggs/images/content_top.jpg) no-repeat 1px 51px; margin: auto; width: 940px; padding-top:75px; }

.tbl { width: 940px; margin: 0 auto 20px auto;background: url(/bigjuicyjuggs/images/index_07.gif) no-repeat 0 0;  }
.tbl img { display: block; }
.tbl h2 { background: url(/bigjuicyjuggs/images/index_07.gif) no-repeat 0 0; height: 43px; color: #fff; text-transform: uppercase; padding: 14px 0 0 25px; position: relative;  }
.tbl h2 .rating { background: url(/bigjuicyjuggs/images/rating.gif) no-repeat; width: 153px; height: 33px; position: absolute; top: 11px; right:25px; }
.tbl h2 .rating .label { position: absolute; top: 12px; right: 144px; font-size: 12px; width: 100px; }
.tbl h2 .rating_on { background: url(/bigjuicyjuggs/images/rating.gif) no-repeat 0 -33px; height: 33px; float:left; }
.tbl p {  padding: 10px 25px; font-size: 14px; line-height: 19px; font-weight: bold; text-shadow: 1px 1px 1px #fff; overflow: auto; }
.tbl .thumbs { background: url(/bigjuicyjuggs/images/index_11.gif) no-repeat 0 bottom; padding-bottom: 85px; position: relative;}
.tbl .thumbs img { float:left; }
.tbl .thumbs img.thumb { border: 4px solid #666; border-top: 3px solid #666; }
.tbl .thumbs .small { position: relative; clear:left; }
.tbl .thumbs .small img { position: absolute; top:-80px; border: 1px solid #000; -moz-box-shadow: 2px 2px 8px #666;-webkit-box-shadow: 2px 2px 8px #666; }
.tbl .thumbs .small img.t1 { left: 35px; }
.tbl .thumbs .small img.t2 { left: 255px; }
.tbl .thumbs .small img.t3 { left: 475px; }
.tbl .thumbs .small img.t4 { left: 695px; }
.tbl .logo { position: absolute; bottom: 170px; right: 35px; }

h3.between a { display: block;text-align: center;padding: 20px 45px;padding-top: 0;font-size: 22px;font-weight: bold;color: #900; }
h3.between a:hover { text-decoration: none; }

#sites { text-align: center;color: #333;padding: 0 20px;font-family: Arial, Helvetica, sans-serif;margin-top: 15px; }
#sites h2, #sites h4 { clear: both;text-align: center;margin: 0;padding:0;line-height: normal;font-size: 22px; }
#sites a { color: #900; }
#sites a:hover { text-decoration: none;color: #009; }
#sites .info_text { font-size: 13px;font-family: Arial, Helvetica, sans-serif; }
#sites ul { list-style: none;padding: 0;margin: auto;width: 820px; }
#sites ul li { float:left; margin: 7px 5px 2px 5px; display: inline; text-align: center;  padding:5px 5px; font-family: Arial, Helvetica, sans-serif;font-size: 12px; }
#sites ul li a { font-weight: bold; }
#sites ul li p { width: 181px; font-size: 12px; font-weight: normal; margin-top:6px; height: 46px; }
#sites ul li img { display: block; border: 1px solid #000;clear: both; }
#sites ul li a:hover img { border: 1px dotted #f90; }
#sites ul li a:hover { color: #00f; }

#sites ul.bigsites { clear: both;margin-bottom: 25px;font-weight: bold; }
#sites ul.bigsites li p { width: 385px;font-size: 14px;line-height: 1.1em; }
#sites ul.bigsites p a { display: block;font-size: 16px;padding: 5px 2px; }

#join .left { float:left; width: 470px; margin: 0 0 0 25px; height: 455px; display: inline; background: url(/bigjuicyjuggs/images/join_left.jpg) no-repeat; }
#join .left p { margin: 73px 0  0 148px; height: 41px; font-size: 13px; font-weight: bold; color: #333; text-shadow: 1px 1px 1px #fff; }
#join .form { float:left; display: inline; margin: 0 0 20px 30px; position: relative;border: 3px solid #ccc;padding: 0 10px 10px 10px; }
#join .form img { display: block; }
#join .form img.secure { position: absolute; top: -45px; left:25px; }
#join .stats { margin-left: 14px; margin-bottom: 20px;margin-top: 15px; }
#join .stats p { float:left; width: 127px; border: 1px solid #ccc;-moz-border-radius: 6px; -webkit-border-radius: 6px; margin-left: 10px; font-size: 13px; font-weight: bold; padding: 5px; text-align: center; display: inline; }
#join .stats p span { text-align: center; display: block; font-size: 20px; background: #e4e4e4; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 4px 0 0 0; }


#footer { width: 940px; margin: auto; }
#footer img { float:left; border: none;  }

#text_footer { background: #e3e3e3; text-align: center; font-size: 12px; color: #555; padding: 20px; }

#common_footer { color: #555; 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: #000;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #900; text-decoration: underline; }
#common_footer a:hover { color: #009; text-decoration: none; }