@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;}
html, body {height:100%;}
body#index {background:#000;}
a { text-decoration:none;}
p {padding-bottom:18px}
img {border:0;}
.clear {clear:both;}

#index #header {height: 170px; width: 960px; margin: 0px auto;}
#header .headerimg{ z-index:10; position:relative;}
#header #bg {width:100%; position: absolute; left: 0;}
#header #bg #leftbg, #header #bg #rightbg { background: url(images/header-bg.jpg) repeat-x; position:absolute; height:45px; z-index:0; width:20%;}
#header #bg #leftbg{left:0; bottom:17px;}
#header #bg #rightbg{right:0; bottom: 55px;}

#footer {width:900px; margin:0 auto; padding-left: 50px;}

/*--Homepage only--*/
#homepage {background:#fff;}
#homepage #homepagewrapper { width:1000px; background:#000000; margin:0 auto; text-align:center; position:relative;}
#homepage #homepagewrapper #homepageheader {position:absolute; right:100px; top:25px; font-size:12px; font-weight:bold;}
#homepage #homepagewrapper #homepageheader a:hover {color:#fff;}
#homepage #homepagewrapper img{padding-bottom:30px;}


#bodywarp {width:1000px; margin:0 auto; padding:0 50px;}

#navigation {width: 215px; float:left; font-weight:bold; padding:100px 0 0 50px;}
	
#nav li {background:url(images/navigation.jpg) no-repeat;; list-style:none; height:40px; width:200px}
#nav li a { display:block; position:absolute; width:200px; height:40px;}
#nav li:hover{background-position:168px 0;}

#nav li#director{height:33px; background-position:0 0;}
#nav li#synopsis{height:32px; background-position:0 -33px}
#nav li#biography{height:26px; background-position:0 -65px}
#nav li#trailer{height:35px; background-position:0 -91px}
#nav li#awards{height:36px; background-position:0 -126px}
#nav li#screenings{height:29px; background-position:0 -165px}
#nav li#interviews{height:50px; background-position:0 -194px}
#nav li#credits{height:30px; background-position:0 -244px}
#nav li#contact{height:100px; background-position:0 -274px}

#nav li#director:hover, .hoverdirector { background-position: -189px 0;}
#nav li#synopsis:hover, .hoversynopsis { background-position:-189px -33px;}
#nav li#biography:hover, .hoverbiography { background-position:-189px -65px;}
#nav li#trailer:hover, .hovertrailer { background-position:-189px -91px;}
#nav li#awards:hover, .hoverawards { background-position:-189px -126px;}
#nav li#screenings:hover, .hoverscreenings { background-position:-189px -165px;}
#nav li#interviews:hover, .hoverinterviews { background-position:-189px -194px;}
#nav li#credits:hover, .hovercredits {background-position:-189px -244px}
#nav li#contact:hover, .hovercontact { background-position:-189px -274px;}

#content {font-size:11px; font-weight:bold; float:left; width:700px}
#content h1 {font-size:10px; font-weight:bold; padding-bottom:20px;}
.blue {color:#0000ff;}
.yellow { color:#ffcc00;}

.photocaption {font-size:9px;}
.caption {font-size:9px; padding-bottom:20px;}


/*--Synopsis--*/
.credit {clear:both; background: url(images/dots.jpg) repeat-x bottom; height:11px;}
.jobtitle {float:left; background: #000; padding-right:1px;}
.actor {float:right; background: #000; padding-left:3px;}

.galleryimg {padding-bottom:60px;}

.seperator {margin-bottom: 30px;}
.downloadpdf {border:solid 1px #ffcc00; width:300px; text-align:center; margin-bottom:25px; position:relative}
.downloadpdf a {display:block; padding:10px; color:#ffcc00;}
.downloadpdf em {color:#ffcc00;}

.downloadpdf:hover em, .downloadpdf:hover a {color:#fff;}
.bluearrow i{ background:url(images/07-blue-arrow.jpg) no-repeat; width:25px; height:25px; display:inline-block; position:absolute; margin:-2px 0 0 10px;}
.bluearrow a:hover {color:#FFFFFF;}
.bluearrow a:hover i {background:url(images/07-yellow-arrow.jpg) no-repeat;}

.contact {padding-bottom:20px; clear:both;}
.contact img {float:left; padding:0 30px 50px 0;}