/***************** PAGE CSS START ************************/

body{background:#0c0c0c;}
#page_wrap h1, #page_wrap h2, #page_wrap h3, #page_wrap h4, #page_wrap h5 {color:#d0c6e3;padding-bottom:0.5em;}
#page_wrap p{text-indent:0;}
#page_wrap{color:#b7b6b9;font-family: arial, sans-serif;font-size:14px;text-align:center;}
#page_wrap a{color:#9d8bb3;text-decoration:none;}
#page_wrap a:hover, #page_wrap a:focus, #page_wrap a:active{/*color:#3a294f;*/text-decoration:underline}
#page_wrap br.clr{clear:both;height:0;}

/***************** PAGE CSS END ************************/


/***************** HEADER CSS START ************************/

#header_wrap{background:url('../img/bg.jpg') repeat-x;text-align:center;}
#header{width:970px;height:163px;margin:0px auto;background:url('../img/header.jpg') top center no-repeat;text-align:left;}

#header .stars_wrap{position:relative;}
#header .star1_wrap{position:absolute;left:175px;top:11px;}
#header .star2_wrap{position:absolute;left:362px;top:79px;}
#header .star3_wrap{position:absolute;left:710px;top:4px;}
#header h1.logo{padding:40px 0px 32px 50px;}
#header #navbar, #header #navbar_home{padding-left:20px;font-weight:bold;}
#header #navbar ul, #header #navbar_home ul{list-style:none;}
#header #navbar ul li, #header #navbar_home ul li{float:left;}
#header #navbar ul li a, #header #navbar_home ul li a{color:#baacd5;font-size:1.0em;margin:0;line-height:26px;display:block;text-decoration:none;background:url('../img/list-separator.jpg') right no-repeat;}
#header #navbar ul li a:hover, #header #navbar ul li a:active, #header #navbar ul li a:focus,
#header #navbar_home ul li a:hover, #header #navbar_home ul li a:active, #header #navbar_home ul li a:focus{color:#baacd5;background:url('../img/list-separator-over.jpg') right no-repeat;}
#header #navbar ul li a{padding:0 34px;}
#header #navbar_home ul li a{padding:0 26px;}


/***************** HEADER CSS END ************************/


/***************** BODY CSS START ************************/

#body_wrap{background:#111111;width:930px;margin:0px auto;text-align:left;min-height:422px;}

#body_wrap h1{font-size:20px;}
#body_wrap h2{font-size:16px;}
#body_wrap h3{font-size:14px;}
#body_wrap p{margin-top:16px;}
#body_wrap em{font-style:italic;}
#body_wrap ul{list-style:none;}

#body_wrap .content_box{width:880px;text-align:left;margin:0px auto;}
#body_wrap .content_box .top{width:880px;height:23px;background:url('../img/ct-top.jpg') top left no-repeat;}
#body_wrap .content_box .content{width:880px;background:url('../img/ct.jpg') top left repeat-y;padding:5px 0px;}
#body_wrap .content_box .bottom{width:880px;height:20px;background:url('../img/ct-bottom.jpg') top left no-repeat;}


/***************** BODY CSS END ************************/


/***************** FOOTER CSS START ************************/

#footer_wrap{text-align:center;background:#3b2951;height:60px;}
#footer{width:970px;height:60px;margin:0px auto;background:url('../img/footer-bg.jpg') top center no-repeat;text-align:left;}
#footer .content{text-align:center;font-size:12px;padding-top:12px;color:#785b9a;}
#footer .bottom_nav ul{margin-bottom:3px;}
#footer .bottom_nav ul li{display:inline;}
#footer .bottom_nav ul li.divider{padding:0px 10px;}
#footer .bottom_nav ul li a{color:#ab8ad3;}
#footer .bottom_nav ul li a:hover, .bottom_nav ul li a:active, .bottom_nav ul li a:focus{color:#fff;text-decoration:none;}

/***************** FOOTER CSS END ************************/


/***************** HOMEPAGE CSS START ************************/

#homepage_wrap{}
#body_wrap .homepage_top{padding-top:25px;margin:0px 25px;}
#body_wrap .homepage_top .l{float:left;width:560px;margin:20px 0px 0px 6px;}
#body_wrap .homepage_top .r{float:right;width:213px;position:relative;margin-right:30px;}
#body_wrap .homepage_top .r .catchlight_image{position:absolute;top:-150px;}
#body_wrap .homepage_bottom{text-align:center;clear:both;padding-bottom:25px;}
#body_wrap .homepage_bottom .content_box{padding-top:20px;}
#body_wrap .homepage_bottom .content_box .content .l{float:left;width:570px;padding-left:25px;}
#body_wrap .homepage_bottom .content_box .content .l .image_l{float:left;width:180px;padding-right:30px;}
#body_wrap .homepage_bottom .content_box .content .l h3{font-weight:bold;text-transform:uppercase;padding-bottom:0px;}
#body_wrap .homepage_bottom .content_box .content .r{float:right;width:230px;padding-right:25px;}
#body_wrap .homepage_bottom .content_box .content .r ul.filmfacts li{font-size:12px;margin-bottom:10px;}
#body_wrap .homepage_bottom .content_box .content .r ul.filmfacts li span{color:#d0c6e3;font-weight:bold;text-transform:uppercase;}

/***************** HOMEPAGE CSS END ************************/


/***************** ABOUT / MANAGEMENT / SCRAPBOOK / CONTACT CSS START ************************/

#about_wrap #body_wrap, #management_wrap #body_wrap, #scrapbook_wrap #body_wrap, #contact_wrap #body_wrap, #screening_wrap #body_wrap{text-align:center;}
#about_wrap #body_wrap .content_box, #management_wrap #body_wrap .content_box, #scrapbook_wrap #body_wrap .content_box, #contact_wrap #body_wrap .content_box, #screening_wrap #body_wrap  .content_box{padding:24px 0px;}
#about_wrap #body_wrap .content_box .content .title, #management_wrap #body_wrap .content_box .content .title, #scrapbook_wrap #body_wrap .content_box .content .scrapbook, #contact_wrap #body_wrap .content_box .content .contact_form_wrap, #screening_wrap #body_wrap  .screening_room{padding:0px 28px;}
#about_wrap #body_wrap .content_box .content .l, #management_wrap #body_wrap .content_box .content .l{float:left;width:590px;padding-left:28px;}
#about_wrap #body_wrap .content_box .content .r, #management_wrap #body_wrap .content_box .content .r{float:right;width:180px;padding:0px 28px 0px 25px;margin-top:12px;border-left:1px solid #3f3e41;}

/***************** ABOUT / MANAGEMENT / SCRAPBOOK CSS END ************************/


/***************** ABOUT  CSS START ************************/

#about_wrap #body_wrap h2{font-weight:bold;margin-top:20px;}
#about_wrap #body_wrap h3{padding-bottom:0px;font-style:italic;}
#about_wrap #body_wrap .profile_thumb{margin-bottom:25px;}

/***************** ABOUT  CSS END ************************/


/***************** SCRAPBOOK  CSS START ************************/

#scrapbook_wrap #body_wrap ul li{float:left;margin-right:18px;padding-top:12px;}
#scrapbook_wrap #body_wrap ul li.last{margin-right:0px;}

/***************** SCRAPBOOK  CSS END ************************/

/***************** CONTACT  CSS START ************************/

#contact_wrap #body_wrap h1{line-height:28px;}
#contact_wrap #body_wrap h2{font-weight:bold;text-transform:uppercase;margin-bottom:0px;padding-bottom:0px;position:relative;top:14px;}
#contact_wrap #body_wrap .contact_top{text-align:left;padding-top:30px;margin:0px 30px;}
#contact_wrap #body_wrap .contact_top ul{margin-top:12px;}
#contact_wrap #body_wrap .contact_form .l{float:left;clear:both;width:260px;text-align:right;height:40px;padding-top:6px;}
#contact_wrap #body_wrap .contact_form .r{float:right;width:550px;}
#contact_wrap #body_wrap .contact_form input.text, #contact_wrap #body_wrap .contact_form textarea {background-color:#2c2c2c;border:1px solid #333333;width:350px;}
#contact_wrap #body_wrap .contact_form textarea{overflow:auto;}
#contact_wrap #body_wrap .contact_form #submit {color:#000;margin-top:10px;}

/***************** CONTACT  CSS END ************************/


/***************** SCREENING  CSS START ************************/

#screening_wrap #body_wrap .leftThumb{ -moz-border-radius: 4px; -webkit-border-radius: 4px;border:2px solid #afafaf;z-index:0;}
#screening_wrap #body_wrap .rightThumb{-moz-border-radius: 4px; -webkit-border-radius: 4px;border:2px solid #afafaf;z-index:0;}
#screening_wrap #body_wrap .screening_room{min-height:580px;}
#screening_wrap #body_wrap #FrogJS .right-col{width:240px;float:right;}
#screening_wrap #body_wrap #FrogJS .left-col{width:540px;float:left;}
#screening_wrap #body_wrap #FrogJS h4{margin:0px;font-size:16px;}
#screening_wrap #body_wrap #FrogJS p{margin:0px 0px 18px 0px;line-height:22px;text-indent:0px;}
#screening_wrap #body_wrap #FrogJS ul{list-style:none;font-size:12px;margin:0px 0px 10px 0px;}
#screening_wrap #body_wrap #FrogJS ul.filmfacts{margin:0px;}
#screening_wrap #body_wrap #FrogJS ul.filmfacts li{margin-bottom:10px;}
#screening_wrap #body_wrap #FrogJS span{text-transform:uppercase;font-weight:bold;color:#d0c6e3;}
#screening_wrap #body_wrap #FrogJS img.mainImg{-moz-border-radius: 4px; -webkit-border-radius: 4px;border:2px solid #afafaf;}
#screening_wrap #body_wrap ul.filmfacts{list-style:none;font-size:12px;margin:0px;}
#screening_wrap #body_wrap ul.filmfacts li{margin-bottom:10px;}
#screening_wrap #body_wrap ul.filmfacts li span{text-transform:uppercase;font-weight:bold;color:#d0c6e3;}
#screening_wrap #body_wrap .contact-top h3{line-height:28px;margin:0px;}
#screening_wrap #body_wrap .contact-top a{text-decoration:none;}
#screening_wrap #body_wrap .content p a{text-decoration:none;}
#screening_wrap #body_wrap .clear{clear:both;}

/***************** SCREENING  CSS START ************************/


/***************** LIGHTBOX  CSS END ************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
/*#prevLink { left: 0; float: left;}*/
#prevLink { left: 0; float: left;background: url(../images/prevlabel.gif) left 15% no-repeat;}
/*#nextLink { right: 0; float: right;}*/
#nextLink { right: 0; float: right;background: url(../images/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/***************** LIGHTBOX CSS END ************************/