/* 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:underline; color:#;}
a:hover { text-decoration:none; }

body { background:#eaeaea url(../img-page_bg.png) repeat; font-family: Arial, Verdana, sans-serif; color:#000; }

#main_container { background: url(../img-content_bg.gif) top center repeat-y; width: 970px; margin: 0 auto; padding-left: 11px; }

#header { line-height: 0; width: 959px; }
#trailer { background: url(../img-header1-11_bg.jpg) top left no-repeat; height: 382px; width: 959px; position: relative; }
#trailer h1 { text-indent: -9999px; display: block; }
#trailer p { width: 325px; font-size: 17px; font-weight: bold; color: #fff; position: absolute; top: 70px; left: 60px; }
#trailer a.intro { font-size: 16px; font-weight: bold; color: #ffb52d; position: absolute; top: 310px; left: 70px; }
#trailer #trailer_container { position: absolute; top: 40px; left: 430px;width: 504px;height: 312px;border: 2px solid #000; }
span.browse { width: 959px; margin: 0 auto; }
#flowplayer { display: block; }
#flowplayer img { display: block; }

#headers { width: 959px; height: 420px; position: relative; }
#headers #getaccess { position: absolute; left: 730px; top: 1px; }
#headers #updates { position: absolute; left: 16px; top: 322px; }
#headers #channels { position: absolute; left: 186px; top: 322px; }
#headers #continue { position: absolute; left: 356px; top: 322px; }
#headers #join_container { z-index: 10; position: absolute; left: 536px; top: 306px; width: 405px; }
#headers #joinnow { z-index: 100; position: absolute; left: 565px; top: 306px; }

.block_container { width: 959px; position: relative; }
.block_container h3 { background: url(../img-block1_bg.jpg) top left no-repeat; width: 262px; height: 53px; font-size: 24px; font-weight: bold; color: #fff; padding: 26px 0 0 20px; float: left; }
.block_container a { float: left; width: 428px; }
.block_container .rating { background: url(../img-block3_rating_off.jpg); float:left; width: 249px; height: 78px; }
.block_container .rating div { height: 78px; background: url(../img-block3_rating_on.jpg); }
.block_container .block_content { background: #660404 url(../img-block4_bg.jpg) top center repeat-x; padding-bottom: 10px; }
.block_container .block_content a.logo { position: absolute; left: 790px; bottom: 380px; }
.block_container .block_content p { font-size: 13px; color: #dedede; margin: 10px auto; width: 920px; }
.block_container .block_content ul { width: 940px; margin: 0 auto 10px auto; list-style: none; }
.block_container .block_content li { float: left; margin: 3px; line-height: 0; *display: inline; }
.block_container .block_content li img { border: 1px #d2830a solid; }

#updates_header { width: 920px; margin: 15px auto 0 auto; }
#updates_header h2 { font-family:  Arial, sans-serif; font-size: 26px; line-height: 26px; letter-spacing: -1px; margin: 0 0 10px 0; color: #444; }
#updates_header p { font-size: 12px; line-height: 16px; color: #444; }
#updates_header a { color: #c82952; }

#updates_container { width: 960px; margin: 10px auto 20px auto; list-style: none; }
#updates_container li { float: left; width: 270px; margin: 8px; text-align: center; *display: inline; background: #660404; padding: 8px 14px 12px 14px; border: 2px #888 solid;}
#updates_container li h3 { font-size: 21px; font-weight: normal; padding: 4px 0; color: #fff; margin: 0 auto 8px auto; font-family: arial, sans-serif; }
#updates_container li img { border: 2px #d2830a solid; margin-bottom: 5px; }
#updates_container li a { text-decoration: none; color: #dd2330; }

.joinlink { font-size: 24px; font-style: normal; text-align: center; margin: 5px auto 15px auto; display: block; color: #900;font-weight: bold; }

#join_header { background: url(../img-join_header.jpg) top center no-repeat; height: 431px; width: 959px; text-indent: -9999px; display: block;  }
#join_container { width: 959px; margin: 0 auto; }
#join_content_body p.notice { font-size: 14px; color: #444; font-weight: bold; text-align: center; width: 890px; margin: 5px auto 10px auto; }
#join_content_body #left_col { width: 494px; float: left; margin: 0 5px 0 10px; *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; }
#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.top { display: block; color: #000; font-size: 19px; letter-spacing: -1px; text-align: center; font-weight: bold; margin: 0 auto 5px auto;  }
#join_content_body #left_col h2.btm { display: block; color: #000; font-size: 19px; letter-spacing: -1px; text-align: center; font-weight: bold; margin: 5px auto 0 auto;  }
#join_content_body #left_col li img { float: left; margin: 0 8px 20px 4px;  width: 141px; }

#join_content_body #right_col { width: 428px; border: 1px #c3ac97 solid; background: #fff; text-align: center; float: left;*display: inline;padding: 5px;margin-top: 34px; }
/* #join_content_body #right_col p { text-align: center; font-size: 12px; margin: 240px auto; } */

#footer { line-height: 0; width: 959px; height: 302px; }
#end { width: 959px; background: #640404; padding: 0; margin: 0; }
#end p, p.cp { font-size: 12px; color: #9d716f; text-align: center; }

#common_footer, #common_footer_join { color: #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; padding-top: 15px; line-height:normal;  }
#common_footer p, #common_footer_join p { margin: 0; padding-bottom: 15px; }
#common_footer img { display: inline; }
#common_footer p.common_copyright {  }
#common_footer_join p.comfortable { color: #000;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a, #common_footer_join a { color:#FFB52D; text-decoration: underline;font-weight:normal; }
#common_footer a:hover, #common_footer_join a:hover { text-decoration: none; }
#common_footer_join { color: #333; }
#common_footer_join a { color: #900; }
#common_footer_join a:hover { color: #000; }

#sites { margin: 20px auto;width: 850px;text-align: center;color: #000; }
#sites h2, #sites h4 { clear: both;text-align: center;margin: 0;padding:0;line-height: normal;font-size: 22px; }
#sites h3	{color:#000}
#sites a { color:#F00; }
#sites a:hover { text-decoration: none;}
.info_text { font-size: 13px;font-family: Arial, Helvetica, sans-serif; color:#000 }
#sites ul { list-style: none;padding: 0;margin: auto;width: 840px; }
#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 #483f37;clear: both; }
#sites ul li a:hover img { border: 1px dotted #fff; }
#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; }