@import 'reset.css';
@import 'typography.css';




body {background:#234c8d;}

#wrapper {width:960px; margin:0 auto;}
#header {background:url(../images/header.jpg) no-repeat top center; width:100%; height:175px; position:relative;}
#awards {width:550px; height:70px; position:absolute; top:15px; left:435px;}
#awards ul li {background:none; margin:0; padding:0 15px 0 0; float:left;}


/* grid elements */
.features {float: left; width: 100%; clear: both; margin-top:5px;}
.midbox {width: 340px; position:relative; overflow:visible;  padding-top:40px; padding-left:10px;}
.midmidbox {width: 340px; position:relative; overflow:visible;margin-left:10px; padding-top:40px; padding-left:10px;}
.maxbox {width: 460px; position:relative; overflow:visible;margin-left:10px; padding-top:10px; padding-left:10px;}
.gallerybox {width: 580px; position:relative; overflow:visible;margin-left:10px; padding-top:10px; padding-left:10px;}
.smallbox {width: 220px; position:relative; overflow:visible; padding-left:10px; padding-top:10px;}

.left{float: left; }
.right{float: right;}

#maincontent {background:#FFF; padding:5px; float:left;}
#footer {clear:left;  height:45px; background:#FFF;}
#footer ul {padding:0; height:45px; margin-top:5px; margin-left:5px; }
#footer ul li {list-style:none; float:left; display:block; background:none; padding:0 30px 0 0}


#header h1 { font-size:.1em; text-indent:-9999px;}




#index #banner {width:950px;
				height:250px;
				background:url(../images/mainimg.jpg) no-repeat top left;}
				
#about #banner {width:950px;
				height:250px;
				background:url(../images/banner2.jpg) no-repeat top left;}
#gallery #banner {width:950px;
				height:250px;
				background:url(../images/banner3.jpg) no-repeat top left;}
#news #banner {width:950px;
				height:250px;
				background:url(../images/banner4.jpg) no-repeat top left;}
#screenings #banner {width:950px;
				height:250px;
				background:url(../images/banner5.jpg) no-repeat top left;}
#press #banner {width:950px;
				height:250px;
				background:url(../images/banner6.jpg) no-repeat top left;}
#downloads #banner {width:950px;
				height:250px;
				background:url(../images/banner7.jpg) no-repeat top left;}
#links #banner {width:950px;
				height:250px;
				background:url(../images/banner8.jpg) no-repeat top left;}
#contact #banner {width:950px;
				height:250px;
				background:url(../images/banner9.jpg) no-repeat top left;}
				

#buy {height:250px; background:url(../images/trans.png) repeat-y top left; padding:0;}

#buy h2 {width:118px; height:19px; text-indent:-9999px; background:url(../images/buydvd.gif) no-repeat; position:absolute; top:10px; left:18px;}

#buy p {
	width:128px;
	height:104px;
	text-indent:-9999px;
	background:url(../images/dvddetails.gif);
	position:absolute;
	top:77px;
	left:181px;
}

#buy img {position:absolute; top:35px; left:10px;}

/*Homepage*/

#index .features {background:url(../images/homefeaturesbg.jpg) no-repeat bottom center; padding-bottom:70px;}
#index .smallbox {padding-top:40px;}


#trailer h2 {position:absolute; top:10px; left:10px; width:187px; height:21px; background:url(../images/head_watch.jpg) no-repeat top center; text-indent:-9999px;}



#latestnews h2 {position:absolute; top:10px; left:10px; width:124px; height:21px; background:url(../images/head_news.jpg) no-repeat top center; text-indent:-9999px;}


#signup h2 {position:absolute; top:10px; left:10px; width:72px; height:21px; background:url(../images/head_join.jpg) no-repeat top center; text-indent:-9999px;}

#signup p.info {clear:left; padding-top:20px;}

#flashcontent {margin-bottom:10px;}

/*Internal pages*/

#bottomcontent {background:url(../images/grey.jpg) #FFF repeat-y top left; float:left;}
.features {background:url(../images/fan.png) no-repeat 150px 100%; }
#leftnav h2 {position:absolute; top:10px; left:10px; text-indent:-9999px;}

#about #leftnav h2 {width:167px; height:22px; background:url(../images/head_about.jpg) no-repeat top center}
#gallery #leftnav h2 {width:78px; height:21px; background:url(../images/head_gallery.jpg) no-repeat top center; text-indent:-9999px;}
#news #leftnav h2 {width:54px; height:21px; background:url(../images/head_fullnews.jpg) no-repeat top center; text-indent:-9999px;}
#screenings #leftnav h2 {width:117px; height:21px; background:url(../images/head_screenings.jpg) no-repeat top center; text-indent:-9999px;}
#press #leftnav h2 {width:59px; height:21px; background:url(../images/head_press.jpg) no-repeat top center; text-indent:-9999px;}
#downloads #leftnav h2 {width:118px; height:21px; background:url(../images/head_downloads.jpg) no-repeat top center; text-indent:-9999px;}
#links #leftnav h2 {width:53px; height:21px; background:url(../images/head_links.jpg) no-repeat top center; text-indent:-9999px;}
#contact #leftnav h2 {width:85px; height:21px; background:url(../images/head_contact.jpg) no-repeat top center; text-indent:-9999px;}
#screenings #leftnav h2#headbuy {width:85px; height:80px; background:url(../images/head_buy_dvd.jpg) no-repeat top center; text-indent:-9999px;}
#screenings #internalcontent ul {margin-bottom:10px;}
#leftnav ul {margin-left:0; padding-top:30px;}
#leftnav ul li {background-image:none; list-style:none; padding-left:0; line-height:24px; font-size:1.2em;}
#leftnav a {text-decoration:none; color:#234c8d;}
#leftnav a:hover {color:#333;}
#leftnav a.current {text-decoration:underline;}
#internalcontent {padding-bottom:150px;}









/* Main Site Navigation */

#mainnav {
	width: 633px;
	height: 18px;
	position:absolute;
	margin: 0;
	padding:0;
	left: 320px;
	top: 156px;

}

#mainnav ul	{
	height: 18px;
	width:633px;
	position: relative;
	background: url(../images/mainnav.gif) no-repeat top;
	margin: 0;
}
	
#mainnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	background:none;
	padding-left:0;
	
	}
	
	
#mainnav ul li, #mainnav ul a	{
	height: 18px;
	display: block;
	}

#mainnav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}


#opt1 {
	left: 0px;
	width: 40px;
}
#opt2 {left: 50px; width: 50px;}
#opt3 {left: 120px; width: 60px;}
#opt4 {left: 190px; width: 45px;}
#opt5 {left: 245px; width: 90px;}
#opt6 {left: 350px; width: 50px;}
#opt7 {left: 410px; width: 90px;}
#opt8 {left: 510px; width: 50px;}
#opt9 {left: 570px; width: 70px;}

#opt1 a:hover {background: transparent url(../images/mainnav.gif) 0 -20px no-repeat;}
#opt2 a:hover {background: transparent url(../images/mainnav.gif) -50px -20px no-repeat;}
#opt3 a:hover {background: transparent url(../images/mainnav.gif) -120px -20px no-repeat;}
#opt4 a:hover {background: transparent url(../images/mainnav.gif) -190px -20px no-repeat;}
#opt5 a:hover {background: transparent url(../images/mainnav.gif) -245px -20px no-repeat;}
#opt6 a:hover {background: transparent url(../images/mainnav.gif) -350px -20px no-repeat;}
#opt7 a:hover {background: transparent url(../images/mainnav.gif) -410px -20px no-repeat;}
#opt8 a:hover {background: transparent url(../images/mainnav.gif) -510px -20px no-repeat;}
#opt9 a:hover {background: transparent url(../images/mainnav.gif) -570px -20px no-repeat;}

#opt1 a.current {background: transparent url(../images/mainnav.gif) 0 -20px no-repeat;}
#opt2 a.current {background: transparent url(../images/mainnav.gif) -50px -20px no-repeat;}
#opt3 a.current {background: transparent url(../images/mainnav.gif) -120px -20px no-repeat;}
#opt4 a.current {background: transparent url(../images/mainnav.gif) -190px -20px no-repeat;}
#opt5 a.current {background: transparent url(../images/mainnav.gif) -245px -20px no-repeat;}
#opt6 a.current {background: transparent url(../images/mainnav.gif) -350px -20px no-repeat;}
#opt7 a.current {background: transparent url(../images/mainnav.gif) -410px -20px no-repeat;}
#opt8 a.current {background: transparent url(../images/mainnav.gif) -510px -20px no-repeat;}
#opt9 a.current {background: transparent url(../images/mainnav.gif) -570px -20px no-repeat;}

/* Remove large selection rectangle on image-replacement */
:active, :focus {
  outline:none;
  -moz-outline-style: none;
}