/* 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:#bfe8eb url(/images/bg-page.png) repeat; font-family:Tahoma, Arial, Verdana, sans-serif; color:#2c2c2c; }

#container { width: 976px; margin: 0 auto; background:url(/images/bg-content.png) top center repeat-y; padding-left: 16px; }
#header1 { background: url(/images/img-header1.jpg) top left; width: 960px; height: 488px; position: relative; }
#header1 a { width: 960px; height: 488px; display: block; }
a#bookmark { width: 143px; height: 28px; position: absolute; top: 6px; left: 505px; display: block;  }
a#members { width: 143px; height: 28px; position: absolute; top: 6px; left: 662px; display: block; }
#header2 { background: url(/images/img-header2.jpg) top left; width: 960px; height: 328px; position: relative; }
#header3 { background: url(/images/img-header3.jpg) top left; width: 960px; height: 328px; position: relative; }
#header4 { background: url(/images/img-header4.jpg) top left; width: 960px; height: 328px; position: relative; }
#header5 { background: url(/images/img-header5.jpg) top left; width: 960px; height: 328px; position: relative; }
#header2 a, #header3 a, #header4 a, #header5 a { width: 960px; height: 328px; display: block; }
a#instant_access { width: 383px; height: 28px; position: absolute; top: 6px; left: 490px; display: block;  }

#nav { width: 960px; height: 78px; background: #000; position: relative; }
#nav img { float: left; }
#nav_join { width: 366px; display: block; position: absolute; top: -21px; left: 590px; }
#nav_join .button { position: absolute; top: 62px; left: 331px; }

#spacer { height: 10px; }

#trailer_container { width: 960px; }
#trailer_info { float: left; width: 403px; }
#trailer_box { float: right; width: 557px; background: url(/images/img-trailer4.png) top left no-repeat; position: relative; }
#trailer_info h1 { background: url(/images/img-trailer1.png) top left no-repeat; width: 403px; height: 148px; display: block; margin: 0; text-indent: -9999px; }
#trailer_info p { background: url(/images/img-trailer2.png) top left no-repeat; width: 353px; height: 157px; display: block; margin: 0; font-size: 14px; line-height: 23px; padding: 10px 50px 0 30px; *padding: 10px 20px 0 30px; }
#trailer_info a { background: url(/images/img-trailer3.png) top left no-repeat; width: 403px; height: 32px; display: block; margin: 0; }
#trailer { height: 322px; width: 510px; margin: 20px 0 0 24px; }

.block { width: 960px; position: relative; }
.block .model_info { background: #e6609f url(/images/img-block1_bg.png) repeat-x fixed; border: 1px #000 solid; width: 240px; float: left; display: block; margin: 0 0 10px 14px; *margin: 0 0 10px 7px; }
.block .model_info .rating { background: url(/images/img-block3_vote_off.png); margin: 0; float:right; width: 238px; height: 36px; }
.block .model_info .rating div { height: 36px; background: url(/images/img-block3_vote_on.png); }
.block .model_info span { font-size: 18px; color: #f9c3dd; margin: 2px 12px; display: block; }
.block .model_info span strong { font-size: 18px; color: #fff; }
.block p { width: 680px; padding: 0; font-size: 14px; line-height: 19px; float: right; display: block; margin: 0 10px 10px 0; height: 70px; overflow:auto }
.block .quick_link { display: block; margin: 10px auto 0 auto; clear: both; width: 932px; }
.block ul { width: 950px; height: 639px; margin: 0px 0 0 14px; list-style: none; line-height: 0; position: relative; }
.block ul a.logo { position: absolute; top: 320px; left: 710px; }
.block li { float: left; margin: 10px 10px 0 0; line-height: 0; *display: inline; }
.block li img { border: 1px #000 solid; }

.join_link { text-align: center; margin: 10px auto 14px auto; display: block; font-size: 30px; font-weight: normal; color: #ce146c; letter-spacing: -1px; }

#updates_text_container { width: 916px; margin: 0px auto 0 auto; font-size: 14px; }
#updates_text_container h2 { color: #f83893; text-transform: uppercase; font-size: 25px; margin-bottom: 10px; font-weight: bold; letter-spacing: -1px; }
#updates_container { width: 956px; margin: 10px auto 20px auto; list-style: none; }
#updates_container li { float: left; width: 300px; margin: 2px 6px; text-align: center; *display: inline; padding: 0; }
#updates_container li div { border: outset 10px #eee; background: #fff; }
#updates_container li h3 { font-size: 18px; font-weight: bold; padding: 4px 0; color: #000; margin: 4px auto 8px auto; letter-spacing: -1px; font-family: arial, sans-serif; }
#updates_container li img { border: 2px #000 solid; margin: 7px 5px; }

#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; margin-top: 10px; }
#footer { padding: 10px 0; width: 960px; text-align:center;}

#sites { width: 830px; text-align: center; color: #333; margin-top: 20px; margin-right: auto; margin-left: auto; clear: both; }
#sites	p {font-size:14px}
#sites 	a {color:#ce146c}
#sites h2, #sites h4 { clear: both; text-align: center; margin: 0; padding:0; line-height: normal; font-size: 22px; }
#sites h3 { font-size: 24px; }
#sites a:hover { text-decoration: none; }
#sites .info_text { font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
#sites ul { list-style: none; padding: 0; margin: 0; width: 830px; margin-top: 10px }
#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 #666; clear: both; }
#sites ul li a:hover img { border: 1px dotted #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; }

#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; }