@charset "utf-8";
@font-face {
    font-family: 'fstd_bookbold';
    src: url('../fonts/fstdb_webfont.eot');
    src: url('../fonts/fstdb_webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fstdb_webfont.woff') format('woff'),
         url('../fonts/fstdb_webfont.ttf') format('truetype'),
         url('../fonts/fstdb_webfont.svg#fstdb_webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}
a,a:active,a:focus,
area,area:active,area:focus {
	border: 0px;
	outline: none;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	background: #FFF;
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}
.width_wrapper {
	width: 1080px;
	margin: 0px auto;
	position:relative;
	
}
.wider_wrapper {
	width: 1200px;
	margin: 0px auto;
	position:relative;
	
}

.top_bar {
	position:fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 9999;
}
.social_bar {
	background-color: #1C1C1C;
	height: 27px;
	padding-top: 3px;
	font-size: 0px;	
}
.social_icon {
	margin-right: 8px;
	vertical-align:middle;
}
.main_menu_bar {
	background-color: #19A913;
	height: 64px;
}
.main_menu_bar h1 {
	height: 64px;
	width: 235px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_title.png) no-repeat center center;	
}
.main_menu_bar h1 a{
	display:block;
	width: 100%;
	height: 100%;

}
.main_menu,
.main_menu li{
	margin: 0px;
	padding: 0px;
	list-style: none;

}
.main_menu {
	float:right;
	height: 32px;
	margin-top: 16px;
	margin-right: 8px;
	
}
	html.ms_pointer .main_menu{
		margin-top: 4px;
	}
.main_menu li{
	display:inline-block;
	margin-left: 20px;
	height: 32px;
}
.main_menu li a{
	display:inline-block;
	height: 32px;
	background-image: url(../img/nav_sprite.png);
	background-repeat:no-repeat;
	text-decoration:none;
}
.main_menu li a span {
	font-size: 0px;
	line-height: 32px;
}
.main_menu li.home a{
	width: 103px;
	background-position: -127px -32px;
}
.main_menu li.story a{
	width: 107px;
	background-position: 0px -32px;
}
.main_menu li.trailer a{
	width: 119px;
	background-position: -252px -32px;
}
.main_menu li.cast a{
	width: 183px;
	background-position: -390px -32px;
}
.main_menu li.photos a{
	width: 128px;
	background-position: -592px -32px;
}
.main_menu li.home a:hover,
.main_menu li.home a.active{
	background-position: -127px 0px;
}
.main_menu li.story a:hover,
.main_menu li.story a.active{
	background-position: 0px 0px;
}
.main_menu li.trailer a:hover,
.main_menu li.trailer a.active{
	background-position: -252px 0px;
}
.main_menu li.cast a:hover,
.main_menu li.cast a.active{
	background-position: -390px 0px;
}
.main_menu li.photos a:hover,
.main_menu li.photos a.active{
	background-position: -592px 0px;
}

.home_holder {
	height: 995px;
	position:relative;
	overflow:hidden;
	
}
.home_bg_holder {
	height: 480px;
	padding-top: 94px;
	background: url(../img/home_leaf_bg.jpg) no-repeat left top;/*	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/}
.home_bg_holder .width_wrapper {
	height: 480px;
	
}
.home_bg_holder .home_title {
	position:absolute;
	left: 0px;
	bottom: 140px;
}

.story_holder {
	width: 520px;
	padding-top: 30px;
	font-size: 21px;
	line-height: 150%;	
}
.couple_holder {
	position:absolute;
	bottom: 0px;
	left: 50%;
	z-index: 10;
	font-size: 0px;	
}
.bokeh_1_holder {
	position:absolute;
	bottom: 0px;
	left: 50%;
	margin-left: 280px;
	z-index: 11;
	background: url(../img/home_couple_bokeh_1.png) no-repeat center bottom;
	height: 538px;
	width: 503px;
}
.bokeh_2_holder {
	position:absolute;
	bottom: 0px;
	left: 55%;
	z-index: 12;
	background: url(../img/home_couple_bokeh_2.png) no-repeat center bottom;
	height: 487px;
	width: 600px;
}

.story_title_holder, 
.cast_title_holder {
	background-color: #EFF9EE;
	height: 93px;
	border-bottom: 1px solid #EBEDEA;
	
}
.story_title_holder h2, 
.cast_title_holder h2,
.trailer_title_holder h2,
.photos_title_holder h2 {
	height: 93px;
	margin: 0px;
	padding: 0px;
}
.story_title_holder h2 {
	background: url(../img/story_title.jpg) no-repeat center center;
	width: 240px;
	
}
.trailer_title_holder,
.photos_title_holder {
	background-color: #FFFDE6;
	height: 93px;
	border-top: 1px solid #EBEDEA;
	
}

.trailer_title_holder h2 {
	width: 383px;
	background: url(../img/trailer_title.jpg) no-repeat center center;
}
.trailer_holder {
	position:relative;
	
}
.ticket_holder {
	position:absolute;
	top: -86px;
	left: 58%;
	z-index: 20;
	background-color: #009900;
	width: 284px;
	height: 180px;
	text-align:center;
	display:none;	
}
.itunes_holder {
	position:absolute;
	right: -175px;
	top: 55px;
	display:none;	
}
.ticket_holder form{
	padding-top: 20px;
	margin: 0px;
}
.ticket_holder form .input_zip{
	margin: 18px 0px 22px;
	width: 200px;
	padding: 10px;
	text-align:center;
	
}
.ticket_holder form .tickets_1 {
	margin-right: 27px;
	
}
.ticket_holder form .tickets_2 {
	margin-right: 22px;
	
}
.ticket_holder form .tickets_3 {
	
}
.ticket_holder form .tickets_4 {
	margin-left: 27px;
	
}
.dvd_holder {
	position:absolute;
	bottom: -125px;
	left: 50%;
	margin-left: -250px;
	z-index: 20;
	display:none;	
	
}

.trailer_video_holder {
	height: 508px;
	overflow:hidden;
	position:relative;
	z-index: 99;
	width:100%;
	
}
#tubular-shield {
	background: url(../img/video_cover.jpg) no-repeat center center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 9998;
}
#tubular-shield-inner {
	background: url(../img/video_icon.png) no-repeat center center;
	cursor: pointer;
	z-index: 9998;
}
#tubular-shield-inner:hover {
	background: url(../img/video_icon_over.png) no-repeat center center;
	cursor: pointer;
}
#tubular-player-holder {
	z-index: 9997;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow:hidden;
	width: 100%;
	
}
#tubular-player {
	z-index: 9997;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow:hidden;
}
.cast_title_holder {
	background-color: #EFF9EE;
	height: 93px;
	border-bottom: 1px solid #EBEDEA;
	
}
.cast_title_holder h2 {
	width: 294px;
	background: url(../img/cast_title.jpg) no-repeat center center;
}

.photos_title_holder h2 {
	width: 204px;
	background: url(../img/photos_title.jpg) no-repeat center center;
}
.photos_gallery {
	min-height: 200px;
}

/*cast and crew */
.cast_gallery_holder {
	width: 100%;
	height: 518px;
	position:relative;
}
.cast_gallery {
	min-height: 518px;
	position:relative;
	z-index: 2;
}

.gallery_footprints {
	z-index:1;
	position:absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top:0px;
	background: #FFF url(../img/cast_bg.png) no-repeat center center;
	
}
.cast_gallery .portrait_img {
	padding: 0px 0px 6px;
	position:relative;
	
}
.cast_gallery .portrait_img img{
	width: 100%;
	height:auto;
}
.cast_gallery .portrait_title {
	max-width: 100%;
	height:auto;
	margin: 0px auto;
}
.portrait_holder {
	cursor: pointer;
	z-index:8;
	text-align:center;
	
}
.portrait_director {
	position:absolute;
	top: 166px;
	left: 4px;
	width: 141px;
}
.portrait_jk_simmons {
	position:absolute;
	top: 41px;
	left: 158px;
	width: 135px;
}
.portrait_evan_rachel {
	position:absolute;
	top: 214px;
	left: 290px;
	width: 227px;
}
.portrait_scott_speedman {
	position:absolute;
	top: 40px;
	left: 508px;
	width: 220px;
}
.portrait_kate_burton {
	position:absolute;
	top: 259px;
	left: 710px;
	width: 162px;
}
.portrait_treat_williams {
	position:absolute;
	top: 141px;
	left: 895px;
	width: 173px;
}


.cast_gallery .blurred_portrait{
	transform: scale(1);
	z-index: 6;   
}
.cast_gallery .active_portrait{
	z-index: 9;   
	opacity: 1;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}


.portrait_holder {
    -webkit-transition :  -webkit-transform 75ms ease;
    transition : transform 75ms ease;
}

.cast_hover {
	width: 100%;
	height: 100%;
	z-index: 7;
	position:absolute;
	display:none;
}

.director_hover {
	background: url(../img/cast/director_hover.png) no-repeat left 50px;	
}
.jk_simmons_hover {
	background: url(../img/cast/jk_simmons_hover.png) no-repeat left top;	
}
.evan_rachel_hover {
	background: url(../img/cast/evan_rachel_hover.png) no-repeat center bottom;	
}
.scott_speedman_hover {
	background: url(../img/cast/scott_speedman_hover.png) no-repeat center top;	
}
.kate_burton_hover {
	background: url(../img/cast/kate_burton_hover.png) no-repeat center bottom;	
}
.treat_williams_hover {
	background: url(../img/cast/treat_williams_hover.png) no-repeat right bottom;	
}
.cast_outer_holder {
	z-index: 10;
	position:absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top:0px;
	background: #FFF;
	display:none;
	
}
.cast_overlay_holder {
	z-index: 11;
	width: 1080px;
	height: 518px;
	background-color: #19A913;
	color:#FFF;
	margin: 0px auto;
	position:relative;
}
.cast_overlay_close {
	position:absolute;
	z-index: 20;
	top: 30px;
	right: 30px;
	width: 26px;
	height: 26px;
	background: url(../img/close_sprite.png) no-repeat center center;
	cursor: pointer;
}
.cast_overlay_navigation {
	position:absolute;
	z-index: 20;
	bottom: 20px;
	left: 380px;
	font-family: 'fstd_bookbold',Verdana, Geneva, sans-serif;
	font-size: 20px;
	color:#FFF;
	text-transform: uppercase;
	
}
.cast_overlay_navigation .prev {
	display: inline-block;
	cursor: pointer;
	vertical-align:middle;
	width: 31px;
	height: 31px;
	background: url(../img/colorbox/controls_green.png) no-repeat left center;
}
.cast_overlay_navigation .next {
	display: inline-block;
	cursor: pointer;
	margin: 0px 10px 0px 5px;
	vertical-align:middle;
	width: 31px;
	height: 31px;
	background: url(../img/colorbox/controls_green.png) no-repeat -31px center;
}
.cast_overlay_holder h3 {
	font-family: 'fstd_bookbold',Verdana, Geneva, sans-serif;
	font-size: 26px;
	color:#FFF;
	text-transform: uppercase;
	margin-top: 0px;
	padding-top: 30px;
	
}
.cast_overlay_holder .portrait_big {
	float:left;
	margin-right: 30px;
}
.overlay_text {
	width: 1030px;
	text-align: left;
	line-height: 145%;
}
	.slimScrollDiv {
		-ms-touch-action: none;
	}
	.slimScrollDiv .overlay_text {
		width: 635px !important;

		
	}
	.slimScrollBar {
		opacity: 1 !important;
		
	}
	.slimScrollDiv .slimScrollRail {
		width: 1px !important;
		height: 100%;
		display: block !important;
		border-radius: 0px !important;
		background-color: #FFF !important;
		opacity: 1 !important;
		right: 6px !important;
		background-position: initial initial;
		background-repeat: initial initial;
	}

.overlay_content {
	display: none;
}


/* photos */
.photos_gallery {
	text-align:center;
	font-size: 0px;
}
.photos_gallery a.img {
	display:inline-block;
	width: 354px;
	height: 199px;
	position:relative;
	overflow:hidden;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
	
}
.photos_gallery a.img img{
	position:absolute;
	z-index: 1;
	top: 0px;
	left: 0px;

}
.photos_gallery a.img div {
	display:none;
	
}
.photos_gallery a.img:hover {
	
}
.photos_gallery a.img:hover div{
	z-index: 2;
	position:absolute;
	width: 354px;
	height: 199px;
	top: 0px;
	left: 0px;
	background: url(../img/photos/zoom_overlay.png) no-repeat center center;
	display:block;
	
}
/* footer */
.footer_holder {
	height: 68px;
	background-color: #1c1c1c;
	line-height: 68px;
	color:#CCC;
	font-size: 12px;
	
	
}
.footer_logo{
	margin: 0px 12px;
	vertical-align:middle;
}