/* Global styles */

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, form, fieldset {	margin:0; padding:0; }
img { border:0; }

a { text-decoration:underline; }
a:hover { text-decoration:none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body { background:#42b5f6 url(/images/page-bg.jpg); font-family: Arial, Verdana, sans-serif; color:#0d0d0d; }

#container { background:url(/images/content-bg.gif) top center repeat-y; width: 963px; padding-left: 3px; margin: 0 auto;  }

#header_index { background: url(/images/img-header1.jpg) top center no-repeat; width: 960px; height: 554px; position: relative; }
a#join_index { width: 960px; height: 554px; display: block; }
a#bookmark { width: 163px; height: 28px; position: absolute; top: 57px; left: 535px; display: block;  }
a#members { width: 163px; height: 28px; position: absolute; top: 57px; left: 719px; display: block; }
a#instantaccess { width: 163px; height: 28px; position: absolute; top: 57px; left: 470px; display: block; }
#header2 { background: url(/images/img-header2.jpg) top center no-repeat; width: 960px; height: 342px; position: relative; }
#header3 { background: url(/images/img-header3.jpg) top center no-repeat; width: 960px; height: 342px; position: relative; }
#header4 { background: url(/images/img-header4.jpg) top center no-repeat; width: 960px; height: 342px; position: relative; }
#header5 { background: url(/images/img-header5.jpg) top center no-repeat; width: 960px; height: 342px; position: relative; }
a#join_subheader { width: 960px; height: 342px; display: block; }

#nav { width: 960px; height: 85px; }

#trailer_container { background: url(/images/img-trailer_bg.jpg) top left no-repeat; height: 456px; width: 960px; text-align:center}
#trailer_container h1 { margin: 10px auto; text-align: center; font-size: 28px; font-weight: bold; letter-spacing: -1px; color: #bb0750; }
#trailer_container p { margin: 0 auto; text-align: center; font-size: 15px; width: 920px; }
#trailer #trailer_container { margin: 20px auto 0 auto; width: 510px; height: 322px; }
#trailer_box { }
#trailer	{margin-top: 14px}

.block { width: 960px; }
.block .info { background: url(/images/img-block1_bg.jpg) top center no-repeat; width: 960px; }
.block .info h2 { font-size: 26px; font-weight: bold; letter-spacing: -1px; background: url(/images/img-block2_bg.png) top left no-repeat; width: 454px; height: 39px; margin-top: 10px; padding: 7px 0 0 10px; color: #fff; float: left; text-shadow: #000 0px 0px 2px; }
.block .info .rating { background: url(/images/img-block3_vote_off.png); margin: 0; float:right; width: 257px; height: 46px; margin: 10px 100px 0 0; }
.block .info .rating div { height: 46px; background: url(/images/img-block3_vote_on.png); }
.block .info p { width: 900px; padding: 0; font-size: 14px; line-height: 18px; display: block; margin: 10px auto; text-align: center; }
.block .info a { margin: 0 auto; width: 894px; height: 32px; padding: 0; display: block; }
.block .thumbs { background: url(/images/img-block7_bg.jpg) top left no-repeat; width: 960px; height: 577px; padding-top: 4px; position: relative; }
.block .thumbs a.logo { position: absolute; top: 282px; left: 700px; z-index: 100; }
.block .thumbs ul { width: 950px; height: 581px; margin: 0px 0 0 10px; list-style: none; line-height: 0; position: relative; }
.block .thumbs li { float: left; margin: 4px 4px 0 0; line-height: 0; *display: inline; }
.block .thumbs li img { border: 1px #126a9f solid; }
.block a.end { margin: 0; padding: 0; }

a.mid_link { display: block; width: 960px; background: #e5e5e5; font-size: 24px; letter-spacing: -1px; color: #2d2d2d; height: 40px; padding-top: 7px; text-align: center; margin: 0; }

#updates_text_container { width: 896px; margin: 10px auto 0 auto; font-size: 14px; }
#updates_text_container h2 { color: #bb0750; font-size: 25px; margin-bottom: 10px; font-weight: bold; letter-spacing: -1px; }
#updates_container { width: 926px; margin: 10px auto 20px auto; list-style: none; }
#updates_container li { float: left; width: 295px; margin: 2px 6px; text-align: center; *display: inline; padding: 0; }
#updates_container li div { position: relative; }
#updates_container li a { text-decoration: none; }
#updates_container li h3 { font-size: 16px; height: 18px; font-weight: bold; padding: 6px 0; color: #000; width: 275px; letter-spacing: -1px; position: absolute; top: 544px; left: 10px; background-color:rgba(0,0,0,0.5); color: #fff; display: block;  }
#updates_container li img { border: 2px #126a9f solid; margin: 7px 5px; }

.sitestop {font-size: 26px; color: #000; padding: 4px;margin: 0; text-align:center }
.pintro {font-size: 14px; width:830px; text-align:center; margin:auto; color:#000; padding: 6px }
#sites { margin: 20px auto; width: 830px; text-align: center; color: #333; }
#sites h2, #sites h4 { clear: both; text-align: center; margin: 0; padding:0; line-height: normal; font-size: 22px; width: 700px }
#sites a { color: #C40B56; }
#sites a:hover { text-decoration: none; color: #000; }
#sites .info_text { font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
#sites ul { list-style: none; padding: 0; margin: 0; width: 830px; }
#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;  color:#000}
#sites ul li img { display: block; border: 1px solid #666; clear: both; }
#sites ul li a:hover img { border: 1px dotted #000; }

#joinheader { background: url(/images/img-join_header.jpg) top left no-repeat; width: 960px; height: 396px; margin-bottom: 10px; }
#join_container { width: 960px; margin: 0 auto; }
#join_content_body p.notice { font-size: 14px; color: #454545; font-weight: bold; text-align: center; width: 870px; margin: 5px auto 10px auto; }
#join_content_body #left_col { width: 490px; float: left; margin: 0 5px 0 9px; *display: inline; }
#join_content_body #left_col li { float: left; margin: 6px 0; width: 482px; height: 128px; padding: 3px 3px 0 0; list-style: none; border-bottom: 1px #999 solid; }
#join_content_body #left_col li p { margin: 10px 10px 0 0; font-size: 14px; color: #161616; }
#join_content_body #left_col li span { font-size: 14px; line-height: 18px; color: #161616; }
#join_content_body #left_col li h4 { font-weight: bold; font-size: 16px; margin: 5px 0 5px 0; color: #161616; }
#join_content_body #left_col h2 { display: block; color: #000; font-size: 19px; letter-spacing: -1px; text-align: center; font-weight: bold;  }
#join_content_body #left_col h2.top { margin: 0 auto 5px auto;  }
#join_content_body #left_col h2.btm { margin: 5px auto 0 auto;  }
#join_content_body #left_col li img { float: left; margin: 0 8px 20px 4px;  width: 141px; border: 1px #000 solid; }


#join_content_body #right_col { width: 418px; border: 1px #000 solid; background: #fff; text-align: center; float: left;*display: inline;padding: 10px; }

#page_end { line-height: 0; width: 960px; }
#footer { padding: 10px 0; width: 960px; }

#common_footer { color: #333; 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: #CE146C; text-decoration: underline;font-weight:normal; }
#common_footer a:hover { color: #000; text-decoration: none; }