/* 

Author: Harm @ http://harm.glucose-ontwerp.nl
Date: 2009-10-20

*/

/* @group Structure */
.container			{ margin: 0 auto; width: 980px; padding: 0 0 50px 0; text-align: center; font-family: Helvetica, Arial, Sans-serif; color: #fff; }
/* @end */


/* @group Header */
html, body 			{ background-color: #000; } 
h1 a 				{ position: fixed; right: 20px; bottom: 20px; width: 115px; height: 40px; background: url(../images/general/logo-bonkers.png) right bottom no-repeat; }

/* @end */


/* @group Navigation */
.navigation 		{ margin: 50px auto; width: 605px; height: 22px; background: url(../images/buttons/mainnav.png) 0 0 no-repeat; }
.navigation li		{ float: left; display: inline; }
.navigation a 		{ background: url(../images/buttons/mainnav.png); margin: 0 11px 0 0; }
	
	.nav_back a 				{ width: 136px; height: 22px; background-position: 0 0; }
	.nav_back a:hover,
	.nav_back .active			{ background-position: 0 -22px; }
	
	.nav_directors a			{ width: 120px; height: 22px; background-position: -147px 0; } 
	.nav_directors a:hover,
	.nav_directors .active		{ background-position: -147px -22px; }
	
	.nav_foreign a				{ width: 91px; height: 22px; background-position: -278px 0; }
	.nav_foreign a:hover,
	.nav_foreign .active		{ background-position: -278px -22px; }
	
	.nav_client a				{ width: 80px; height: 22px; background-position: -380px 0; }
	.nav_client a:hover,
	.nav_client .active		{ background-position: -380px -22px; }
	
	.nav_playground a			{ width: 73px; height: 22px; background-position: -471px 0; }
	.nav_playground a:hover,
	.nav_playground .active 	{ background-position: -471px -22px; }		
	
	
	.nav_contact a				{ width: 50px; height: 22px; margin: 0 0 0 0; background-position: -555px 0; }
	.nav_contact a:hover,
	.nav_contact .active		{ background-position: -555px -22px; }

.welcome 			{ position: absolute; left: 50%; top: 50%; margin: -57px 0 0 -162px; width: 325px; height: 115px; }	
	
/* @end */

/* @group Home */
.home 				{ position: absolute; left: 50%; top: 50%; width: 480px; height: 290px; text-align: center; margin: -145px 0 0 -240px; }
	.home li		{ margin: 0 0 35px 0; }
	.home li a:hover	{ background-position: 0 -25px; }

.btn_directors a		{ width: 414px; height: 25px; margin: 0 auto; background: url(../images/buttons/directors.png); }
.btn_foreign a			{ width: 460px; height: 25px; margin: 0 auto; background: url(../images/buttons/foreign.png); }
.btn_client a			{ width: 255px; height: 25px; margin: 0 auto; background: url(../images/buttons/client.png); }
.btn_playground a		{ width: 360px; height: 25px; margin: 0 auto; background: url(../images/buttons/playground.png); }
.btn_contact a			{ width: 155px; height: 25px; margin: 0 auto; background: url(../images/buttons/contact.png); }
	
/* @end */

/* @group Content */
.items,
.list-foreignaffairs		{ text-align: center; margin: 30px auto 0 auto; }
.list-liasons				{ margin: 50px 0 0 0; }
	.items li,
	.list-foreignaffairs li,
	.list-liasons li		{ margin: 0 0 15px 0; }
	.items a,
	.list-foreignaffairs p a  { text-align: center; font-size: 30px; text-decoration: none; color: #000; cursor: pointer; }
	
	.fa-thumb img			{ margin: 12px 0 8px 0; }
	
	.list-liasons			{ text-align: center; }
	.btn_irene a			{ width: 95px; height: 40px; margin: 0 auto; background: url(../images/buttons/irene.png); }
	.btn_75 a				{ width: 135px; height: 40px; margin: 0 auto;  background: url(../images/buttons/75.png); }
	.btn_elnino a			{ width: 120px; height: 49px; margin: 0 auto; background: url(../images/buttons/elnino.png); }
	
	.contact-directors		{ width: 325px; height: 70px; margin: 15px auto 0 auto; background: url(../images/buttons/contact-directors.png); }
	
	.urban					{ width: 275px; height: 20px; margin: 75px auto 0 auto; background: url(../images/buttons/urban-amsterdam.png); }
	a.urban:hover			{ background-position: 0 -20px; }
	
	.h_urbanamsterdam		{ width: 250px; height: 20px; margin: 0 auto; background: url(../images/general/h_urbanamsterdam.png); }
	h3						{ margin: 15px 0 5px 0; font-size: 20px; }
	.list-urban				{ padding: 0 0 15px 0; }
	.list-urban	a			{ font-family: Times, Georgia, serif; font-size: 13px; line-height: 1.4em; color: #fff; text-decoration: underline; }
	.list-urban a:hover		{ color: #999; }
	.treatment				{ text-align: center; }
	.treatment li			{ display: inline; float: none; width: 200px; }
	
	.contact 				{ font-family: "futuraStd-Light", futura, Helvetica, Arial, sans-serif; text-align: center; font-size: 14px; text-transform: uppercase; line-height: 1.4em; }
		.contact a			{ text-decoration: underline; color: #fff; text-transform: none;  }
		.contact a:hover	{ color: #999; text-transform: none; }
/* @end */

/* @group Director */
.about-director 	{ margin: 0px 0 45px 0; font-size: 15px; color: #000; }
.movie-description	{ margin: 15px 0 0 0; font-size: 15px; color: #000; }			

.list-of-videos 		{ position: relative; left: 6px; margin: 0 auto; width: 824px; overflow: auto; }
.list-of-videos li 		{ float: left;display: inline;margin: 0 6px 6px 0; }
		
		#shortlist-1		{ width: 206px; }
		#shortlist-2 		{ width: 412px; }
		#shortlist-3		{ width: 618px; }
		
		#youtube 		{ width: 770px; }
		#youtube li 	{ margin: 0 7px 7px 0; }
		#youtube li a 	{ width: 120px;height: 90px;}
		
		.list-of-videos li a {
			width: 200px;
			height: 111px;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; 
			filter: alpha(opacity=35);
			-moz-opacity: 0.35;
			opacity: 0.35;
		}
			.list-of-videos li a:hover {
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
				filter: alpha(opacity=100);
				-moz-opacity: 1.0;
				opacity: 1.0;
			}

	.reel 	{ position: absolute; right: 75px; top: 604px; font-size: 20px; color: #000; text-decoration: none; }
	.reel a	{ color: #000; }
	.noflash	{ font-size: 16px; padding: 15px 0;  }
	.noflash a	{ color: #d7073a; text-decoration: underline; }	
		 	
/* @end */

/* @group Playground */
.list-playground			{ text-align: center; }
	.list-playground li			{ margin: 0 auto 15px auto; }
	.btn_wannatell a		{ width:137px; height: 21px; margin: 30px auto 0 auto; background: url(../images/buttons/wannatellus.png); }
	.btn_wannatell a:hover	{ background-position: 0 -21px; }
/* @end */

/* @group Contact */
.address 			{ width: 125px; height: 85px; margin: 0 auto; background: url(../images/general/address.png); }
.btn_email a		{ width: 94px; height: 40px; margin: 65px auto 0 auto; background: url(../images/general/email.png); }
.btn_email a:hover 	{ background-position: 0 -40px; }
.phone					{ width: 120px; height: 40px; margin: 22px auto 0 auto; background: url(../images/general/phonefax.png); }
/* @end */


/* @group Form */
.frm_login				{ margin: 75px auto; width: 250px; }
.frm_login	li				{ width: 250px; margin: 0 0 5px 0; }
	.lbl_username			{ float: left; display: inline; width: 72px; height: 18px; background: url(../images/general/lbl_username.png); }		
	.lbl_password			{ float: left; display: inline; width: 72px; height: 18px; background: url(../images/general/lbl_password.png); }
	.txt_input				{ height: 16px; padding: 1px 5px; width: 168px; border: 0; border-bottom: 1px solid #000; color: #fff; background: #000; }
	.btn_login,
	.btn_subscribe			{ float: left; margin: 5px 0 0 0; }

.optin 				{ margin: 40px 0 0 0; }
.optin p			{ width: 200px; height: 25px; margin: 0 auto; background: url(../images/general/optin.png); }
.frm_optin			{ width: 350px; margin: 10px auto; }
.frm_optin label		{ width: 95px; height: 18px; background: url(../images/general/lbl_emailaddress.png); float: left; display: inline; }
.frm_optin .txt_input 	{ width: 240px; border: 0; border-bottom: 1px solid #000; }
/* @end */

/* @group Viewingroom */
.h_viewingroom				{ font-size: 25px; margin: 0 0 40px 0; }
.intro_viewingroom			{ font-size: 24px; margin: 0 0 40px 0; }
.list_viewingroom li		{ font-size: 20px; display: block; margin: 0 0 40px 0;}
.title-media				{ font-size: 20px; margin: 0 0 45px 0; color: }

.h_viewingroom,
.intro_viewingroom,
.list_viewingroom a,
.title-media				{ color: #000; }



/* @end */

/* @group Misc */
h1 a,
.welcome,
.home a,
.navigation a,
.list-liasons a,
.contact-directors,
.urban,
.btn_wannatell a,
label,
.list-of-videos li a,
.pager a,
.list-contact a,
.h_urbanamsterdam,
.optin p,
.optin label			{ text-indent: -9999px; overflow: hidden; display: block; }

/* @end */


/* sIFR - These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}