/* CSS Document */
@import "reset.css";
@import "type.css";
body {
	text-align:center;
	background-color:#000;
}
#wrapper {
	width:844px;
	height:682px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	margin-top:45px;
	background-color:#b7b9b9;
}

#wrapper a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
}

#banner{
	width:844px;
	height:95px;
	position:absolute;
	top:0px;
	left:0px;
}
#lights{
	width:844px;
	height:218px;
	position:absolute;
	top:95px;
	left:0px;
}
#tickets{
	width:844px;
	height:369px;
	position:absolute;
	top:313px;
	left:0px;
}
#film{
	width:74px;
	height:159px;
	position:absolute;
	top:371px;
	left:72px;
}
#news{
	width:62px;
	height:30px;
	position:absolute;
	top:397px;
	left:226px;
}
#about{
	width:57px;
	height:41px;
	position:absolute;
	top:427px;
	left:322px;
}
#films_for_web{
	width:77px;
	height:51px;
	position:absolute;
	top:310px;
	left:389px;
}
#contact{
	width:59px;
	height:42px;
	position:absolute;
	top:426px;
	left:481px;
}
#showreel{
	width:68px;
	height:30px;
	position:absolute;
	top:403px;
	left:568px;
}
#tv{
	width:79px;
	height:164px;
	position:absolute;
	top:380px;
	left:711px;
}
#phone{
	width:48px;
	height:120px;
	position:absolute;
	top:442px;
	left:796px;
}
#back_sub a, #documentary a, #promo a, #drama a, #showreel_back a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
}

#showreel_back{
	width:83px;
	height:49px;
	position:absolute;
	top:157px;
	left:163px;
}

#documentary{
	width:147px;
	height:52px;
	position:absolute;
	top:130px;
	left:13px;
}
#promo{
	width:99px;
	height:52px;
	position:absolute;
	top:130px;
	left:311px;
}
#drama{
	width:99px;
	height:52px;
	position:absolute;
	top:130px;
	left:180px;
}

#back_sub{
	width:139px;
	height:62px;
	position:absolute;
	top:31px;
	left:-95px;
}
#showreel_back a{background-image:url(images/button_showreel_back.jpg)}
#showreel_back a:hover {background-position:0px 49px;}
#documentary a{background-image:url(images/button_documentary.jpg)}
#documentary a:hover {background-position:0px 54px;}
#promo a{background-image:url(images/button_promo.jpg)}
#promo a:hover {background-position:0px 54px;}
#drama a{background-image:url(images/button_drama.jpg)}
#drama a:hover {background-position:0px 54px;}

#back_sub a{background-image:url(images/button_back.jpg)}
#back_sub a:hover {background-position:0px 62px;}




#film a{background-image:url(images/button_film.jpg)}
#film a:hover {background-position:0px 159px;}
#news a{background-image:url(images/button_news.jpg)}
#news a:hover {background-position:0px 29px;}
#about a{background-image:url(images/button_about.jpg)}
#about a:hover {background-position:0px 41px;}
#films_for_web a{background-image:url(images/button_films_for_web.jpg)}
#films_for_web a:hover {background-position:0px 51px;}
#contact a{background-image:url(images/button_contact.jpg)}
#contact a:hover {background-position:0px 42px;}
#showreel a{background-image:url(images/button_showreel.jpg)}
#showreel a:hover {background-position:0px 30px;}
#tv a{background-image:url(images/button_tv.jpg)}
#tv a:hover {background-position:0px 164px;}
#phone a{background-image:url(images/button_phone.jpg)}
#phone a:hover {background-position:0px 120px;}


#light_left{
	width:9px;
	height:8px;
	position:absolute;
	top:126px;
	left:178px;
	visibility:hidden;
}
#light_middle{
	width:9px;
	height:8px;
	position:absolute;
	top:149px;
	left:393px;
	visibility:hidden;
}
#light_right{
	width:7px;
	height:8px;
	position:absolute;
	top:95px;
	left:534px;
	visibility:hidden;
}


#wrapper_sub {
	width:753px;
	height:682px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size:12px;
	position:relative;
	margin-top:45px;
	background-color:white;
	background-image:url(images/sub_back.jpg);
	background-repeat:no-repeat;
}
body .showreel_back {
	background-image:url(images/sub_back_showreel.jpg);
	background-repeat:no-repeat;
}
#content_sub{
	width:536px;
	height:370px;
	position:absolute;
	top:180px;
	left:111px;
	overflow-y:auto;
	padding-right:10px;
}
#showreel_vid{
	width:446px;
	height:291px;
	position:absolute;
	top:213px;
	left:160px;
}

#header_sub{
	width:399px;
	height:52px;
	position:absolute;
	top:121px;
	left:110px;
	overflow-y:hidden;
}

.block{
	width:519px;
	margin-bottom:17px;
	clear:both
}

.img_col{
	float:left;
	width:130px;
}
.img_col img{
	margin-top:3px;
}
.text_col{
	float:right;
	width:366px;
	padding-right:10px
}

.contact_col{
	margin-left:auto;
margin-right:auto;

	width:310px;
}


.news_content{
	margin-top:6px;
}
.news_block{
	margin-bottom:35px;
}
.tv_block{
}
hr{
	clear:both;
	margin-bottom:30px;
	visibility:hidden;
}
.textybox{
	width:166px;
	height:100px;
}
#wrapper_sub {
}
#cgf {
}

#showreel_2{
	width:293px;
	height:47px;
	position:absolute;
	left:78px;
	top:50px;
}
.clear{
	clear:both;
}