/* Global styles */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, form, fieldset { margin:0; padding:0; }
img { border: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%; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
body { background:#63c2f0 url(bg-page.jpg) repeat-x top; font-family:Times New Roman, Arial, Verdana, sans-serif; color:#fff; }
.clear { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#wrapper { width:976px; margin: 0 auto; background:url(bg-wrap-trans.png) repeat-y; }
#header_top { width: 960px; height: 42px; margin: 0 auto; background:url(bg-top_header.gif) repeat-x; padding-top: 8px; }
#header_top h3 { background:url(img-hot_babes-trans.png) no-repeat; width: 706px; height: 31px; display: block; text-indent: -9999px; margin-top: 0px; float: left; }
#header_top h6 { float: right;font-size: 18px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;padding: 5px 10px 0 0;color: #000; }
#header_top h6 a { color: #009; }
#header_bg { background:url(bg-header1.jpg) no-repeat; width:960px; height: 299px; margin: 0 auto; position: relative; }
#header_bg2 { background:url(bg-header2.jpg) no-repeat; width:960px; height: 299px; margin: 0 auto; position: relative; }
#header_bg3 { background:url(bg-header3.jpg) no-repeat; width:960px; height: 299px; margin: 0 auto; position: relative; }
#header_bg4 { background:url(bg-header4.jpg) no-repeat; width:960px; height: 299px; margin: 0 auto; position: relative; }
#header_bg h1, #header_bg2 h1, #header_bg3 h1, #header_bg4 h1 { background: url(img-logo-trans.png) no-repeat; width: 553px; height: 203px; display: -9999px; text-indent: -9999px; top: 28px; left: 10px; position: absolute; }
#header_bg h2, #header_bg2 h2, #header_bg3 h2, #header_bg4 h2 { background: url(img-only_wettest-trans.png) no-repeat; width: 413px; height: 44px; display: -9999px; text-indent: -9999px; top: 224px; left: 60px; position: absolute; }
#header_bg h1 a, #header_bg2 h1 a, #header_bg3 h1 a, #header_bg4 h1 a { display: block; height: 203px; text-indent: -9999px; }
#join_header_bg { background:url(bg-join_header.jpg) no-repeat; width:960px; height: 199px; margin: 0 auto; position: relative; }
#join_header_bg h1 { background: url(img-logo-trans.png) no-repeat; width: 553px; height: 203px; display: -9999px; text-indent: -9999px; top: 0; left: 10px; position: absolute; }
#header_top h4 { background:url(img-safe-trans.png) no-repeat; width: 854px; height: 29px; display: block; text-indent: -9999px; margin: 0 auto; }
#global_nav { width: 960px; height: 85px; margin: 0 auto 10px auto; background:url(bg-global_nav.gif) repeat-x; }
#global_nav ul { list-style: none; width: 942px; _width: 950px; margin: 0 auto; }
#global_nav li { float: left; font-size: 32px; text-align: center; margin: 0 10px; line-height: 20px; padding-top: 19px; font-weight: bold; }
#global_nav li a { color: #fff; }
#global_nav li span { font-size: 16px; color: #0c2965; line-height: 26px; height: 16px; }
#global_nav li.space { background: url(bg-nav_space.gif) no-repeat; margin: 12px 12px 0 12px; line-height: 60px; }
.corner_nav { margin: 0 auto; width: 198px; padding: 0; float: right; }
.corner_nav li { background: none !important; margin: 0; display: inline; float: left; text-align: -9999px; }
.corner_nav li a { float: left; height: 0; padding-top: 40px; margin: 0 7px 0 0; overflow: hidden; }
.corner_nav li a { background-image: url(bg-top_header_nav.gif); background-repeat: no-repeat; }
.corner_nav li.bookmark a { background-position: 0 0; width: 92px; }
.corner_nav li.members a { background-position: -93px 0; width: 92px; }
#intro { background: #09215a; border: 5px #f4fbff solid; font-size: 16px; width: 907px; padding: 10px; margin: 0 auto 10px auto; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.content_wrapper { width: 925px; margin: 0 auto 25px auto; }
.content_header { background: #b7e3f9; width: 923px; border: 2px #cfefff solid; height: 50px; }
.content_header h5 { font-size: 32px; color: #000; margin: 7px 0 0 14px; float: left; letter-spacing: -1px; }
.content_header .star_wrapper { width: 320px; height: 50px; background:url(bg-stars.jpg) no-repeat; float: right; }
.thumbs_wrapper { background: #ddf4ff; border: 1px #b7e3f9 solid; width: 903px; line-height: 0; padding: 11px; }
.thumbs_wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.thumbs_wrapper ul { list-style: none; }
.thumbs_wrapper li { float: left; }
.thumbs_wrapper li.fix { width: 654px; }
.thumbs_wrapper li img { border: 1px #09215a solid; margin: 2px; }
.join_link { background: #09215a; border: 2px #cfefff solid; width: 923px; text-align: center; padding: 10px 0; clear: both; }
.join_link a { font-size: 26px; font-weight: bold; color: #fff; text-decoration: underline; }
.opt_wrapper { background:url(bg-desc.jpg) no-repeat; width: 244px; height: 344px; padding-top: 100px; margin: 2px; }
.desc_wrapper { width: 220px; height: 207px; background:#000; border: 2px #b7e3f9 solid; margin: 0 auto; }
.desc_wrapper span.sample a { background:url(img-p_sample_alt-trans.png) no-repeat; width: 220px; height: 86px; text-indent: -9999px; display: block; margin: 0 auto; }
.desc_wrapper span.access a { background:url(img-get_access.gif) no-repeat; width: 220px; height: 40px; text-indent: -9999px; display: block; margin: 0 auto; }
.desc { line-height: 15px; font-size: 12px; height: 183px; padding: 5px 8px; overflow: auto; font-family: Arial, Helvetica, sans-serif; }
.stars { margin: 13px auto 0 auto; padding: 0; width: 265px; }
.stars div.text { color: #004; font-size: 12px; padding: 5px 15px; font-weight: bold; float:left; font-family: Arial, Helvetica, sans-serif; }
#updates ul { width: 916px; _width: 946px; margin: 0 auto; list-style: none; }
#updates li { float: left; margin: 12px 16px; width: 273px; }
#updates:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.updates_wrapper { width: 273px; margin: 0 auto; }
.updates_header { background: #b7e3f9; width: 273px; border: 2px #cfefff solid; height: 50px; text-align: center; }
.updates_header h5 { font-size: 32px; color: #000; margin: 7px 0 0 0; letter-spacing: -1px; }
.img_wrapper { background: #ddf4ff; border: 1px #b7e3f9 solid; width: 253px; text-align: center; line-height: 0; padding: 11px; }
.img_wrapper img { border: 1px #09215a solid; }
.update_join { background: #154487; border: 2px #091f58 solid; width: 273px; text-align: center; padding: 7px 0; letter-spacing: -1px; }
.update_join a { font-size: 25px; font-weight: bold; color: #fff; text-decoration: underline; }
.join_content { padding: 12px 0; width: 100%; }
.join_points_container { width: 280px; height: 355px; padding: 16px; background: #ddf4ff; border: 1px #b7e3f9 solid; margin: 0; font-size: 12px; color: #000; font-family: Arial, Helvetica, sans-serif; }
.join_points_container h4 { font-size: 14px; color: #06174e; margin: 10px 0 2px 0; }
.join_thumbs ul { list-style: none; }
.join_thumbs li { line-height: 0px; margin-bottom: 2px; }
.join_thumbs li img { border: 1px #09215a solid; }
#join_fill { width: 960px; height: 60px; margin: 0 auto; background:url(img-fill_form.gif) no-repeat; text-indent: -9999px; display: block; }
#sites { margin: auto; width: 972px; text-align: center; color: #006; }
#sites h2, #sites h3 { clear: both; text-align: center; margin: 0; padding:0; line-height: normal; font-size: 22px; }
#sites a { color: #FFC; }
#sites a:hover { text-decoration: none; color: #FFF; }
#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; color: #00F; }
#sites ul li p { width: 181px; font-size: 12px; font-weight: normal; color: #004; 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 #fff; }
#sites ul li a:hover { color: #000; }
#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; }
#footer { width: 889px; margin: 0 auto; }

.rating_off { background: url(rating01.gif) repeat-x; height: 32px; width: 170px; position: relative; float:left; display: inline;margin-top: -3px; } 
.rating_on { background: url(rating02.gif) repeat-x; height: 32px; width: 170px; position: absolute; top: 0; left:0; }

#common_footer { color: #19336f; 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: #00f; text-decoration: underline; }
#common_footer a:hover { color: #000; text-decoration: none; }

#intro2 { padding: 15px;margin: 15px 10px;background: #7dadc4;border: 3px double #fff; }
#intro2 .introl { float: left;width: 350px;color: #000;font-family: Arial, Helvetica, sans-serif;margin-right: 10px; }
#intro2 .intro_text { padding: 10px;background: #c1e4f5;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }
#intro2 .introl h2 { margin-bottom: 5px; }
#intro2 .introl p { font-size: 20px;line-height: 24px; }
#intro2 .intror { float: left;width: 558px; }


/*
#intro2 { padding-right: 24px; margin-left: 26px; margin-bottom: 20px; padding-left: 20px; position: relative;background: #7dadc4; }
#intro2 .introl { background: #c1e4f5;float: left; width: 303px; color: #000; font-family: Helvetica, sans-serif; }
#intro2 .introl h2 { margin-bottom: 12px; margin-top: 40px; }
#intro2 .introl p { font-size: 14px; line-height: 20px; }
#intro2 .introl a.btn { position: absolute; left: 14px; top: 288px; }
#intro2 .intror { float: right; width: 558px; }
#intro2 .intror .top { height: 23px; width: 557px; }
#intro2 .intror .trailer { width: 558px;height: 418px; }
*/