@charset "UTF-8";
@font-face {
	font-family: 'Rockwell';
	src: url('fonts/rockwell-webfont.eot');
    src: url('fonts/rockwell-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/Rockwell.woff') format('woff'), 
	     url('fonts/Rockwell.ttf')  format('truetype'),
	     url('fonts/rockwell-webfont.svg#RockwellBold') format('svg');
	font-style: normal;
	font-weight: normal;
	}
	
	@font-face {
    font-family: 'RockwellRegular';
    src: url('fonts/rockwell-plain.eot');
    src: url('fonts/rockwell-plain.eot?#iefix') format('embedded-opentype'),
         url('fonts/rockwell-plain.woff') format('woff'),
         url('fonts/rockwell-plain.ttf') format('truetype'),
         url('fonts/rockwell-plain.svg#RockwellPlain') format('svg');
    font-weight: normal;
    font-style: normal;

}

#close {
visibility:hidden;
	background-repeat: no-repeat;
	float: none;
	top: -5px;
	right: -5px;
	width:25px;
	clear: both;
	height: 25px;
	position: absolute;
}

.video {
width:640px;
height:360px;	
}

html{
}

body {
	background-color: #000;
}


div.wrapper{  
    position:relative; /* important(so we can absolutely position the description div */  
	float:left;
	overflow:hidden;
	width:200px;
	height:137px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 17px;
}  
#movies table ul li{  
	float:left;
	margin-right:15px;
}  

#movies table ul{  
	width:100%;
}

div.description{  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottombottom:0px; /* position will be on bottom */  
    left:0px;  
    display:none; /* hide it */  
    /* styling bellow */ 
    background-color:black;  
    color:white;  
}  
div.description_content{  
padding-left:10px;
margin-top:-180px;
display:block;
}

.morefilms{
/*	float:left;
*/	position:relative;
	overflow:hidden;
	width:120px;
	height:90px;
	margin-left: 50px;
	margin-top: 40px;
}
h5{
	line-height:350px;
	color:#fff;
	font-weight: normal;
	font-family: Rockwell, "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	display:block;
}
h4{
	line-height:160%;
	color:#fff;
	font-weight: normal;
	font-family: Rockwell, "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	padding:10px;
}
	
ul li {
	font-family: Rockwell, Arial Black, Gadget, sans-serif;
	text-decoration: none;
	font-size: 100px;
	line-height:90px;
	color: #FFF;
	font-style: normal;
	list-style-type: none;
	margin-left: -20px;
	display:block;
}

ul li a {
	text-decoration: none;
	color: #FFF;
}

ul li a:hover {
	color: #06F;
	font-family: Rockwell, "Arial Black", Gadget, sans-serif;
}

ul li td a:hover {
	color: #06F;
	font-family: RockwellRegular, Arial, Gadget, sans-serif;
}

#container {
	position: absolute;
	width: 100%;
	bottom: 0px;
	overflow: hidden;
	height: 500px;
	margin-left: 70px;
}

#container_otherstuff {
	position: absolute;
	width: 100%;
	top:20%;
	overflow: hidden;
	height: 500px;
/*	margin-left: 25px;
*/}

#container_otherstuff #movies {
	position: relative;
width:800px;
	left: auto;
	right: auto;
	margin-right: auto;
	margin-left: auto;	
}


#movies {
	position: relative;
	width: 1000px;
	left: 0px;
	right: auto;
	margin-right: auto;
	margin-left: auto;
}


#film {
	position: relative;
	top: 100px;
	width: 640px;
	height: 360px;
	margin-left: auto;
	margin-right: auto;
	left: auto;
	right: auto;
	z-index:1;
	border: thin solid #FFF;
}
#meny_directors-2 ul li {
	font-size: 40px;
	line-height:45px;
}

#meny_directors ul li {
	font-size: 40px;
	line-height: 45px;
	float: left;
	width: 350px;
}

#cantactstext ul li.text {
	clear:both;
	font-size: 50px;
	line-height:60px;
	font-family: RockwellRegular, Arial, Gadget, sans-serif;
	padding-top:40px;
}

#cantactstext ul li.adress {
	float:left;
	font-size: 14px;
	line-height: 18px;
	font-family: RockwellRegular, Arial, Gadget, sans-serif;
	width:200px;
	margin-right:20px;
}

#logo {
	position: fixed;
	left: 682px;
	width: 309px;
	height: 74px;
	bottom: 51px;
}

#directors_bio {
	position:absolute;
	left:750px;
	top:-150px;
	width:258px;
	height:37px;
	z-index:1;
}

#directors_bio a {
font-size: 16px;
	line-height: 18px;
	font-family: RockwellRegular, Arial, Gadget, sans-serif;
	color: #FFF;
}

#directors_bio a:hover{
	color: #06F;
}


#meny {
	position: fixed;
	left: -880px;
	bottom: 50px;
	z-index: 2;
	height: 297px;
	width: 600px;
}

#directorsname {
	position:fixed;
	left:-800px;
	bottom:40px;
	z-index:2;
	height: 107px;
	width:880px;
	font-family: Rockwell, Arial Black, Gadget, sans-serif;
	font-size: 80px;
	line-height:90px;
	color: #FFF;
	font-style: normal;
}

#cantactstext {
	position:fixed;
	left:-800px;
	bottom:60px;
	z-index:2;
	height: 440px;
	width:899px;
}
#meny_directors-2 {
	position: absolute;
	left: -800px;
	z-index: 2;
	height: 347px;
	width: 600px;
	top: 136px;
}
#meny_directors {
	position: absolute;
	left: -800px;
	z-index: 2;
	height: 497px;
	width: 800px;
	top: 136px;
}

#meny_otherstuff {
	position: fixed;
	left: -800px;
	bottom: 20px;
	z-index: 2;
	height: 437px;
	width: 880px;
}

#backtomenu {
	position:absolute;
	left:40px;
	top:-130px;
	width:149px;
	height:79px;
	z-index:2;
}

#apDiv1 {
	position: absolute;
	left: 762px;
	top: 142px;
	width: 111px;
	height: 71px;
	z-index: 3;
}
#text-whatwedo {
	top: 370px;
	left: 60px;
	width: 1000px;
	position: relative;
	color: #FFF;
	font-size: 30px;
	line-height: 30px;
	font-family: RockwellRegular, Arial, Gadget, sans-serif;
}