/*  
	Name: Frontwerp Ontwerp en Realisatie
	URL: http://www.frontwerp.nl
	Description: Porfolio website van Frontwerp.
	Version: 1.0
	Author: Frontwerp - Frank Snijders
	Author URI: http://www.frontwerp.nl
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 170%;
	background: #111 url("../img/bg.jpg") center top;
	color: #ccc;
	margin: 0;
	padding: 0;
}

a {
	color: #ccc;
}

a:hover {
	color: #FF0033;
}

div#wrapper {
	width: 860px;
	margin: auto;
	overflow: hidden;
}

div#header {
	width: 860px;
	height: 90px;
	padding-top: 55px;
}

div#header h1 {
	margin: 0;
	padding: 0;
}

div#header h1 a {
	display: block;
	width: 445px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}

div#content {
	width: 860px;
	height: 365px;
	overflow: hidden;
}

div.slideshow-container {
	float: left;
	width: 495px;
	margin-right: 30px;
}

div#about {
	float: right;
	width: 335px;
}

div#about h2 {
	margin: 0;
	padding: 0;
	display: block;
	width: 335px;
	height: 30px;
	text-indent: -9999px;
	background-image: url("../img/contentheaders.png") !important;	
	background-image: url("../img/contentheaders.gif");	
	background-repeat: no-repeat;
}

h2#homepage { background-position: 0px 0px; }
h2#dacelectric { background-position: 0px -30px; }
h2#dedijk { background-position: 0px -60px; }
h2#haagaveegmachines { background-position: 0px -90px; }
h2#earsnederland { background-position: 0px -120px; }
h2#hetglazencafe { background-position: 0px -150px; }
h2#joostvisser { background-position: 0px -180px; }
h2#vakantiemogelijkheden { background-position: 0px -210px; }
h2#bosrock { background-position: 0px -240px; }
h2#rockinharmony { background-position: 0px -270px; }
h2#podiaproducts { background-position: 0px -300px; }
h2#travelholidaydeals { background-position: 0px -330px; }
h2#vroomshoopinconcert { background-position: 0px -360px; }
h2#fireworks { background-position: 0px -390px; }
h2#htmlcss { background-position: 0px -420px; }
h2#seo { background-position: 0px -450px; }
h2#photoshop { background-position: 0px -480px; }
h2#illustrator { background-position: 0px -510px; }
h2#indesign { background-position: 0px -540px; }
h2#multimetals { background-position: 0px -570px; }
h2#peddemors { background-position: 0px -600px; }

div#about a#visit {
	display: block;
	width: 137px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url("../img/visitbutton.png") !important;		
	background-image: url("../img/visitbutton.jpg");
}

div#about a#visit:hover {
	background-position: 0px -32px;
}

div#footer {
	clear: both;
	font-size: 11px;
	line-height: 180%;
	color: #999;
}

div.footerblock {
	width: 172px;
	float: left;
	overflow: hidden;
	padding-bottom: 30px;
}

div.footerblock ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.footerblock a {
	color: #999;
	text-decoration: none;
}

div.footerblock a:hover {
	color: #FF0033;
}

div.footerblock a.selected {
	color: #fff;
}

div.footerblock h3 {
	display: block;
	width: 172px;
	height: 20px;	
	text-indent: -9999px;
	overflow: hidden;
	margin: 17px 0 10px 0;
	padding: 0;
	background-image: url("../img/footerheaders.png") !important;
	background-image: url("../img/footerheaders.gif");
}

h3#websites { background-position: 0px 0px }
h3#print { background-position: 0px -20px }
h3#corporatedesign { background-position: 0px -40px }
h3#skills { background-position: 0px -60px }
h3#contact { background-position: 0px -80px }

address {
	font-style: normal;
}