@charset "UTF-8";
.style1 {
	color: #000000;
	font-weight: bold;
	font-size: 15px;
}
.style5 {
	font-size: 12px;
	color: #000000;
}
/* CSS For Blue Valentine Site
 * Created by Ephraim Gregor, 2010 
*/

/* Main Content */

body {
	background-color:#000;
	font-family: Verdana, Geneva, sans-serif;
	color:#FFF;
	padding:0px;
	margin:0px;
	
}
.screenings {
	position: absolute;
	bottom: 0;
	left: -75px;
	width: 100%;
	height: 16px;
	font-weight: normal;
	color: #EBEAD6;
	padding-left: 150px;
}

#page {
	width:1280px;
	height:850px;
	margin: 0px auto;
	padding:0px;
	background-image:url(../images/background_main.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position: relative;
}
#page2 {
	width:1280px;
	height:850px;
	margin: 0px auto;
	padding:0px;
	background-image:url(../images/background_website.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position: relative;
}


#content {
	margin-left:522px;
	top:65px;
	width:667px;
	position:absolute;
	background-repeat:no-repeat;
	left: -8px;
}
#content2 {
	margin-left:522px;
	top:78px;
	width:667px;
	position:absolute;
	background-repeat:no-repeat;
	left: -2px;
}


/* Home Section */

#home #content {
	background-image:url(home.png);
	margin-left:514px;
	top:77px;
	width:612px;
	height:478px;
}
#home #content2 {
	background-image:url(home.png);
	margin-left:514px;
	top:77px;
	width:612px;
	height:478px;
}

/* About Section */

#about #content {
	top:64px;
	height:469px;
	background-image:url(../images/about.png);
}


/* Navigation */
#nav {
	list-style:none;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 370px;
	padding-top: 2px;
}


#nav li {
	display:inline;
}


#nav a {
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	padding:4px 12px;
	text-decoration:none;
	color: #697845;
	text-decoration: none;
	font-weight: bold;
}





#nav a:active,
#nav a:focus,
#nav a:hover {
	
	color: #EBEAD6;
	
}

#cast #subnav {
	width:597px;
	background-image:url(../images/popup-cast.png);
	margin-left:335px;
}

#cast #subnav li {
	width:128px;
	height:27px;
}

#cast #subnav li .hover {
	width:128px;
	height:27px;
}
#filmmakers #content .xolasie {
	background-image:url(../images/Xolasie_Mawuenyega.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}
#filmmakers #content .xolasie .holder {
	margin-left:220px;
	width:450px;
	height:190px;
	overflow:hidden;
}
#filmmakers #content .xolasie .text {
	margin-top:5px;
	width:420px;
	height:100px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}
#filmmakers #content .sandy {
	background-image:url(../images/Sandy_Arkhurst.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}

#filmmakers #content .sandy .holder {
	margin-left:220px;
	width:450px;
	height:190px;
	overflow:hidden;
}


#filmmakers #content .sandy .text {
	margin-top:5px;
	width:420px;
	height:100px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}

#filmmakers #content .abena {
	background-image:url(../images/Abena_Takyi.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}

#filmmakers #content .abena .text {
	margin-top:5px;
	width:420px;
	height:100px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}

#filmmakers #content .abena .holder {
	margin-left:220px;
	width:450px;
	height:190px;
	overflow:hidden;
}
#filmmakers #content .yao2 {
	background-image:url(../images/Yao_Cast.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}
#filmmakers #content .yao2 .text {
	margin-top:5px;
	width:420px;
	height:500px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}
#filmmakers #content .yao2 .holder {
	margin-left:220px;
	width:450px;
	height:190px;
	overflow:hidden;
}

#filmmakers #content .amugi {
	background-image:url(../images/Fred_Amugi.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}


#filmmakers #content .amugi .text {
	margin-top:5px;
	width:420px;
	height:405px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}


#filmmakers #content .amugi .holder {
	margin-left:220px;
	width:450px;
	height:190px;
	overflow:hidden;
}


#filmmakers #content .koffi {
	background-image:url(../images/koo_nartey_zokko.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}

#filmmakers #content .koffi .text {
	margin-top:5px;
	width:420px;
	height:150px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}

#filmmakers #content .koffi .holder {
	margin-left:220px;
	width:450px;
	height:210px;
	overflow:hidden;
}


/* Filmmakers Section */

#filmmakers #content {
	top:21px;
}
#filmmakers #content .john {
	background-image:url(../images/John_Avarese.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}

#filmmakers #content .john .text {
	margin-top:5px;
	width:420px;
	height:245px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}

#filmmakers #content .john .holder {
	margin-left:220px;
	width:450px;
	height:210px;
	overflow:hidden;
}

#filmmakers #content .aaron {
	background-image:url(../images/Aaron_Bowen.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}

#filmmakers #content .aaron .text {
	margin-top:5px;
	width:420px;
	height:100px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}

#filmmakers #content .aaron .holder {
	margin-left:220px;
	width:450px;
	height:210px;
	overflow:hidden;
}

#filmmakers #content .francis {
	background-image:url(../images/Francis_Gbormittah.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}

#filmmakers #content .francis .holder {
	margin-left:220px;
	width:450px;
	height:210px;
	overflow:hidden;
}

#filmmakers #content .francis .text {
	margin-top:5px;
	width:420px;
	height:100px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}
#filmmakers #content .jacoblisa {
	background-image:url(../images/jacob_lisa.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}
#filmmakers #content .jacoblisa .holder {
	margin-left:220px;
	width:450px;
	height:210px;
	overflow:hidden;
}
#filmmakers #content .jacoblisa .text {
	margin-top:5px;
	width:420px;
	height:445px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}
#filmmakers #content .deron {
	background-image:url(../images/Deron_Albright.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}





#filmmakers #content .deron .text {
	margin-top:5px;
	width:420px;
	height:645px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}




#filmmakers #content .deron .holder {
	margin-left:220px;
	width:450px;
	height:210px;
	overflow:hidden;
	position: absolute;
}
#filmmakers #content .synopsis {
	background-image:url(../images/synopsis.png);
	height:400px;
	width:1080px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:40px;
	top:53px;
	left: -24px;
}

#filmmakers #content .synopsis .holder {
	margin-left:50px;
	width:610px;
	height:250px;
	overflow:hidden;
	margin-top: 15px;
}

#filmmakers #content .synopsis .text {
	margin-top:0px;
	width:580px;
	height:595px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}
#filmmakers #content .press2 {
	background-image:url(../images/screenings.png);
	height:438px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:40px;
	top:53px;
	left: -24px;
}
#filmmakers #content .press2 .holder {
	margin-left:50px;
	width:610px;
	height:250px;
	overflow:hidden;
	margin-top: 15px;
}
#filmmakers #content .press2 .text {
	margin-top:0px;
	width:580px;
	height:1500px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}
#filmmakers #content .press2 .text a {
	color: #EBEAD6;
}
#filmmakers #content .press {
	background-image:url(../images/press_awards.png);
	height:400px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:40px;
	top:53px;
	left: -24px;
}
#filmmakers #content .press .holder {
	margin-left:50px;
	width:610px;
	height:250px;
	overflow:hidden;
	margin-top: 15px;
}
#filmmakers #content .press .text {
	margin-top:0px;
	width:580px;
	height:1400px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}
#filmmakers #content .press .text a {
	color: #EBEAD6;
}



#filmmakers #content .yao {
	background-image:url(../images/Yao_B._Nunoo.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}

#filmmakers #content .yao .holder {
	margin-left:220px;
	width:450px;
	height:210px;
	overflow:hidden;
}

#filmmakers #content .yao .text {
	margin-top:5px;
	width:420px;
	height:500px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}
#filmmakers #content .seth {
	background-image:url(../images/seth_paris.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}
#filmmakers #content .seth .text {
	margin-top:5px;
	width:420px;
	height:170px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}
#filmmakers #content .seth .holder {
	margin-left:220px;
	width:450px;
	height:210px;
	overflow:hidden;
}
#filmmakers #content .koo {
	background-image:url(../images/koo_nimo.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}


#filmmakers #content .koo .holder {
	margin-left:220px;
	width:450px;
	height:210px;
	overflow:hidden;
}


#filmmakers #content .koo .text {
	margin-top:5px;
	width:420px;
	height:300px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}


#filmmakers #content .maori {
	background-image:url(../images/maori_karmael_holmes.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}
#filmmakers #content .maori .text {
	margin-top:5px;
	width:420px;
	height:300px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}
#filmmakers #content .maori .holder {
	margin-left:220px;
	width:450px;
	height:210px;
	overflow:hidden;
}



#filmmakers #content .dede .holder {
	margin-left:220px;
	width:450px;
	height:210px;
	overflow:hidden;
}





#filmmakers #content .dede .text {
	margin-top:5px;
	width:420px;
	height:300px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}

#filmmakers #content .dede {
	background-image:url(../images/Dede_Maitre.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}
#filmmakers #content .trailer {
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:50px;
	top:45px;
	left: 44px;
}
#filmmakers #content .chris .holder {
	margin-left:220px;
	width:450px;
	height:210px;
	overflow:hidden;
}
#filmmakers #content .chris {
	background-image:url(../images/chris_coy.png);
	height:530px;
	width:828px;
	position:absolute;
	background-repeat:no-repeat;
	padding-top:110px;
	top:53px;
	left: -24px;
}
#filmmakers #content .chris .text {
	margin-top:5px;
	width:420px;
	height:300px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
}






#filmmakers #content .filmmakers .holder {
	margin-left:220px;
	width:450px;
	height:210px;
	overflow:hidden;
	position: absolute;
}

#filmmakers #content .filmmakers .text {
	margin-top:5px;
	width:420px;
	height:355px;
	font-size: 12px;
	line-height: 18px;
	color: #EBEAD6;
	position: absolute;
}
#filmmakers #subnav2 {
	width:244px;
	margin-left:291px;
	position:absolute;
	top:106px;
	height:157px;
	left: -295px;
}
#filmmakers #subnav2 li {
	width:180px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	height: 15px;
	float:left;
	padding-top:10px;
	position:relative;
	font-size: 12px;
}
#filmmakers #subnav2 ul {
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
	padding:0px;
	margin:20px 0px 0px 44px;
	list-style: none;
}
#filmmakers #subnav2 li a {
	color: #8a6c2f;
	z-index:100;
	text-decoration: none;
}
#filmmakers #subnav2 li a:hover {
	color: #EBEAD6;
}
#filmmakers #subnav2 .current {
	color: #EBEAD6;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#filmmakers #subnav {
	width:244px;
	margin-left:291px;
	position:absolute;
	top:176px;
	height:157px;
	left: -292px;
}


#filmmakers #subnav li {
	width:180px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	height: 15px;
	float:left;
	padding-top:0px;
	position:relative;
	font-size: 12px;
}



#filmmakers #subnav ul {
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
	padding:0px;
	margin:20px 0px 0px 44px;
	list-style: none;
}


#filmmakers #subnav li a {
	color: #8a6c2f;
	z-index:100;
	text-decoration: none;
}

#filmmakers #subnav li a:hover {
	color: #EBEAD6;
}

#filmmakers #subnav .current  {
	color: #EEEBD8;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#filmmakers #subnav .currentspace {
	color: #EEEBD8;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 12px;
}
#filmmakers #subnav .currentspace2 {
	color: #EEEBD8;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
}


#filmmakers #subnav .space {
	color: #EEEBD8;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
}













/* Media Section */

#media #content {
	background-image:url(../images/Photos.png);
	width:733px;
	height:394px;
	margin-left:489px;
}
#media .trailer {
	margin-left:50px;
	margin-top:45px;
}

#media #clip-thumbs, #media #still-thumbs {
	position:absolute;
	margin-left:32px;
	top:42px;
	width:145px;
	z-index:100px;
	height: 390px;
	left: 554px;
}

#media #clip-thumbs ul, #media #still-thumbs ul {
	padding:0px;
	margin:0px;
}

#media #clip-thumbs li, #media #still-thumbs li {
	display:block;
	width:85px;
	height:38px;
	float:left;
	margin-right:6px;
	overflow:hidden;
	margin-top: 5px;
}

#media #clip-thumbs a, #media #still-thumbs a {
	display:block;
	width:95px;
	height:45px;
	padding-top:50px;
}

#media #still-thumbs li {
	background-color: #000;
	background-image: url(../images/media-thumbs.jpg);
	background-repeat: no-repeat;
}

#media #still-thumbs .still2 {
	background-position:-97px 0px;
}

#media #still-thumbs .still3 {
	background-position:-192px 0px;
}

#media #still-thumbs .still4 {
	background-position:-287px 0px;
}

#media #still-thumbs .still5 {
	background-position:-380px 0px;
}

#media #still-thumbs .still6 {
	background-position:-475px 0px;
	
}
#media #still-thumbs .still7 {
	background-position:-570px 0px;
}


#media #content #clip-caption {
	position:absolute;
	top:294px;
	left:45px;
	height:67px;
	width:557px;
	background-position:-288px -517px;
	background-image: url(../images/media-titles.png);
	background-repeat: no-repeat;
}

#media #subnav {
	width:273px;
	background-image:url(../images/popup-media.png);
	margin-left:681px;
}

#media #subnav ul {
	margin: 18px 0px 0px 24px;
}

#media #subnav li {
	width:85px;
	height:27px;
}

#media #subnav li .hover {
	width:85px;
	height:27px;
	background-image:url(../images/popup-media.png);
}

#media #subnav .video .hover {
	background-position:-24px -66px;
}

#media #subnav .still {
	width:140px;
}

#media #subnav .still .hover {
	background-position:-109px -66px;
	width:140px;
}

/*#nav {
	position:absolute;
	width:952px;
	left: 250px;
	height: 37px;
}

#nav ul {
	margin: 0px auto;
	list-style-type:none;
	display:block;
	width:720px;
}
#nav li a {
	height:23px;
	text-align:center;
	position:relative;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	color: #697845;
	text-decoration: none;
	font-weight: bold;
	float: left;
	list-style: none;
	display: block;
}
#nav li {
	height:23px;
	text-align:center;
	position:relative;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	color: #697845;
	text-decoration: none;
	font-weight: bold;
	float: left;
	list-style: none;
	display: block;
}

#nav li a.special {
	height:23px;
	width: 180px;
}
#nav li a.special2 {
	width: 140px;
}


#nav .current {
	float:left;
	height:23px;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	color: #EBEAD6;
	font-weight: bold;
}

#nav li a:hover {
	height:23px;
	color: #EBEAD6;
}


#nav a {
	height:23px;
	color:#FFF;
	z-index:200;
	position:relative;
}
*/

/* Subnav */



/* Footer */

#footer {
	position:absolute;
	top:682px;
	width: 1272px;
	height: 94px;
	left: 8px;
}

#footer #social {
	position:absolute;
	height:60px;
	width:898px;
	overflow:hidden;
	margin-left:300px;
	left: 93px;
	top: 8px;
}

#footer #social .container {
	float:left;
	position:relative;
}

#footer #social .hover {
	background-image:url(../images/icons.png);
	height:60px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#footer .addthis_toolbox {
	float:left;
	margin-top:20px;
	height: 20px;
	width: 100px;
}

#footer .addthis_toolbox a.addthis_button_compact {
	padding-top:0px !important;
}

#footer #social a {
	display:block;
	padding-top:62px;
	float:left;
	position:relative;
	z-index:20;
	overflow: hidden;
	text-decoration: none;
}

#footer #share_twitter, #footer #share_twitter .hover {
	width:100px;
	padding-left: 20px;
}


#footer #share_facebook, #footer #share_facebook .hover {
	width:80px;
	padding-left: 15px;
	text-decoration: none;
}
#footer #share_press, #footer #share_press .hover {
	width:80px;
	padding-left: 10px;
}


#footer #share_facebook .hover {
	background-position:-88px 0px;
}
#footer #press {
	margin-left:20px;
	width:80px;
	margin-right: 35px;
}
#footer #contact {
	width:90px;
	margin-right: 10px;
}
#footer #brightnoon {
	width:280px;
	margin-left: 30px;
}


#footer #news_email {
	background-image:none !important;
}

#footer #news_email input {
	width:125px;
	height:16px;
	border:none;
	padding:0px;
	background-color: transparent;
	float:left;
	color:#FFF;
	font-size:10px;
	margin:20px 0px 0px 126px;
}

#footer #news_check input {
	position:absolute;
	left:651px;
	top:39px;
}

#footer #news_submit {
	width:70px;
	height:16px;
	margin:20px 0px 0px 3px;
}

#footer #news_submit .hover {
	width:70px;
	height:16px;
	background-position:70px 0px;
}

#footer #news_submit button {
	width:70px;
	height:16px;
	border:0px none;
	padding-top:16px;
	z-index:20;
	background:transparent;
	position:relative;
}



#footer #links {
	padding-top:155px;
	text-align:center;
	color:#2f3a5d;
	font-size:9px;
	text-transform:uppercase;
	width:1280px;
}

#footer #links a {
	color:#000000;
	font-size:9px;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
}

/* Misc */
.hover {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}

.jspTrack, .jspDrag {
	width:9px;
	background-repeat: repeat;
	background-image: url(images/bar-alpha.png);
}

.jspVerticalBar {
	background-color:transparent !important;
}

.hide {
	display:block;
	width:1px;
	height:1px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	left:0px;
}

.holder {
	overflow:hidden;
}

.text {
	background-repeat:no-repeat;
}

img { border:0px none; }

:active, :focus {outline: none; -moz-outline-style: none;}
#footer a {
	color:#EBEAD6;
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
	text-decoration:underline;
	margin-left: 25px;
}
#filmmakers  .wheats  {
	height:64px;
	width:156px;
	position:absolute;
	padding-top:0px;
	top:319px;
	left: 119px;
}
#filmmakers .wheats2 {
	height:54px;
	width:154px;
	position:absolute;
	background-repeat:no-repeat;
	top:556px;
	left: 116px;
}
#filmmakers .wheats3 {
	height:133px;
	width:247px;
	position:absolute;
	background-repeat:no-repeat;
	top:417px;
	left: 70px;
	color: #000000;
}
#filmmakers  .wheats3  a  {
	color: #000000;
}