#cover {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
	x-index: 1100;
}


* html #cover { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


#fadeout{
	float: left;
	width: 960px;
	background: url(../images/fadeout-bg.png) no-repeat 0 0;
	height: 93px;
	position: absolute;
	bottom: 0;
	left: 0px;
	z-index: 7;
	}


* html #fadeout{
	background: none;
}


#featured-films {
  position: absolute;
  float: left;
  width: 880px;
  height: 200px;
  overflow: auto;
  padding: 0;
  top: 140px;
  left: 0px;
  text-align: center;
  z-index: 2;
}




#featured-films .covers {
  position: relative;
  width: 1600px;
  z-index: 3;
}


#featured-films p {
	float: left;
	width: 320px;
	height: 250px;
	cursor: pointer;
 	padding-top: 20px;
 	margin-left: -24px;
 	background: url(../images/video-small-bg.jpg) no-repeat 63px 43px;
}

#featured-films p img{
	padding: 30px 63px 0 64px;
	}
	
#featured-films p img.shadow{
	display: none;
	padding: 7px 63px 0 64px;
	}	

#featured-films p.here{
	height: 175px;
	position: relative;
	padding: 12px 0px 0 0;
  background: url(../images/video-full-bg.jpg) no-repeat 0 0;	
	}
	
	
#featured-films p.here img{
	height: 163px;
	width: 296px;
	padding: 0 0 0 0;	
	}
	
#featured-films p.here img.shadow{	
	padding: 10px 0 0 0;	
	}
	
	
#featured-films span.description{
	width: 272px;
	background: url(../images/trans-80-black.png);
	text-align: left;
	color: #ccc;
	position: absolute;
	bottom: 12px;
	left: 12px;
	z-index: 4;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 12px 12px 5px 12px;	
}


* html #featured-films span.description{
	top: 103px;
	height: 60px;
	}





#featured-films span.description em{
	float: right;
	height: 14px;
	width: 190px;
	font-style:normal;
	text-align: right;
	font-size: 10px !important;
	padding: 5px 0 0 0;
}


#featured-films span.description em strong{
	float: left;
	font-weight: normal;
}


#featured-films span.description a{
float: right;
	padding: 0px 0 0 15px;
	margin-left: 7px;
	height: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none !important;
	color: #666;
	background: url(../images/play.gif) no-repeat 0 0;
	}
	

#featured-films span.description a:hover{
	color: #fff;
	background: url(../images/play.gif) no-repeat 0 100%;
	}	
	

#featured-films span.description strong{
	color: #fff;
	}			
	
	
#featured-films p span.moreLeft,
#featured-films p span.moreRight{
	display: none;
	}
	
#featured-films p.first span.moreLeft{
	display: block;
	float: left;
	text-align: left;
	width: 200px;
	padding: 0 0 0 15px;
	position: absolute;
	left: 65px;
	top: 175px;	
	color: #fff;
	height: 12px;
	line-height: 12px;
	font-size: 1.2em;
	font-weight: bold;
	background: url(../images/arrow-left.gif) no-repeat 0 0;	
}


#featured-films p .moreLeft em,
#featured-films p .moreRight em{
	font-style: normal;
	display: none;
}	

#featured-films p:hover .moreLeft em{
	display: block;
}
	
#featured-films p.first:hover .moreLeft{
	display: block;
}	

#featured-films p.third .moreRight{
	display: block;
	float: right;
	width: 200px;
	position: absolute;
	padding: 0 15px 0 0;	
	right: 65px;
	top: 175px;	
	color: #fff;
	height: 12px;
	text-align: right;
	line-height: 12px;	
	font-size: 1.2em;
	font-weight: bold;	
	background: url(../images/arrow-right.gif) no-repeat 100% 0;		
}	
	

#featured-films p:hover .moreRight em{
	display: block;
}
	
#featured-films p.third:hover .moreRight{
	display: block;
}	



#video-popup {
	display: none;
	text-align: left;
	position: absolute;
	top:100px;
	left:0;
	border: 1px solid #333;
	width: 640px;
	padding: 10px 10px 15px 10px;
	color: #fff;
	background: #000;
}


.open{
	display: block;
	z-index: 2000;
}


#vid {
	float: left;
	width: 640px;
	z-index: 100;	
}


#video-popup .close{
	position:absolute;
	top: -18px;
	right: -15px;
	}
	
#video-popup .title{
	float: left;
	font-size: 1.2em;
	color: #666;
	font-weight: bold;
	padding: 0 0 0 35px;
	margin: 15px 0 0 0;
	height: 22px;
	line-height: 22px;
	background: url(../images/stc-icon.gif) no-repeat 4px 50%;
	}
	
	
#video-popup .title strong{
	color: #fff;
	}
	
	
#video-popup ul{
	float: right;
	padding: 20px 0 0 0;
	}
	
#video-popup ul li{
	float: left;
	}	
	
#video-popup ul li a{
	float: left;
	height: 12px;
	line-height: 12px;
	padding-left: 18px;
	margin-left: 15px;
	color: #666;
	text-decoration: none;
	background: url(../images/play.gif) no-repeat 0 0;	
	}	
	
	
#video-popup ul li a:hover,
#video-popup ul li a.here{	
	color: #fff;
	background: url(../images/play.gif) no-repeat 0 -12px;	
	}		
	
	
	
#video-popup p{
	float: left;
	width: 620px;
	background: #333333	;
	padding: 10px;
	margin: 15px 0 0 0;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	}