html,
		body{
			margin:0;
			padding:0;
			height:100%;
			line-height:20px;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size:12px;
		}
		
		#container{
			min-height: 100%;
			height: auto !important;
			height: 100%;
			margin: 0 0 -100px 0px;
		}
		
		#top{
			width:720px;
			padding:50px 0 0 60px;
			overflow:auto;
		}
		
		#main{
			min-width:720px;
			margin:20px 0px 20px 60px;
			overflow:hidden;
		}
		
		div#main.wide{
			margin:20px 0;
		}
		
		#footer,
		#push{
			width:720px;
			height:100px;
			margin:0 0 0 60px;
			clear:both;
		}
		
		.col_3{
			width:340px;
			margin:0 10px;
			float:left;
			overflow:hidden;
		}
		
		.col_6{
			width:700px;
			margin:0 10px;
			float:left;
			clear:both;
		}
		
		
		h1{
			font-family:Miso;
			text-transform: uppercase;
			font-weight:bold;
			font-size:21px;
			color:#000000;
			text-decoration: none;
			letter-spacing: 1px;
		}
		
		h2{
			font-family:Miso;
			text-transform: uppercase;
			font-weight:bold;
			font-size:18px;
			margin:15px 0 5px 0;
			letter-spacing: 1px;
		}
		
		h3{
			font-family:Miso;
			font-size:15px;
			text-transform: uppercase;
			font-weight:bold;
			letter-spacing: 1px;
		}
		
		span{
			font-family:Miso;
			font-size:15px;
			text-transform: uppercase;
			color:#333333;
		}
		
			div.project_wrapper{
				width:100%;
				overflow:hidden;
			}
		
			ul.project_list{
				display:block;
				overflow:auto;
				margin:0 0 0 60px;
			}
		
			ul.project_list li{
				width:340px;
				overflow:auto;
				margin:10px;
				display:block;
				float:left;
				opacity:0.3;
				filter: alpha(opacity=30);
				overflow:hidden;
			}

			ul.project_list li.current{
				opacity:1.0;
				filter: alpha(opacity=100);
			}
			
			ul.project_list li.detail{
				width:700px;
			}
			
				ul.project_list li img{
					width:100%;
				}
				
				ul.project_list li h2{
					margin:20px 0 10px 0;
					width:auto;
				}
				
					ul.project_list li h2 span{
						opacity:0;
						filter: alpha(opacity=0);
						display:none;
						font-size:18px;
					}
					
					ul.project_list li h2 span.show{
						opacity:0.3;
						filter: alpha(opacity=30);
						display:inline;
					}
				
				ul.project_list li p{
					float:left;
					clear:left;
				}
			
				ul.project_list li ul{
					width:360px;
					margin:-55px -10px 0 0;
					float:right;
					opacity:0;
					filter: alpha(opacity=0);
				}
				
				ul.project_list li ul.show{
					opacity:1;
					filter: alpha(opacity=100);
				}
	
					ul.project_list li ul li{
						margin:10px;
						float:left;
						width:100px;
						height:100px;
						overflow:visible;
					}
					
					ul.project_list li ul li.current{
						opacity:1.0;
						filter: alpha(opacity=100);
					}	
		
		
		ul.vm{
			height:120px;
			width:720px;
			clear:left;
		}
		
		ul.vm li{
			margin:10px;
			display:block;
			float:left;
		}
		
		ul.vm li a:link,
		ul.vm li a:visited{
			display:block;
			width:100px;
			height:100px;
			text-indent:-9999px;
			background-position:top;
		}
		
		ul.vm li a#gezin{background-image:url(../gfx/vm_gezin.jpg);}
		ul.vm li a#huis{background-image:url(../gfx/vm_huis.jpg);}
		ul.vm li a#nhl{background-image:url(../gfx/vm_nhl.jpg);}
		ul.vm li a#nnb{background-image:url(../gfx/vm_nnb.jpg);}
		ul.vm li a#ark{background-image:url(../gfx/vm_ark.jpg);}
		
		
		ul.vm li a:hover,
		ul.vm li a:active{
			background-position: bottom;
		}
		
		
		ul.filter{
			margin:20px 0 0 60px;
			font-family:Miso;
			font-size:15px;
		}
		
		ul.filter li{
			float:left;
			width:40px;
			margin:0 10px;
			text-transform: uppercase;
		}
			
			ul.filter li a:link,
			ul.filter li a:visited{
				color:#666666;
			}
			
			ul.filter li a:hover,
			ul.filter li a:active{
				color:#333333;
			}
		
		a.filter{
			float:left;
		}
		
		
		
		ul.menu{
			list-style: none;
			font-size:15px;
			line-height:20px;
			margin:0px 0 0 0;
			width:340px;
			height:40px;
			display:block;
			clear:none;
		}
		
			ul.menu li{
				font-family:Miso;
				text-transform: uppercase;
				color:#333333;
			}
			
				ul.menu li a:link,
				ul.menu li a:visited,
				a.header:link,
				a.header:visited{
					color:inherit;
				}
				
				ul.menu li a:hover,
				ul.menu li a:active,
				a.header:hover,
				a.header:active{
					border-bottom:1px solid #666666;
					text-decoration: none;
				}
			
			ul.menu.portfolio li.portfolio,	
			ul.menu.contact li.contact{
				color:#000000;
			}
			
		a:link,
		a:visited{
			color:#008cd2;
			text-decoration: none;
		}
				
		a:hover,
		a:active{
			text-decoration: underline;
		}
		
		span.contact{
			margin:20px 0 0 0;
			display:block;
			float:left;
		}
		
		a.contact:link,
		a.contact:visited{
			font-family:Miso;
			font-size:15px;
			text-transform: uppercase;
			color:#333333;
		}
		
		a.contact:hover,
		a.contact:active{
			text-decoration: none;
			border-bottom:1px solid #666666;
		}
		
		a.header:link,
		a.header:visited{
			outline:none;
		}
		
		a.header:active,
		a.header:hover{
			outline:none;
		}
		
		dl{
			overflow: auto;
		}
				
		dl dd{
			width:220px;
			margin:0 0 0 10px;
			float:left;
		}
		
		dl dt{
			width:100px;
			font-weight:bold;
			margin:0 10px 0 0;
			float:left;
		}
		
		dl dt#message{
			display:none;
		}
		
		form.sent{
			background-color:#FF0000;
		}
		
		.label{
			font-weight:bold;
			color:#999999;
		}
		
		label.error,
		.label.error{
			color:#EE0000;
		}
		
		input{
			width:220px;
			height:16px;
			border:0;
			margin:2px 0;
			background-color:#F6F6F6;
			outline:none;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
		dd.error input{
			width:217px;
			border-right:3px solid #EE0000;
		}
		
		textarea{
			width:340px;
			height:116px;
			margin:2px 0 2px -10px;
			border:0;
			background-color:#F6F6F6;
			resize:none;
			outline:none;
			line-height:20px;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
		dd.error textarea{
			width:337px;
			border-right:3px solid #EE0000;
		}		
		
		input.send{
			color:#333333;
			text-decoration: none;
			font-family:Miso;
			font-size:15px;
			text-transform: uppercase;
			background-color:transparent;
			width:340px;
			margin:2px 0 2px -10px;
			text-align:right;
		}
		
		input.send:hover{
			cursor:pointer;
			color:#000000;
		}
		
		img{
			margin:15px 0 5px 0;
			display:block;
		}
		
		blockquote{
			font-family:Miso;
			font-size:18px;
			text-transform: uppercase;
			margin:10px 0 0 0;
		}
		
		.source{
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			text-transform: none;
			font-size:11px;
			margin:0 0 10px 0;
		}