/* 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; }

body { background-color:#78493a; background-image:url(bg-page.jpg); background-repeat: repeat-y; background-position: center;  font-family:Verdana, Arial, Tahoma, sans-serif; color:#000; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#wrapper { width: 964px; margin: 0 auto; }

#header1 { background: url(bg-header1.jpg) no-repeat top left; width: 964px; height: 443px; position: relative; }
#header1 span { background: url(bg-logo1.png) no-repeat top left; width: 608px; height: 206px; top: 36px; left: 356px; position: absolute; text-indent: -9999px; display: block; behavior: url("scripts/iepngfix.htc"); }
#header1 #extras { width: 260px; position: absolute; top: 6px; left: 698px; }
#header1 #extras span a { width: 128px; height: 28px; display: block; text-indent: -9999px; }
#header1 #extras span#bookmark a { background:url(img-bookmark.png) no-repeat top left; float: left; behavior: url("scripts/iepngfix.htc"); }
#header1 #extras span#members a { background:url(img-mem_login.png) no-repeat top left; float: right; behavior: url("scripts/iepngfix.htc"); }
#joinheader { background:url(bg-join_header.jpg) no-repeat top left; height: 340px; width: 964px; text-indent: -9999px; display: block; }

#header2 { background: url(bg-header2.jpg) no-repeat top left; width: 964px; height: 355px; position: relative; }
#header3 { background: url(bg-header3.jpg) no-repeat top left; width: 964px; height: 355px; position: relative; }
#header4 { background: url(bg-header4.jpg) no-repeat top left; width: 964px; height: 355px; position: relative; }
#header5 { background: url(bg-header5.jpg) no-repeat top left; width: 964px; height: 355px; position: relative; }
#header2 h1, #header3 h1, #header4 h1, #header5 h1 { background: url(bg-logo3.png) no-repeat top left; width: 541px; height: 177px; top: 40px; left: 420px; position: absolute; text-indent: -9999px; display: block; behavior: url("scripts/iepngfix.htc"); }
#header2 span#getfull a, #header3 span#getfull a, #header4 span#getfull a, #header5 span#getfull a { position: absolute; top: 6px; left: 710px; background:url(img-get_full_access.png) no-repeat top left; float: left; width: 238px; height: 28px; display: block; text-indent: -9999px; behavior: url("scripts/iepngfix.htc"); }

#nav1_wrapper { width: 964px; margin-bottom: 10px; }
#nav1_left { background:url(bg-nav1.jpg) no-repeat top left;  width: 664px; height: 112px; float: left; }
#nav2_left { background:url(bg-nav2.jpg) no-repeat top left;  width: 664px; height: 112px; float: left; }
#nav3_left { background:url(bg-nav3.jpg) no-repeat top left;  width: 664px; height: 112px; float: left; }
#nav4_left { background:url(bg-nav4.jpg) no-repeat top left;  width: 664px; height: 112px; float: left; }
#nav5_left { background:url(bg-nav5.jpg) no-repeat top left;  width: 664px; height: 112px; float: left; }
#nav1_right, #nav2_right { width: 300px; height: 112px; float: right; }
#nav1_right a { background:url(img-nav1-join.gif) top left no-repeat; width: 300px; height: 112px; text-indent: -9999px; display: block;  }
#nav2_right a { background:url(img-nav2-join.gif) top left no-repeat; width: 300px; height: 112px; text-indent: -9999px; display: block;  }

#global_nav { margin: 33px 0 0 21px; width: 643px; padding: 0; }

#global_nav li { background: none !important; margin: 0; display: inline; float: left; text-align: -9999px; }
#global_nav li a { float: left; height: 0; padding-top: 43px; margin: 0; overflow: hidden; }
#global_nav li a { background-image: url(img-nav1.jpg); background-repeat: no-repeat; }

#global_nav li.home a { background-position: 0 0; width: 116px; }
#global_nav li.sites a { background-position: -116px 0; width: 112px; }
#global_nav li.updates a { background-position: -228px 0; width: 161px; }
#global_nav li.continue a { background-position: -389px 0; width: 254px; }

#global_nav li.home a:hover { background-position: 0 -47px; width: 116px; }
#global_nav li.sites a:hover { background-position: -116px -47px; width: 112px; }
#global_nav li.updates a:hover { background-position: -228px -47px; width: 161px; }
#global_nav li.continue a:hover { background-position: -389px -47px; width: 254px; }

.block_wrapper { width: 950px; margin: 0 auto 40px auto; background:url(img-mblock_bg.jpg) repeat-y center; position: relative;  }
.block_wrapper .top { width: 950px; height: 12px; margin: 0 auto; background:url(img-mblock_top.jpg) no-repeat top left; line-height: 0; }
.block_wrapper .btm { width: 950px; height: 12px; margin: 0 auto; background:url(img-mblock_btm.jpg) no-repeat bottom left; line-height: 0; }
.block_wrapper #intro_wrapper { height: 430px;}
.block_wrapper .getfull a { width: 950px; height: 110px; margin: 0 auto; background:url(img-get_full.gif) no-repeat bottom left; line-height: 0; text-indent: -9999px; display: block; }

#intro_text_wrapper { width: 396px; position: absolute; top: -10px; left: 23px; }
#intro_text_wrapper #logo { background:url(bg-logo2.png) no-repeat top left; width: 384px; height: 127px; text-indent: -9999px; display: block; z-index: 100; position: absolute; left: 5px; behavior: url("scripts/iepngfix.htc");  }
#intro_text_wrapper #textblock { width: 396px; height: 321px; background:url(img-iblock_bg.gif) repeat-y center; position: absolute; top: 70px; text-align: center; }
#intro_text_wrapper #textblock #top { width: 396px; height: 7px; background:url(img-iblock_top.gif) no-repeat top left; line-height: 0; }
#intro_text_wrapper #textblock p { width: 330px; margin: 50px auto 15px auto; font-size: 17px; color: #fff; text-align: center; line-height: 21px; }
#intro_text_wrapper #textblock #join a { width: 396px; height: 64px; background:url(img-iblock_join.gif) no-repeat bottom left; line-height: 0; text-indent: -9999px; display: block;  }
#intro_text_wrapper #textblock #join span { font-size: 12px; }

#intro_movie_wrapper { width: 480px; height: 394px; position: absolute; top: 24px; left: 446px; font-size: 15px; color: #fff; text-align: center; font-weight: bold; }
#intro_movie_wrapper #video { border: 3px solid #fff; margin-bottom: 6px;  }

.thumb_block { width: 908px; margin: 0 auto; padding-top: 55px; }
.thumb_block .title { width: 595px; height: 58px; background:url(bg-scene_title.png) no-repeat top left; position: absolute; top:-8px; left: -8px; padding: 16px 0 0 80px; font-size: 28px; color: #fff; font-weight: bold; letter-spacing: -1px; behavior: url("scripts/iepngfix.htc");  }
.thumb_block .logo { background:url(bg-logo2.png) no-repeat top left; width: 384px; height: 127px; text-indent: -9999px; display: block; z-index: 100; position: absolute; top: -10px; left: 559px; behavior: url("scripts/iepngfix.htc");  }
.thumb_block_left { width: 551px; line-height: 0; float: left; }
.thumb_block_left li { float: left; list-style: none; }
.thumb_block_left li .thumb { border: 3px #fff solid; margin: 0 6px 6px 0; }
.thumb_block_left li.scenetext { background: url(bg-scene_text.gif) no-repeat top left; width:545px; height:126px; padding-top: 10px; }
.thumb_block_left li.scenetext p { overflow: auto; width: 520px; margin: 14px auto 0 auto; _margin: 4px auto 0 auto; font-size: 12px; height: 60px; line-height: 14px;}
.thumb_block_left li.scenetext .scene_ads { width: 510px; margin: 0 auto; }
.thumb_block_left li.scenetext .scene_ads .rating_wrapper { background:url(img-lethal_rating.gif) no-repeat top left; width: 200px; height: 30px; padding-left: 62px; float: left;   }
.thumb_block_left li.scenetext .scene_ads .rating_off { background: url(img-rating_off.gif) repeat-x; height: 30px; width: 145px; position: relative; clear:left; float:left; margin: 2px 0 0 5px; display: inline; } 
.thumb_block_left li.scenetext .scene_ads .rating_on { background: url(img-rating_on.gif) repeat-x; height: 30px; width: 145px; position: absolute; top: 0; left:0; } 
.thumb_block_left li.scenetext .scene_ads span.freevid a { background:url(img-free_sample.jpg) no-repeat top left; width: 190px; height: 30px; text-indent: -9999px; display: block; float: right;  }
.thumb_block_left li.scenetext .scene_ads span.freevid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.thumb_block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.thumb_block_right { width: 351px; line-height: 0; float: right; }
.thumb_block_right li { float: left; list-style: none; }
.thumb_block_right li .thumb { border: 3px #fff solid; margin: 0 0 6px 0; }

.updates_wrapper { width: 954px; _width: 964px; margin: -10px auto 10px auto; }
.updates_wrapper li { float: left; margin: 8px; _margin: 7px; list-style: none; text-align: center; }
.updates_wrapper li.update_block { width: 302px; background: url(img-updates_bg.gif) repeat-y; }
.updates_wrapper li.update_block h4.names { font-size: 24px; margin: 3px auto; }
.updates_wrapper li.update_block img.bd { border: 3px #fff solid; margin: 0 auto 4px auto; }
.updates_wrapper li .update_block_top { width: 302px; height: 12px; line-height: 0; background: url(img-updates_top.gif) no-repeat top left; }
.updates_wrapper li .update_block_btm a { width: 302px; height: 61px; line-height: 0; background: url(img-updates_btm.gif) no-repeat top left; text-indent: -9999px; display: block; }

#join_wrapper { margin: -50px auto; }
.join_content { padding: 12px 0; }
.join_points_container { width: 280px; padding: 16px; background: #000; border: 3px #f34d04 solid; margin: 0; font-size: 12px; color: #fff; }
.join_points_container h4 { font-size: 18px; color: #e46715; 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 #000 solid; }
.join_form_bd { border: 2px #3a3a3a solid; }

#copy { text-align: center; font-size: 10px; }

#footer { width: 964px; height: 267px; }
#footer span { float: left; line-height: 0; }
#footer span.instant a { background: url(img-footer_left.gif) no-repeat top left; width: 320px; height: 267px; text-indent: -9999px; display: block; }
#footer span.mid { background: url(img-footer_mid.jpg) no-repeat top left; width: 316px; height: 267px; text-indent: -9999px; display: block; }
#footer span.continue a { background: url(img-footer_right.jpg) no-repeat top left; width: 328px; height: 267px; text-indent: -9999px; display: block; }
