/* 
	CSS Reset 
*/



.clear
{
	clear: both;
}


#kenburns
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
}

#kenburns_overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#kenburns_title
{
	color: #8a8a8a;
	font-size: 32px;
	text-transform: uppercase;
	letter-spacing: 0.2em; 
	width: 600px;
	position: absolute;
	top: 120px;
	left: 20px;
	line-height: 1em;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
	font-family: 'BebasNeueRegular', Impact;
	font-weight: normal;
}

#kenburns_subtitle
{
	color: #BABCBC;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 0.2em; 
	margin-left:20px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
	font-family: 'BebasNeueRegular', Impact;
	font-weight: normal;
}
.subtitle {
	color: #BABCBC;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 0.2em; 
	text-decoration: none;
	line-height: 1em;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
	font-family: 'BebasNeueRegular', Impact;
	font-weight: normal;
-webkit-transition: all 1s ease-in-out; 
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
-ms-transition: all 1s ease-in-out; 
transition: all 1s ease-in-out;
}
.subtitle:hover {color:#870606;}
.sub-active {color:#fff;}

#kenburns_desc
{
	background:url('../img/bg-white.png');
	padding:10px;
	padding-left:20px;
	padding-right:4px;
	color: #111;
	font-size: 12px;
	width: 920px;
	position: absolute;
	top: 160px;
	left: 0px;
	opacity: 1.0;
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8);
	font-family: Helvetica, Arial;
}
h1.filmtitle {
display:block;
padding:0px;
padding-top:6px;
margin:0px;
float:center;
font-size:20px;
left:10px;
}

		.thumbnailWrapper { width:900px; margin:0px auto; margin-top:20px; } /* not important */
		
		.thumbnailWrapper ul { 
			list-style-type: none; /* remove the default style for list items (the circles) */ 
			margin:0px; /* remove default margin */
			padding:0px; /* remove default padding */
		}
		.thumbnailWrapper ul li { 
			float:left; /* important: left float */
			position:relative; /* so we can use top and left positioning */
			overflow:hidden; /* hide the content outside the boundaries (ZOOM) */
			margin:10px;
			margin-top:0px;
			
		}
		.thumbnailWrapper ul li a img { 
			width:130px; /* not important, the pics we use here are too big */
			position:relative; /* so we can use top and left positioning */
			border:none; /* remove the default blue border */
		}
		.caption{
			position:absolute; /* needed for positioning */
			bottom:0px; /* bottom of the list item (container) */
			left:0px; /* start from left of the list item (container) */
			width:100%; /* stretch to the whole width of container */
			display:none; /* hide by default */
			/* styling bellow */
			background:#000;
			color:#fff;
			text-shadow:none;
			opacity:0.9;
			text-align:center;
			text-transform:uppercase;
		}
		.caption .captionInside{
			/* just styling */
			padding:10px;
			margin:0px;
			font-family:Arial!important, Verdana;
			font-size:9px!important;
			color:#fff!important;
		}
		.clear { clear:both; } /* to clear the float after the last item */
				.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}