/* General Settings
------------------------------------------ */
body {
	background: #000 url(../_images/bg/movies-landing-bg.png) top left repeat-x;
}

#main-content {
	position: relative;
	z-index: 20;
	width:100%;
}

/* Now-Playing Module Edits
------------------------------------------ */
#now-playing {
	margin-top: 0px;
}

h3.up-coming-h3 {
	background: url(../_images/upcoming-movies-rss.gif) no-repeat;
	height: 50px;
	width: 100%;
	text-indent: -3000px;
	margin: 3px 0 0;
}

/* Video Clip Player Module Edits
------------------------------------------ */
h3.fx-exclusives-h3 {
	background: url(../_images/fx-exclusives.gif) no-repeat;
	height: 50px;
	width: 100%;
	text-indent: -3000px;
	margin: 3px 0 0;
}

#videos { height: 365px; }



/*	HERO AREA
----------------------------------------------------*/
.hero-area-container {
	width: 100%; 
}

.hero-area {
	margin:0 auto;
	width:995px;
	height: 438px;
	position:relative;
}


/* Coverflow Settings
==================================== */

.hero-area div.cover-flow{
	overflow:hidden;
	position:absolute; 
	width:960px;
	height:407px;
	top:30px;
	left:0;
	z-index: 10;
}


.hero-area div.cover-flow div{
	position: absolute;
	visibility:hidden;
	overflow: visible !important;
	
}	

.hero-area div.cover-flow img{
	*position: absolute;
	*visibility:hidden;
	*overflow: visible !important;
}	


.hero-area .image-caption {
	font-weight:bold;
	color:#fff;
	font-size:15px;
	position:absolute; 
	top:28px;
	left:90px;
	width:514px;
	height:20px;
	overflow:hidden;
	z-index:10;
}

.hero-area .button {
	cursor:pointer;
	height:30px;
	width:28px;
	position:absolute;
	display:block;
	text-indent:-9999px;
	z-index:1000;
	top:275px;
}

.hero-area .previous {
	background: url(../_images/movie_carousel_left.png) no-repeat scroll 0 0;
	_background: url(../_images/movie_carousel_left_ie6.gif) no-repeat scroll 0 0;
	left:16px;
}

.hero-area .next {
	background: url(../_images/movie_carousel_right.png) no-repeat scroll 0 0;
	_background: url(../_images/movie_carousel_right_ie6.gif) no-repeat scroll 0 0;
	right: 90px;		
}

.hero-area .image-overlay {
	width:233px;
	height:202px;
	padding:0;
	position:absolute;
	left:340px;
	bottom:62px;
	z-index:100;
	display:none;
}

.hero-area .image-overlay .overlayContent {position: relative;}

.hero-area .image-overlay .overlayHeaderBG,
.hero-area .image-overlay .overlayBodyBG {
	background: #000;
}

.hero-area .image-overlay .overlayHeaderBG{
	height: 59px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	opacity: .9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
}

.hero-area .image-overlay .overlayBodyBG {
	height: 141px;
	opacity: .8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

.hero-area .image-overlay .overlayHeader,
.hero-area .image-overlay .overlayBody {
	position: absolute;
	left: 7px;
	width: 219px;
}

.hero-area .image-overlay .overlayHeader{
	top: 10px;
}

.hero-area .image-overlay .overlayBody {
	top: 65px;
}



/* Hero carousel controls */
#movies-hero-controls {
	position: absolute;
	left: 390px;
	z-index: 50;
	height: 18px;
	width: 165px;
	top: 400px;
	overflow: hidden;
}

	#movies-hero-controls ul{
		height: 18px;
		float: left;
		margin: 0 0 0 6px;
	}
	
		#movies-hero-controls ul li{
			float: left;
			display: block;
			height: 12px;
			width: 19px;
			overflow: hidden;
		}
		
			#movies-hero-controls ul li a{
				background-image: url(../_images/carousel_pagi.png);
				_background-image: url(../_images/carousel_pagi_ie6.gif);
				background-repeat: no-repeat;
				background-position: top left;
				display: block;
				height: 12px;
				width: 12px;
				text-indent: -9999px;
			}		
		
			.light ul li.active-slide a{
				background-image: url(../_images/carousel_pagi.png);
				_background-image: url(../_images/carousel_pagi_ie6.gif);
				background-repeat: no-repeat;
				background-position: 0px -24px !important;
			}
			
			#movies-hero-controls ul li.active-slide a{
				background-image: url(../_images/carousel_pagi.png);
				_background-image: url(../_images/carousel_pagi_ie6.gif);
				background-repeat: no-repeat;
				background-position: 0px -12px;
			}