/* DEFAULT
------------------------------------ */

html,body{
	width:100%; height:100%;
	margin:0; padding:0;
}

body{
	font-family: Arial, Tahoma, Verdana;
	font-size:0.75em;
	
    scrollbar-arrow-color:#000; 
    scrollbar-track-color:#000; 
    scrollbar-face-color:#f16623; 
    scrollbar-highlight-color:#000; 
    scrollbar-3dlight-color:#000; 
    scrollbar-darkshadow-color:#000; 
    scrollbar-shadow-color:#000; 	
}

a:focus, a:active {
     outline: none;
}


p a,
li a{
	color:#eaeaea;
	text-decoration:underline;
}

.content p, 
.content li{
	color:#eaeaea;
	}

/* CUSTOM
------------------------------------ */

/* TOGGLE BUTTONS
------------------------------------ */

div.btn-left,
div.btn-right{
	position:absolute;z-index:40;
	left:50%; top:50%;
	margin-top:-16px;
}

div.btn-left{
	margin-left:-431px;
}


div.btn-right{
	margin-left:431px;
}


/* BACKGROUND IMAGE
------------------------------------ */
.background{
	position:absolute; 
	z-index:10;
}

/* DOTTED BACKGROUND IMAGE
------------------------------------ */
div.dotted{
	position:absolute; 
	z-index:20;
	width:100%; height:100%;
	background:url(img/bg_dotted.gif) repeat;
}

div.container{
	position:absolute; left:50%; top:50%;
	z-index: 30;
	margin-left:-335px;
	margin-top:-275px;
	width:670px;
	height:550px;
}

/* LOGO
------------------------------------ */
h1{
	margin:470px 0 0 0;
	padding:0;
	float:left;
}


/* HEADER
------------------------------------ */
div.header{
	float:right;
	width:476px;
	height:111px;
	background:#000;
	padding:20px;
}

div.header-with-image{
	height:18px !important;
	}


/* TITLE HEADER
------------------------------------ */
h2{
	color:#eaeaea;
	text-transform:uppercase;
	margin:0 0 10px 0; padding:0;
	font-weight:normal !important;
	font-size:50px;
	font-family: "Arial Narrow" !important;
}

/* SECUNDARY NAVIGATION
------------------------------------ */
div.nav-sec ul{
	margin:0; padding:0;
	position:relative; top:-10px;

}

div.nav-sec ul li{
	list-style-type:none;
	display:inline;
	color:#fff;
	text-transform:uppercase;
	display: table-cell;
	font-size:140%;
	float:left; /* MSIE */
	height:15px; line-height:15px;
}

div.nav-sec ul li a{
	color:#fff;
	text-decoration:none;
}

div.nav-sec ul li a img{
	background-repeat: no-repeat;
	background-position: left -15px;
	height:15px;
	border-style:none;
}

div.nav-sec ul li a:hover img,
div.nav-sec ul li.selected a img{
	background-position:top left;
}

div.nav-sec ul li.production a img{
	background-image: url(img/nav-sec/btn_production.gif);
	width: 104px;
}

div.nav-sec ul li.development a img{
	background-image: url(img/nav-sec/btn_development.gif);
	width: 120px;
}

div.nav-sec ul li.post-production a img{
	background-image: url(img/nav-sec/btn_postproduction.gif);
	width: 153px;
}

div.nav-sec ul li.documentaries a img{
	background-image: url(img/nav-sec/btn_documentaries.gif);
	width: 137px;
}

div.nav-sec ul li.features a img{
	background-image: url(img/nav-sec/btn_features.gif);
	width: 82px;
}

div.nav-sec ul li.shorts a img{
	background-image: url(img/nav-sec/btn_shorts.gif);
	width: 65px;
}

div.nav-sec ul li.synopsis a img{
	background-image: url(img/nav-sec/btn_synopsis.gif);
	sis.gif);
	width: 80px;
}

div.nav-sec ul li.trailer a img{
	background-image: url(img/nav-sec/btn_trailer.gif);
	width: 67px;
}

div.nav-sec ul li.moreinfo a img{
	background-image: url(img/nav-sec/btn_additionalinfo.gif);
	width: 139px;
}

div.nav-sec ul li a.selected{
	color:#f26624;
}

div.nav-sec ul li a:hover{
	color:#f26624;

}

div.nav-sec ul li span{
	padding:0 10px 0 10px;
}

/* 
------------------------------------ */
div.header-with-tert {
	height:108px !important;
}

div.nav-tert{
	padding:15px 0;
}

div.nav-tert ul{
	margin:0; padding:0;
	
}

div.nav-tert ul li{
	color:#fff;
	list-style-type:none;
	font-size:90%;
	line-height:13px;
	float:left;
	white-space:nowrap;
}

div.nav-tert ul li a{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

div.nav-tert ul li a:hover{
	color:#f16623;	
	}


div.nav-tert ul li span{
	padding: 0 10px;
	}
	


/* CONTENT
------------------------------------ */
div.content{
	float:right;
	color:#eaeaea;
	width:516px;
	height:317px;
	}

div.container div.content-with-image{
	height:370px !important; 
}

div.content-with-tert{
	height:320px !important;
}

div.content a{
	color:#eaeaea;
	}

/* CONTENT OPTIONS
------------------------------------ */
div.padding{
	width:476px !important;
	height:277px;
	padding:20px;
}

div.black{
	background:#000;
}

div.scroll{
	overflow:auto;
	overflow-x:hidden;
	overflow-y:scroll;
}


/*
 * overflow:hidden zorgt ervoor dat de
 * sIFR-headers in Firefox zichtbaar blijven tijdens
 * het scrollen
 */
div.noscroll{
	overflow:auto;
	overflow-x:hidden;

}

div.content p,
div.content li{
	font-size:100%;
	line-height:16px;
}

div.content p{
	margin:0 0 10px 0;
	padding:0;
}

/* CONTENT TITLES
------------------------------------ */
h3{
	color:#eaeaea;
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:0;
	font-size:300%;
	font-weight:normal;
	height:24px;
	line-height:24px;
}

/* NEWS TITLES
------------------------------------ */
h4{
	color:#eaeaea;
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:0;
	font-size:220%;
	font-weight:normal;
}

/* GREEN TITLES
------------------------------------ */
h5{
	font-size:100%;
	margin:0; padding:0;
	color:#f16623;
}


/* NEWS
------------------------------------ */
div.news-item{
	background-color:#000;
	border:20px solid #000;
	min-height:120px;
}

img.news-img{
	float:left;
	margin:0 10px 0 0;
}

/* OUR WORK INDEX
------------------------------------ */
div.hscroll{
	overflow:auto;
	overflow-y:hidden
}

ul.our-work {
	height:293px;
}
ul.our-work li {
	float:left;
	list-style-type:none;
	width:205px;
	display:block;
	margin-right:36px;
}

ul.our-work li.last {
	margin-right:0px;
}

ul.our-work li img {
	border:0px !important;
	width:205px;
	height:293px;
}
ul.our-work li a{
	width:205px;
	height:293px;
	display:block;
}


/* PROJECT DETAILS
------------------------------------ */


ul.project-view {
	height:300px !important;
	padding:0px;margin:0px;
	width:1488px; /* 3x476 + 3x20 */
}
ul.project-view li.tab {
	float:left;
	list-style-type:none;
	display:block;
	overflow:auto;	
	height:300px !important;
	padding:0;
	margin-right:20px;
	width:476px !important; /* was 478px*/
}

ul.project-view li.lasttab {
	margin-right:0px;
}


/* CAST & CREW
------------------------------------ */
div.cast-crew ul{
	margin:0; padding:0;
}

div.cast-crew ul li{
	list-style-type:none;
	float:left; 
	padding:0 6px 0 0;
	white-space:nowrap;
}

div.cast-crew ul li label{
	text-transform:uppercase;
	white-space:nowrap;
}

div.cast-crew ul li span{
	color:#f16624;
	white-space:nowrap;
}

div.cast-crew ul li a{
	color:#f16624;
	text-decoration:underline;
}


/* CAST & CREW
------------------------------------ */
div.director-info span{
	color:#f16624;
}
div.director-info img{
	width:137px;
	height:137px;
	padding:0px 28px 28px 0px;
}
	
/* PARTNERS
------------------------------------ */
div.partners{
	margin-top:2px;
}

div.partners ul{
	margin:0; padding:0;
}

div.partners ul li{
	list-style-type:none;
	width:72px; height:71px;
	display:inline;
	float:left; /* MSIE */
	margin:0 2px 2px 0;
	background:#000;
	color:#fff;
	text-align:center;
	height:72px; line-height:72px;
}

div.partners ul li.last{
	margin-right: 0 !important;
}


div.partners ul li img{
	width:60px; height:60px;
	margin-top:6px;
	}

li.footer{
	width:516px !important;
	height:42px !important;
	line-height:42px !important;
}

/* FOOTER
------------------------------------ */

div.footer{
	float:right;
	position:relative !important;
	overflow:hidden;
	width:516px;
	height:81px;
	background:#000;
	margin:2px 0 0 0;
}

/* PRIMARY NAVIGATION
------------------------------------ */
div.footer ul{
	margin:10px 0 0 11px; padding:0;
	width:546px;
}

div.footer ul li{
	display:inline;
	float:left; /* MSIE */
	font-size:95%;
	height:12px; line-height:12px;
}

div.footer ul li a{
	padding-left:10px;
}

div.footer ul li a img{
	background-repeat: no-repeat;
	background-position: left -12px;
	height:12px;
	border-style:none;
}



div.footer ul li a:hover img,
div.footer ul li.selected a img{
	background-position:left top  !important;
}

div.footer ul li.selected ul li a img,
div.footer ul li.selected ul a:hover img{
	background-position: left -9px !important;
}

div.footer ul ul li a img{
	background-position: left -18px;
	height:9px;
}

div.footer ul li ul li:hover a img{
	background-position: left -9px !important;
}

div.footer ul li ul li.selected a img{
	background-position: top left !important;
}




div.footer ul li.home a img{
	background-image: url(img/nav-prim/btn_home.gif);
	width: 31px;
}

div.footer ul li.news a img{
	background-image: url(img/nav-prim/btn_home.gif);
	width: 31px;
}

div.footer ul li.current-affairs a img{
	background-image: url(img/nav-prim/btn_currentaffairs.gif);
	width: 97px;
}

	div.footer ul li.development a img{
		background-image: url(img/nav-prim/btn_development.gif);
		width: 66px;
	}

	div.footer ul li.production a img{
		background-image: url(img/nav-prim/btn_production.gif);
		width: 57px;
	}

	div.footer ul li.post-production a img{
		background-image: url(img/nav-prim/btn_post_production.gif);
		width: 83px;
	}

div.footer ul li.home{
	width:40px;
	}

div.footer ul li.news{
	
	}

div.footer ul li.current-affairs{
	
	}

div.footer ul li.our-work{
	width:70px;
	}

div.footer ul li.partners{
	
	}

div.footer ul li.contact-us{
	width:70px !important;
	}


div.footer ul li.our-work a img{
	background-image: url(img/nav-prim/btn_ourwork.gif);
	width: 57px;
}

	div.footer ul li.documentaries a img{
		background-image: url(img/nav-prim/btn_documentaries.gif);
		width: 75px;
	}
	div.footer ul li.features a img{
		background-image: url(img/nav-prim/btn_features.gif);
		width: 45px;
	}
	div.footer ul li.shorts a img{
		background-image: url(img/nav-prim/btn_shorts.gif);
		width: 45px;
	}

div.footer ul li.partners a img{
	background-image: url(img/nav-prim/btn_partners.gif);
	width: 57px;
}

div.footer ul li.contact-us a img{
	background-image: url(img/nav-prim/btn_contact.gif);
	width: 77px;
}

div.footer ul li.company a img{
	background-image: url(img/nav-prim/btn_company.gif);
	width: 77px;
}

div.footer ul li.people a img{
	background-image: url(img/nav-prim/btn_people.gif);
	width: 77px;
}



div.footer ul li span{
	padding:0 0 0 10px;
	color:#fff;
}

div.footer ul li.selected a.selected{
	color:#f16623;
}

div.footer ul li.selected a{
	background-image:none !important;
}

div.footer ul li.selected li a{
	color:#fff !important;

}

div.footer ul li.selected li a:hover{
	color:#f16623 !important;
}

div.footer ul li li a{
	color:#1d1d1d;
	background:url(img/dot_grey.jpg) 2px 1px no-repeat;	
}

div.footer ul li li a:hover,
div.footer ul li li.selected a{
	background:url(img/dot_orange.jpg) 2px 1px no-repeat !important;	
}

div.footer ul li a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}


div.footer ul li a:hover{
	color:#f16623;
}



div.footer ul li ul{
	margin-top:5px !important;
	position:relative; left:-10px;
}



div.footer ul ul{
	width:100px;
}

.flash-content{
	float:right !important;
	width:516px !important;
	height:468px !important;
	background-color:#000 !important;
}
	
/* twitter */	

#twitter_update_list{
	margin:0; padding:0;
}

#twitter_update_list li {
	list-style-type: none;
}

#twitter_update_list li span{
	display:block;
	margin:0 0 10px 0;
}

/* page controls */

#page-controls{
	position:absolute;				
	top:-30px; left:590px;
	z-index:900;
	width:100px;
}
#page-controls li{
	display:inline;
	margin:0 5px 0 0;
}

#page-controls li img{
	width:16px !important;
	height:11px !important;
}