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

/*GENERAL*/
*, ul, ol, li, form, input, h1, h2, h3, h4, h5, h6, p, fieldset, img, a {
	margin:0;
	padding:0;
	border:none;
	outline:none;
	
}

li { list-style:none; }

.img_replace { text-indent:-1000em; overflow:hidden; outline:none; }

body { 
	width:960px; background-image:url(bg.jpg); background-position:top center; background-repeat:no-repeat; background-color:#000000; font-size:1em; font-family:Helvetica, Arial, sans-serif; margin:0px auto; color:#FFF; text-align:center;
}

.logo_color { color:#43abfd; }

/*HEADER & NAVI*/
#header { margin:0px; width:100%; height:50px; }

#navi { width:100%; height:50px; background:url(nv_bar.jpg) top center no-repeat; }

#navi li { float:left; margin-right:40px; text-align:center; }
#navi .first { 
	margin-left:50px !important;
	margin-left:25px;
}
#navi .last { margin-right:0px; }

#navi a { display:block; margin-top:12px; text-indent:-1000em; overflow:hidden; outline:none; }

#navi .home a { width:65px; height:25px; background:url(nv_hm.jpg) 0px 0px no-repeat; }
#navi .home a:hover, #navi .home a.active { background-position:0px -25px; }

#navi .about a { width:142px; height:25px; background:url(nv_ab.jpg) 0px 0px no-repeat; }
#navi .about a:hover, #navi .about a.active { background-position:0px -25px; }

#navi .times a { width:156px; height:25px; background:url(nv_sc.jpg) 0px 0px no-repeat; }
#navi .times a:hover, #navi .times a.active { background-position:0px -25px; }

#navi .press a { width:75px; height:25px; background:url(nv_pr.jpg) 0px 0px no-repeat; }
#navi .press a:hover, #navi .press a.active { background-position:0px -25px; }

#navi .gallery a { width:90px; height:25px; background:url(nv_ga.jpg) 0px 0px no-repeat; }
#navi .gallery a:hover, #navi .gallery a.active { background-position:0px -25px; }

#navi .contact a { width:113px; height:25px; background:url(nv_co.jpg) 0px 0px no-repeat; }
#navi .contact a:hover, #navi .contact a.active { background-position:0px -25px; }


/*INNER WIDTH*/
#wrapper { width:940px; margin:0px 10px; text-align:left; }
#wrapper .page_name { font-size:1.8em; }

/*CONTENTS*/
/*HOME*/
#home_area { width:100%; height:358px; }
#home_area h1 { margin:95px auto auto 499px; width:283px; height:24px; background:url(tag_line.jpg) top left no-repeat; }
#logo { margin:215px auto 25px; width:431px; display:block;/*0px 0px 266px;*/ }

/*ABOUT THE FILM*/
#about_area { width:100%; margin-bottom:50px; float:left; }
#about_area p { width:500px; font-size:0.8em; margin:20px 0px; line-height:3ex; }

#about_area h1 { width:234px; height:23px; background:url(about_the_film.jpg) top left no-repeat; }
#about_area .space_top { margin-top:50px; }

#about_film { width:100%; margin-top:40px; }
#about_film .poster { width:257px; margin-left:40px; float:left; }
#about_film .poster img { margin:0px; }

#about_area .right_col { width:500px; margin-left:25px; float:left; }

#team { width:100%; float:left; }

#team .team_names { width:252px; margin-left:45px; float:left; }
#team .team_names img { margin-left:12px; }
#team .team_names ul { text-indent:-1000em; }
#team .team_names li { margin-top:30px; }

#team .description img { float:left; margin-right:10px; margin-bottom:10px; margin-top:15px; }

#team .team_names .jason a { display:block; width:182px; height:25px; background:url(bio_jason.jpg) top left no-repeat; }
#team .team_names .jason a:hover, #team .team_names .jason a.active { background-position:0px -25px; }

#team .team_names .stephan a { display:block; width:182px; height:25px; background:url(bio_stephan.jpg) top left no-repeat; }
#team .team_names .stephan a:hover, #team .team_names .stephan a.active { background-position:0px -25px; }

#team .team_names .andrew a { display:block; width:182px; height:25px; background:url(bio_andrew.jpg) top left no-repeat; }
#team .team_names .andrew a:hover, #team .team_names .andrew a.active { background-position:0px -25px; }

#team .team_names .jonathan a { display:block; width:182px; height:25px; background:url(bio_jonathan.jpg) top left no-repeat; }
#team .team_names .jonathan a:hover, #team .team_names .jonathan a.active { background-position:0px -25px; }

#team .team_names .shannon a { display:block; width:182px; height:25px; background:url(bio_shannon.jpg) top left no-repeat; }
#team .team_names .shannon a:hover, #team .team_names .shannon a.active { background-position:0px -25px; }

#team .team_names .dan a { display:block; width:182px; height:25px; background:url(bio_dan.jpg) top left no-repeat; }
#team .team_names .dan a:hover, #team .team_names .dan a.active { background-position:0px -25px; }

#team .team_names .justin a { display:block; width:182px; height:25px; background:url(bio_justin.jpg) top left no-repeat; }
#team .team_names .justin a:hover, #team .team_names .justin a.active { background-position:0px -25px; }

#team .description .jason h2 { width:267px; height:19px; background:url(name_jason.jpg) top left no-repeat; }
#team .description .stephan h2 { width:226px; height:19px; background:url(name_stephan.jpg) top left no-repeat; }
#team .description .andrew h2 { width:181px; height:19px; background:url(name_andrew.jpg) top left no-repeat; }
#team .description .jonathan h2 { width:211px; height:19px; background:url(name_jonathan.jpg) top left no-repeat; }
#team .description .shannon h2 { width:211px; height:19px; background:url(name_shannon.jpg) top left no-repeat; }
#team .description .dan h2 { width:138px; height:19px; background:url(name_dan.jpg) top left no-repeat; }
#team .description .justin h2 { width:193px; height:19px; background:url(name_justin.jpg) top left no-repeat; }

/*SUB HEADER FOR OTHER PAGES*/
#sub_header { width:100%; height:150px; }
#sub_header img { margin:40px auto auto 57px; }
#sub_header h1 { margin:10px auto auto 55px; }

#sub_header .screening_times { width:264px; height:23px; background:url(screening_time.jpg) top left no-repeat; }
#sub_header .contact_us { width:172px; height:23px; background:url(contact_us.jpg) top left no-repeat; }
#sub_header .gallery { width:121px; height:23px; background:url(gallery.jpg) top left no-repeat; }
#sub_header .press { width:90px; height:23px; background:url(press.jpg) top left no-repeat; }


/*SCREENING TIMES*/
#times_area { width:100%; margin-bottom:50px; }
#times_area .festivals { 
	width:252px; 
	margin-left:45px !important;
	margin-left:22px;
	float:left; 
}
#times_area .festivals img { position:relative; left:12px; }

#times_area .festivals li { width:241px; height:25px; font-size:10pt; margin-top:30px; }
#times_area .festivals li a:link, .festivals li a:visited { 
	display:block; color:#fff; text-decoration:none; 
	padding:7px 10px; 
}
#times_area .festivals li a:hover, #times_area .festivals li a.active { color:#000; background:url(bg_times_festival.jpg) top left no-repeat; }

#times_area .date_time { 
	width:500px; 
	margin-left:25px !important;
	margin-left:22px;
	float:left; 
}

.date_time .date { position:relative; top:17px; font-size:1em; color:#43abfd; }
.date_time .place { font-size:1.2em; line-height:1.5em; }
#times_area .sub { font-size:0.8em; color:#959595; }
#times_area .top { margin:15px 0px; }

/*GALLERY*/
#gallery_area { width:100%; text-align:center; margin-bottom:50px; }
#gallery_area #video { width:720px; margin:30px auto; }
#gallery_area #videos { width:720px; height:60px; margin:10px auto; }
#gallery_area #videos li { float:left; margin-right:40px; }

#videos li.teaser a { display:block; width:82px; height:25px; background:url(clip_teaser.jpg) top left no-repeat; }
#videos li.teaser a:hover, #videos li.teaser a.active { background-position:0px -25px; }

#videos li.lovers1 a { display:block; width:95px; height:25px; background:url(clip_lovers1.jpg) top left no-repeat; }
#videos li.lovers1 a:hover, #videos li.lovers1 a.active { background-position:0px -25px; }

#videos li.lovers2 a { display:block; width:95px; height:25px; background:url(clip_lovers2.jpg) top left no-repeat; }
#videos li.lovers2 a:hover, #videos li.lovers2 a.active { background-position:0px -25px; }

#videos li.asri a { display:block; width:95px; height:25px; background:url(clip_asri.jpg) top left no-repeat; }
#videos li.asri a:hover, #videos li.asri a.active { background-position:0px -25px; }

#gallery_area #image { width:720px; height:500px; margin:0px auto; }

#video p, #image p { text-align:left; margin:10px; font-size:0.9em; }

/*CONTACT US*/
.contact_box { margin:0px auto 50px 57px; float:left; }
.contact_box .left_col { width:240px; float:left; }
.contact_box .detail { width:500px; margin-left:25px; float:left; }
.contact_box .detail .company_name { font-size:1.5em; font-weight:lighter; }
.contact_box .detail .name { font-size:1.1em; margin-top:30px; }
.contact_box .detail .tel { font-size:0.9em; margin-top:10px; }
.contact_box .detail .mail_address { font-size:0.9em; margin-top:5px; font-weight:lighter; }
.contact_box .detail a:link, .contact_box .detail a:visited { color:#7da7d9; }
.contact_box .detail .space_top { margin-top:30px; }
.contact_box .detail .download { margin-top:30px; }
.contact_box .detail .download span { position:relative; bottom:8px; left:10px; }
.contact_box .detail .download a:link, .contact_box .detail .download a:visited { color:#7da7d9; text-decoration:none; } 

/*PRESS*/
.press_box { 
	margin:0px auto 50px 57px !important;
	margin-left:28px;
	float:left; 
}
.press_box .left_col { width:240px; float:left; }
.press_box .detail { 
	width:530px; 
	margin-left:25px !important;
	margin-left:12px;
	float:left; 
}
.press_box .detail .copy { font-size:1em; line-height:1.8em; }

.press_name { 
	margin-top:20px;
	margin-left:120px !important;
	margin-left:60px;
}
.press_name a:link, .press_name a:visited { color:#43adfb; }
.press_name .pressname { font-size:16pt; float:left; margin-right:30px; font-weight:normal; }
.press_name .read_more { display:block; float:left; width:81px; height:20px; background:url(read_more.jpg) top left no-repeat; }
.press_name .read_more:hover { background-position:0px -20px; }

/*FOOTER*/
#footer { width:100%; clear:both; }

#companies { width:719px; height:70px; margin:0 auto; }
#companies li { float:left; margin:0 50px !important; margin:0 50px 0 25px; }
#companies .last { margin-right:0px; }
#companies .jason { width:174px; padding-top:15px; }
#companies .sundance { width:144px; padding-top:15px; }
#companies .andrew { width:138px; }
#companies .palm { width:141px; }

#social { margin:0 auto; height:35px; clear:left; width:790px;}
#social li { float:left; padding-top:20px; margin:0px 18px 0 !important; margin:0px 18px 0 9px !important; font-size:9pt; }
#social li.palm, #social li.andrew { margin:0px 17px; padding:0px;}
#social a:link, #social a:visited { text-decoration:none; color:#FFF; }
#social a:hover { color:#43abfd; }
#social li span { position:relative; left:5px; bottom:6px; }
#social .last { margin-right:0px; }

#copyright { width:100%; height:30px; clear:left;}
#copyright p { font-size:9pt; text-align:center; color:#333; }
#copyright img { position:relative; top:2px; margin-right:2px; }
#copyright a { text-decoration:none; color:#333; }
#copyright a:hover, #copyright a:visited { color:#333; }


/*PAGINATION*/
#pagination { height:20px; float:right; 
	margin-right:100px !important; 
	margin-right:50px;
	margin-bottom:10px; 
}
#pagination .pn { font-size:0.9em; float:left; margin:5px 10px; }
#pagination .number { display:block; padding:5px; font-size:1.1em; float:left; }

#pagination a:link, #pagination a:visited { color:#CCC; text-decoration:none; }
#pagination a.active { color:#43adfb; }



/*MISC*/
.newline { display:block; }
.clear { clear:both; }