body{
	background:url(../images/bodyBg.jpg) center repeat-y #000;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	}

#container{
	width:1002px;
	margin:0 auto;
}

h1{
	background:url(../images/logo.png) no-repeat;
	text-indent:-9999px;
	width:231px;
	height:120px;
	display:block;
	float:left;
	margin-top:14px;
}

h1 a{
	width:231px;
	height:120px;
	display:block;
}

a{
	color:#000;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a.green-link{
	color:#98c756;
}

hr.gray-divider{
	height:1px;
	width:100%;
	float:left;
	color:#484848;
	background:#484848;
	border:none;
	margin-top:15px;
	clear:both;
}

a.right-arrow{
	float:right;
	color:#98c756;
	padding-right:5px;
	line-height:10px;
	margin-top:0px;
}

a.right-arrow2{
	float:right;
	color:#98c756;
	padding-right:40px;
	line-height:10px;
	margin-top:5px;
}

#content h3.orange-headline, h3.orange-headline{
	color:#f6b835;
	font:normal 18px/21px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
	font-weight:100;
	margin:25px 0 0 20px;
	width:100%;
}

h5{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#f6b835;
	margin:0;
}



/*********************************				HOME HEADER				**************************************/
/*************************************************************************************************************/


#home-header{
	background:url(../images/homeHdr.jpg) no-repeat #000;
	width:1002px;
	height:430px;
	margin:0;
	margin-top:-15px;
}

#home-header h2{
	text-indent:-9999px;
}

#home-header p{
	width:470px;
	float:right;
	font:normal 18px/24px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
	font-weight:100;
	letter-spacing:.02em;
	margin:104px 0 0 0;
}

#home-header a#learn-how{
	background:url(../images/learnHow_btn.jpg) top left no-repeat;
	width:219px;
	height:57px;
	text-indent:-9999px;
	display:block;
	float:right;
	clear:both;
	margin:30px 0 0 0;
}

#home-header a#learn-how:hover{
	background-position:right;
}



/*********************************				 HEADER				******************************************/
/*************************************************************************************************************/

#header{
	width:1002px;
	height:113px;
	background:url(../images/headerShadow_Bg.gif) bottom no-repeat #000;
}



/*********************************				NAVIGATION				**************************************/
/*************************************************************************************************************/


#navigation ul{
	margin-top:20px;
	float:right;
}

#navigation ul li{
	display:inline;
	text-indent:-9999px;
	float:left;
	height:55px;
}

#navigation ul li a{
	width:100%;
	height:100%;
	display:block;
}


#navigation ul li#wiezijnwij{
	background:url(../images/whoWeAre_Nav.jpg) top no-repeat;
	width:158px;
}

#navigation ul li#watdoenwij{
	background:url(../images/whatWeDo_Nav.jpg) top no-repeat;
	width:158px;
}

#navigation ul li#contactons{
	background:url(../images/contactUs_Nav.jpg) top no-repeat;
	width:158px;
}


#navigation ul li#wiezijnwij:hover{
	background:url(../images/whoWeAre_Nav.jpg) bottom no-repeat;
	width:158px;
}

#navigation ul li#watdoenwij:hover{
	background:url(../images/whatWeDo_Nav.jpg) bottom no-repeat;
	width:158px;
}

#navigation ul li#contactons:hover{
	background:url(../images/contactUs_Nav.jpg) bottom no-repeat;
	width:158px;
}



/*********************************				SUBPAGE LAYOUT					******************************/
/*************************************************************************************************************/


#content{
	width:902px;
	float:left;
	margin-left:50px;
	right:50px;
	margin-top:-30px;
}

#content h3{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:5px 0 0 0;
}

#content p{
	font:normal 14px/21px Arial, Helvetica, sans-serif;
	color:#b7b7b7;
	margin:20px 0 40px 0;
}

#left-col{
	width:592px;
	float:left;
}

#left-col p{
	margin-bottom:20px;
}

#right-col{
	width:283px;
	float:right;
	position:relative;
}



/*********************************				SUBPAGE HEADLINES				******************************/
/*************************************************************************************************************/


#content h2{
	height:31px;
	text-indent:-9999px;
	margin-top:40px;
}




/*********************************				SERVICES						******************************/
/*************************************************************************************************************/



a#contact-map{
	background:url(../images/map.jpg) no-repeat;
	width:282px;
	height:178px;
	text-indent:-9999px;
	display:block;
	float:left;
	margin:20px 0;
}

#content p.contact{
	margin:10px 0;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#fff;
}

#content p.contact a{
	color:#fff;
	font-weight:bold;
}

#contactform{
	float:left;
	width:592px;
}

#contactform label{
	float:left;
	padding-top:20px;
	width:281px;
	height:19px;
}

#contactform label.right{
	float:right;
}

label span.required{
	color:#f6b835;
}

#contactform input{
	background:url(../images/contactInput_Bg.gif) no-repeat;
	width:274px;
	height:29px;
	font:normal 14px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:10px 0 0 7px;
	border:none;
	float:left;
}

#contactform input:focus, #contactform textarea:focus{
	outline:none;
	border:none;
}

#contactform input#contact_company, #contactform input#contact_phone{
	float:right;
}

#contactform textarea{
	background:url(../images/textarea_Bg.gif) no-repeat;
	width:585px;
	height:101px;
	float:left;
	border:none;
	font:normal 14px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:10px 0 0 7px;
}

#contactform input#contact-submit{
	background:url(../images/sendMessageBtn_Bg.jpg) no-repeat;
	width:126px;
	height:29px;
	float:right;
	font-size:0;
	line-height:0;
	margin-top:20px;
	cursor:pointer;
}




	
/*********************************				FEATURED WORK BOX				******************************/
/*************************************************************************************************************/


#featured-work{
	width:658px;
	height:263px;
	float:left;
	background:url(../images/featWork_Bg.jpg) bottom no-repeat;
	margin-top:30px;
}

#featured-work h2{
	background:url(../images/featWork_Hdr.jpg) no-repeat;
	width:177px;
	height:25px;
	margin-top:-5px;
	text-indent:-9999px;
}

#featured-work #featWorkWindow{
	overflow:hidden;
	width:436px;
	height:223px;
	margin:3px 0 0 1px;
	float:left;
	position:relative;
}

#featured-work #featWorkWindow div{
	width:436px;
	height:223px;
	position:absolute;
	display:block;
}

#featured-work #featWork-info{
	float:left;
	width:180px;
	margin:32px 20px 0 20px;
}

#featured-work #featWork-info h3{
	color:#98c756;
	font:normal 18px/21px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
	font-weight:100;
	margin-top:-19px;
}

#featured-work #featWork-info p{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#e2e2e2;
}

#featured-work #featWork-info ul{
	margin:5px 0 0 -41px;
	}

#featured-work #featWork-info ul li{
	padding-left:25px;
	font:normal 11px/28px Arial, Helvetica, sans-serif;
	color:#e2e2e2;
	list-style:none;
}

#featured-work #featWork-info ul li.cdr{
	background:url(../images/cdr.png) left center no-repeat;
	}

#featured-work #featWork-info ul li.xml{
	background:url(../images/hddvd.png) left center no-repeat;
}

#featured-work #featWork-info ul li.blueray{
	background:url(../images/blueray.png) left center no-repeat;
}




/*********************************				LATEST THOUGHTS				***********************************/
/*************************************************************************************************************/


#latest-thoughts{
	width:317px;
	height:260px;
	float:right;
	background:url(../images/latestThoughts_Bg.jpg) bottom no-repeat;
	margin-top:33px;
}

#latest-thoughts h2{
	background:url(../images/latestThoughts_Hdr.jpg) no-repeat;
	width:210px;
	height:31px;
	text-indent:-9999px;
	margin-top:-5px;
}

#latest-thoughts a.up{
	background:url(../images/upArrow_Inactive.gif) no-repeat;
	width:21px;
	height:13px;
	margin:0 auto;
	margin-top:15px;
	font-size:0;
	line-height:0;
	display:block;
	clear:both;
}

#latest-thoughts a.down{
	background:url(../images/downArrow_Inactive.gif) no-repeat;
	width:21px;
	height:13px;
	margin:0 auto;
	font-size:0;
	line-height:0;
	display:block;
	clear:both;
}

#latest-thoughts div#article-window{
	height:220px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
	margin-top:15px;
}

#article-window ul#posts-list{
	margin:0 20px 0 -21px;
	margin-top:10px;
}

#article-window ul#posts-list li{
	float:left;
	list-style:none;
}

#article-window ul#posts-list li h3{
	float:left;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 0 10px;
	width:220px;
}

#article-window ul#posts-list li h3 a{
	color:#fff;
}

#article-window ul#posts-list li p.blurb{
	float:left;
	width:250px;
	margin:0 0 0 10px;
	color:#b7b7b7;
}


#home-clipvideo{
	width:100%;
	float:left;
	margin:40px 0 25px 0;
	height:226px;
}

#home-clipvideo p{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#e2e2e2;
}

#totaalpakket-clipvideo{
	width:316px;
	height:226px;
	float:left;
	margin-left:25px;
	background:url(../images/magentoCTA_Bg.jpg) bottom no-repeat;
}

#home-clipvideo #totaalpakket-clipvideo{
	background:url(../images/magentoCTA_Bg.jpg) no-repeat;
	margin-left:0;
}

#totaalpakket-clipvideo p{
	width:145px;
	float:left;
	margin:20px 0 0 20px;
}

#totaalpakket-clipvideo a{
	float:left;
	color:#98c756;
	background:url(../images/greenArrow.png) bottom right no-repeat;
	padding-right:10px;
	line-height:10px;
	clear:both;
	margin:10px 0 0 20px;
}

#newsletter-clipvideo{
	width:316px;
	height:226px;
	float:left;
}

#home-clipvideo #newsletter-clipvideo{
	background:url(../images/middleCTA_Bg.jpg) no-repeat;
	float:left;
	margin-left:27px;
}

#newsletter-clipvideo p{
	width:260px;
	margin:5px 0 0 20px;
	padding-left:0px;
	padding-top:15px;
	height:55px;
}

input#nieuwsbrief{
	background:url(../images/newsletterInput_Bg.gif) no-repeat;
	width:175px;
	height:22px;
	float:left;
	margin:5px 0 0 20px;
	border:none;
	color:#fff;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	padding:7px 0 0 7px;
}

input#nieuwsbrief:focus, input#jdktth-jdktth:active{
	border:none;
	outline:none;
}


input#nieuwsbrief2{
	background:url(../images/newsletterInput_Bg.gif) no-repeat;
	width:175px;
	height:22px;
	float:left;
	margin:10px 0 0 20px;
	border:none;
	color:#fff;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	padding:7px 0 0 7px;
}

input#nieuwsbrief2:focus, input#jdktth-jdktth:active{
	border:none;
	outline:none;
}

input#newsletter-submit{
	background:url(../images/submitBtn_Bg.jpg) no-repeat;
	width:81px;
	height:29px;
	font-size:0;
	line-height:0;
	border:none;
	margin:10px 20px 0 0;
	float:right;
	cursor:pointer;
}

input#newsletter-submit:hover{
	background-position:bottom;
}

#contact-clipvideo{
	width:316px;
	height:226px;
	float:right;
}

#home-clipvideo #contact-clipvideo{
	background:url(../images/rightCTA_Bg.jpg) no-repeat;
	float:right;
}

#contact-clipvideo p{
	margin:15px 0 10px 20px;
}

#contact-clipvideo dt{
	float:left;
	width:50px;
	text-align:right;
	margin:0 0 10px 20px;
	color:#e2e2e2;
}

#contact-clipvideo dd{
	float:left;
	width:200px;
	margin:0 0 10px 25px;
	color:#a9a9a9;
}

#contact-clipvideo dd a{
	color:#fff;
	font-weight:bold;
}

#contact-clipvideo a{
	margin-right:20px;
}


#bottom-clipvideo{
	background:url(../images/bottomCta_Bg.gif) no-repeat;
	width:1002px;
	height:226px;
	float:left;
	clear:both;
	margin:40px 0 25px 0;
}

#footer{
	width:100%;
	float:left;
	clear:both;
	height:31px;
	padding-bottom:30px;
}

#footer p{
	font:normal 12px/31px Arial, Helvetica, sans-serif;
	color:#f6b835;
	padding-left:35px;
	float:left;
}

#footer a{
	font:normal 12px/31px Arial, Helvetica, sans-serif;
	color:#f6b835;
	margin:0;
	font-weight:bold;
}