@charset "UTF-8";
/* CSS Document */

/*//////////////////////globals////////////////*/
body{
	margin:0;
	padding:0;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size:12px;
	line-height:18px;
	background:#182028;
	color:#585F66;
}
a:link, a:visited, a:hover, a:active{
	color:#585F66;
	text-decoration:none;
}
li, ul{	list-style:none; padding:0; margin:0; }
h1,h2,h3, p{ margin:0; padding: 0;}

img,iframe{border:0}
div.filmlayer iframe, div.filmlayer{
	width:936px;max-width:100%
}
div.filmlayer img{max-width:100%}


h1, h2{
	color:#fff;
	font-weight:300;
	font-size:14px;
}
h1{
	padding:80px 2%;
	float:left;
	font-size:17px;
}
#nav{
	padding:80px 2%;
	float:right;
}
#nav li{
	display:inline-block;
	margin-left:10px;
}
li.current a{
	color:#fff;
}
.clear{
	display:block;
	clear:both;
}
.film{
	position:relative;
	display:block;
	width:100%;
	margin-bottom:20px;
	background:#1F2933;
	transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.film .more{
	color:#fff;
	clear:both;
	display:block;
	text-transform:uppercase;
	font-size:.8em;
	opacity:0;
	transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.content{
	max-width:1100px;
	background:#1F2933;
}
a.darker{
	background:#0D1116;
}
a.darker .more{
	opacity:1;
}
.film img{
	display:block;
	width:67%;
	height:auto;
	float:left;
}
.about{
	width:30%;
	padding-left:2%;
	float:left;
	position:relative;
	padding-top:7%;
	transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.even{
	text-align:right;
}
.even img, .even .about{
	float:right;
}
.even .about{
	padding-left:0;
	padding-right:2%;
}

/*//////////////////////divs////////////////*/

@media screen and (max-width: 768px) {
	.film img{
		width:100%;
		float:none;
		margin:0;
	}
	.about{
		padding-top:2%;
		width:66%;
		padding-bottom:4%;
	}
}
.lt-ie8 .content, .lt-ie8	div.filmlayer iframe, .lt-ie8 div.filmlayer, .lt-ie8 div.filmlayer img{
	width:936px;
}