*{ 
	margin:0; 
	padding:0;
}
body{
	background:#073B49 url(../img/bg_container.jpg) 50% 0 repeat-x;
	height:100%;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
a{
	color:#FC203C;
}
a:focus{
	outline:none;
}
img{
	border:none;
}
#header{
	background:url(../img/bg_hdr.png) top left repeat-x;
	height:330px;
	width:100%;
	position:relative;
	display:block;
	text-align:center;
}
#logo{
	position:absolute;
	top:30px;
	left:50%;
	margin-left:-126px;
	background:url(../img/logo-svenaarts.png) 0 0 no-repeat;
	width:251px;
	height:211px;
}
#logo a{
	display:block;
	width:251px;
	height:211px;
	text-indent:-3000px;
	outline:none;
}
.golven{
	background:url(../img/golven.png) 0 0 repeat-x;
	position:absolute;
	top:265px;
	height:80px;
	width:100%;
}
#golven.back{
	background:url(../img/golven.png) -95px 0 repeat-x;
}
#wrapper{
	position:absolute;
	top:340px;
	width:100%;
}
.center{
	width:665px;
	margin:0 auto;
	display:block;
}
#about{
	position:relative;
	background:url(../img/about.png) top left no-repeat;
	height:260px;
}
#portfolio{
	display:block;
	overflow:auto;
	padding-bottom:50px;
}
#portfolio.center{
	width:700px;
}
#portfolio h2{
	background:url(../img/h2/portfolio.png) top left no-repeat;
	width:300px;
	margin-left:18px;
	height: 50px;
}
article.case{
	width:198px;
	height:120px;
	padding:5px;
	margin:0 0 20px 20px;
	float:left;
	position:relative;
}
article.case header{
	position:absolute;
	top:0;
	left:0;
	width:208px;
	height:130px;
	text-indent:-3000px;
	z-index:99;
	display:block;
}
.imagereplace{
	text-indent:-3000px;
}
figure{
	display:block;
	position:absolute;
	width:198px;
	height:120px;
	top:0px;
	left:0px;
	z-index:100;
}
figcaption{
	display:none;
}
#flora{
	height:218px;
	width: 220px;
	background: #053039 url(../img/flora.jpg) top right;
	position:absolute;
	bottom:49px;
	right:100px;
}
footer{
	display:block;
	background: #053039 url(../img/footer.jpg) top left repeat-x;
	height:68px;
	padding-top:32px;
	font-size:20px;
	line-height:68px;
}
footer a{
	color:#187075;
}
footer p{
	float:left;
	padding-left:40px;
}
#cases a{
	display:block;
	position:relative;
	display:block;
	width:208px;
	height:130px;
}
#cases a .bg{
	position:absolute;
	width:208px;
	height:130px;
	top:0;
	left:0;
	opacity: .25; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=25); /* IE lt 8 */
	-ms-filter: "alpha(opacity=25)"; /* IE 8 */
	-khtml-opacity: .25; /* Safari 1.x */
	-moz-opacity: .25; /* FF lt 1.5, Netscape */
	background:#fff;
	z-index:100;
}
#cases a:hover .bg{
	opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .50; /* Safari 1.x */
	-moz-opacity: .50; /* FF lt 1.5, Netscape */
}
#cases img{
	position:absolute;
	top:5px;
	left:5px;
	display:block;
	z-index:101;
}
.link{
	position:absolute;
	width:60px;
	height:50px;
	top:0;
	left:0;
}
.link:hover{
	background:url(../img/hover.png) 50% 100% no-repeat;
}
#nivario{
	top:60px;
	left:526px;
}
#mailto{
	top:170px;
	left:305px;
	width:120px;
}
#linkedinbox{
	position:absolute;
	top:0;
	right:20px;
	width:223px;
	height:60px;
}
#linkedinbox a{
	display:block;
	width:223px;
	height:100px;
	text-indent:-9999px;
	background:url(../img/linkedinbox.png) 0 0 no-repeat;
}
#linkedinbox a:hover{
	display:block;
	width:223px;
	height:100px;
	text-indent:-9999px;
	background:url(../img/linkedinbox.png) 0 -100px no-repeat;
}