/* ################################################## */
/*  Made by: studiobernisse.nl               */
/* ################################################## */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0; }
.center { width: 985px; margin: 0 auto; position: relative; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; height: 220px; background: url(../images/header_bg.png) repeat-x; }
	#headerCntr a.logo { position: absolute; top: 28px; left: 0; display: block; width: 438px; height: 88px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
	#headerCntrabout { position: relative; width: 100%; height: 196px; background: url(../images/header_bg.png) repeat-x; }
	#headerCntrabout a.logo { position: absolute; top: 28px; left: 0; display: block; width: 438px; height: 88px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### social box ### */
		.socialBox { position: absolute; top: 74px; right: 0px; }
		.socialBox ul { list-style: none; overflow: hidden; }
		.socialBox li { float: left; margin-left: 9px; }
		
		/* ### menu box ### */
		.menuBox { position: absolute; top: 156px; left: 6px; }
		.menuBox ul { list-style: none; }
		.menuBox li { float: left; padding: 0 30px 18px 17px; font-family: 'EurostileRegular'; background: url('../images/bullet1.png') no-repeat right 8px; font-size: 20px; position: relative; }
		.menuBox li a { color: #fff; text-decoration: none; }
		.menuBox li a:hover, .menuBox li:hover > a { color: #000; } 
		.menuBox li.first { padding-left: 0; }
		.menuBox li.last { background: none; }
		.menuBox li ul { position: absolute; top: 38px; left: 0; width: 157px; background: #74a909; padding: 8px 0; display: none; }
		.menuBox li li { padding: 0 0 0 20px; background: none; float: none; line-height: 25px; }
		.menuBox li:hover ul { display: block; }
	
	/* ### banner container ### */
	#bannerCntr { background: url(../images/banner_bg1.png) repeat-x; width: 100%; }
	#bannerCntr .center { width: 985px; height: 425px; background: url('../images/banner_bg.png') no-repeat; overflow: hidden; }
	#bannerCntr .text { float: left; padding: 44px 0 0 4px; margin-right: 14px; }
	#bannerCntr h3 { color: #666; font-size: 29px; line-height: 34px; padding-bottom: 16px; font-weight: normal; font-family: 'EurostileRegular'; }
	#bannerCntr p { color: #72a212; font-size: 15px; font-family: 'EurostileRegular'; font-style: italic; }
	#bannerCntr p a { color: #72a212; text-decoration: none; }
	#bannerCntr p a:hover { color: #000; }
	#bannerCntr img { float: left; }
	
	/* ### welcome container ### */
	#welcomeCntr { overflow: hidden; padding-bottom: 28px; background: #fff url(../images/welcome_bg.png) repeat-x 0 bottom; min-height: 250px; }
	
		/* ### welcome box ### */
		.welcomeBox { width: 432px; float: left; margin: 0 0 0 5px; }
		.welcomeBox h3 { color: #333; font-size: 26px; font-weight: normal; font-family: 'EurostileRegular'; padding-bottom: 18px; }
		.welcomeBox p { color: #666; line-height: 25px; text-align: justify; }
		.welcomeBox p a { color: #76ac09; text-decoration: none; }
		.welcomeBox p a:hover { color: #000; }
		
				/* ### about box ### */
		.aboutBox { width: 970px; float: left; margin: 0 0 0 5px; }
		.aboutBox h3 { color: #333; font-size: 26px; font-weight: normal; font-family: 'EurostileRegular'; padding: 20px 0 18px 0; }
		.aboutBox p { color: #666; line-height: 20px; text-align: justify; padding-bottom: 15px;}
		.aboutBox p a { color: #76ac09; text-decoration: none; }
		.aboutBox p a:hover { color: #000; }
		
		/* ### check box ### */
		.checkBox { float: right; }
		.checkBox h3 { color: #333; font-size: 26px; padding: 0 0 20px 7px; font-weight: normal; font-family: 'EurostileRegular'; }
		.checkBox ul { list-style: none; overflow: hidden; }
		.checkBox li { float: left; margin-left: 9px; position: relative; background: url('../images/check_bg.png') no-repeat; width: 137px; height: 79px; padding: 12px 0 0 20px; }
		.checkBox h4 { color: #333; font-size: 22px; line-height: 20px; font-weight: normal; font-family: 'EurostileRegular'; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; } 
		.checkBox img { position: absolute; top: 17px; right: 18px; }
	
	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 100%; }

		
		/* ### mixes container ### */
		#mixesCntr { overflow: hidden; padding: 25px 0 35px 0; }
		
			/* ### mixes box ### */
			.mixesBox { float: left; padding-left: 6px; overflow: hidden; }
			.mixesBox h3 { color: #333; font-size: 26px; font-weight: normal; font-family: 'EurostileRegular'; padding-bottom: 15px; }
			.mixesBox ul { list-style: none; overflow: hidden; }
			.mixesBox li { float: left; margin-right: 17px; background: url('../images/mixes_bg.png') no-repeat; width: 173px; height: 177px; position: relative; padding: 20px 0 0 20px; }
			.mixesBox img.big { border: 1px solid #a0a0a0; margin-bottom: 10px; }
			.mixesBox p { color: #333; font-size: 20px; line-height: 20px; font-family: 'EurostileRegular'; }
			.mixesBox p small { font-size: 14px; }
			.mixesBox img.link { position: absolute; top: 127px; right: 15px; }
			
			/* ### video box ### */
			.videoBox { float: right; }
			.videoBox h3 { color: #669900; font-size: 26px; font-weight: normal; font-family: 'EurostileRegular'; padding-bottom: 17px; }
		
	/* ### footer container ### */
	#footerCntr { width: 100%; background: url('../images/footer_bg.png') repeat-x; }
	#footerCntr .inner { width: 985px; margin: 0 auto; height: 304px; padding-top: 32px; overflow: hidden; }
	#footerCntr h3 { color: #fff; font-size: 26px; font-weight: normal; font-family: 'EurostileRegular'; }
	#footerCntr .twitter { float: left; width: 261px; margin-right: 72px; }
	#footerCntr .text { background: url('../images/text_bg.png') no-repeat; width: 240px; height: 154px; margin-top: 5px; overflow: hidden; padding: 38px 0 0 21px; }
	#footerCntr .text p { color: #333; line-height: 18px; padding-bottom: 9px; }
	#footerCntr .text p a { color: #333; }
	#footerCntr .text p a:hover { text-decoration: none; }
	#footerCntr .text a.link { float: right; padding-right: 15px; color: #669900; }
	#footerCntr .text a.link:hover { text-decoration: none; }
	#footerCntr .info { width: 344px; float: left; }
	#footerCntr address { color: #fff; line-height: 20px; font-style: normal; padding-top: 18px; }
	#footerCntr address a { color: #fff; }
	#footerCntr address a:hover { text-decoration: none; }
	#footerCntr .contact { float: left; width: 306px; }
	#footerCntr fieldset { border: 0; padding-top: 22px; }
	#footerCntr .contact p { overflow: hidden; margin-bottom: 5px; }
	#footerCntr label { float: left; width: 61px; float: left; line-height: 31px; color: #f1f1f1; font-family: 'EurostileRegular'; font-size: 20px; }
	#footerCntr input.field { border: 0; background: url('../images/field.png') no-repeat; width: 214px; height: 31px; line-height: 31px; margin-right: 9px; float: left; color: #000; padding: 0 10px; }
	#footerCntr textarea { border: 0; background: url('../images/textarea.png') no-repeat; width: 285px; height: 89px; padding: 5px 10px; color: #000; }
	#footerCntr input.button { border: 0; background: url('../images/button1.png') no-repeat; width: 61px; height: 27px; cursor: pointer; color: #f1f1f1; font-size: 20px; font-family: 'EurostileRegular'; }
	
div#tweets{
	margin: 0;
	padding-right: 20px;
	overflow: hidden;
	height: auto;
}

p.tweet{
	padding: 1px 0 8px 0;
	border-bottom: 1px solid #ccc;
	line-height: 11px;
}

		/***************************************************************** 
lightbox
*****************************************************************/ 

#lightbox{
	background-color:#eee;
	padding: 10px;
	border: 1px solid #666;
	
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}