*{
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
}
html{
	background:url(../img/bg-pattern.gif);
}
body{
	background:url(../img/bg-patterngradient.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
}
h1{
	background:url(../img/gr-woutervanhaeren.gif) no-repeat;
	width:897px;
	height:387px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	z-index:2;
}
h2{
	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
	background:url(../img/gr-splatter.gif) top right no-repeat;
	width:361px;
	height:387px;
	text-indent:-9999px;
	overflow:hidden;
}
div#content{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	width:100%;
	background:url(../img/bg-footer-gradient.gif) bottom repeat-x;
}
ul#work{
	background:url(../img/gr-scroll.png) top right no-repeat fixed;
	padding:280px 0 0 185px;
}
ul#work li.item{
	background:url(../img/bg-work.gif);
	position:relative;
	width:680px;
}
ul.info{
	background:url(../img/bg-work-top.gif) top right no-repeat;
	color:#fff;
	height:65px;
	width:100%;
}
h3{
	font-size:1.8em;
	text-transform:uppercase;
	position:absolute;
	float:right;
	top:35px;
	right:20px;
	color:#fff;
}
ul.info a{
	text-decoration:none;
	color:#fff;
}
li.link{
	font-size:1.3em;
	text-decoration:none;
	position:absolute;
	right:20px;
	top:18px;
}
li.link strong{
	display:none;
}
li.client,
li.date,
li.type{
	font-size:1.1em;
	text-transform:uppercase;
	width:400px;
	line-height:1.1em;
	position:relative;
	top:18px;
	left:30px;
}
ul#work li img{
	margin:10px 30px;
}
div.description{
	background:url(../img/bg-work-bottom.gif) bottom no-repeat;
}
div.description{
	padding:10px 30px 30px 110px;
}
a.client{
	float:left;
	position:absolute;
	left:30px;
	display:block;
	height:70px;
	width:70px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
div.description p{
	clear:both;
	color:#666;
	line-height:1.3em;
	margin:5px 0px 20px 0px;
	font-size:1.1em;
}
h4{
	font-size:1.2em;
	text-transform:uppercase;
}
span.link{
	color:#666;
}
span.link a{
	color:#666;
	text-decoration:none;
}
span.link a:hover{
	color:#000;
}
div.vcard{
	width:880px;
	height:380px;
	display:block;
	background:url(../img/bg-footer.gif) no-repeat;
	position:relative;
	left:185px;
	color:#fff;
	font-size:1.1em;
	overflow:hidden;
}
div.vcard span.fn{
	width:177px;
	height:33px;
	display:block;
	background:url(../img/gr-wouter-vanhaeren.gif) no-repeat;
	text-indent:-9999px;
	position:relative;
	top:70px;
	left:30px;
}
div.vcard span.role{
	position:relative;
	top:90px;
	left:30px;
	text-transform:uppercase;
}
div.vcard div.div-org{
	position:relative;
	top:105px;
	left:30px;
}
div.vcard a.org{
	text-transform:uppercase;
	text-decoration:underline;
	color:#fff;
}
div.vcard div.div-tel{
	position:relative;
	top:115px;
	left:30px;
}
div.vcard span.tel{
	margin-left:15px;
}
div.vcard div.div-email{
	position:relative;
	top:115px;
	left:30px;
}
div.vcard span.email{
	margin-left:15px;
}
a.link-vcard,
a.link-resume{
	position:relative;
	left:30px;
	color:#fff;
	text-decoration:underline;
	display:block;
}
a.link-vcard{
	top:125px;
}
a.link-resume{
	top:130px;
}
a.link-vcard:hover,
a.link-resume:hover{
	text-decoration:none;
}
a.top{
	position:relative;
	top:180px;
	left:10px;
	text-decoration:none;
	color:#000;
}