@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body {
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #a8c3ff;
}

a {
	text-decoration: none;
	color: #a8c3ff;
}
a:hover {
	color: #fff;
	background-color: #a8c3ff;
	text-decoration: none;
}

#wrapper {
	width: 750px;
	margin: 0 auto;
}

#header {
	height: 170px;
	background: url(../img/raw/bg-header.jpg) top center no-repeat;
}
#banner {
	height: 129px;
	background: url(../img/raw/bg-banner.jpg) top center no-repeat;
    text-indent:-5000px;
	padding: 0; margin:0; border: none;
	display: block;

}
#content {
	background: url(../img/raw/bg-content.jpg) top center repeat-y;
}
#footer {
	height: 100px;
	background: url(../img/raw/bg-footer.jpg) top center no-repeat;
}
#footer p {
	padding: 30px 50px 0 500px; 
	color: #ccc;
}


h1.pagetitle {
    text-indent:-5000px;
	width: 105px;
	height: 105px;
	display: block;
}
h1.pagetitle a, h1.pagetitle a:hover {
	width: 105px;
	height: 105px;
	background: url(../img/logo-studioe.jpg) center center no-repeat;
	display: block;
	padding: 90px 0 0 120px;

} 


h2 {
	color: #c9d30f;
	font: 28px/35px Arial, Helvetica, sans-serif;
}
h2.top {
	color: #ca0011
}
h3 {
	color: #a8c3ff;
	font: 25px/30px Arial, Helvetica, sans-serif;
}

p {
	padding: 10px;
}

.item {
	background: #fff url(../img/raw/bg-item.jpg) bottom center repeat-x;
	border-bottom: 1px solid #e0e0e0;
	margin: 20px 60px;
	padding: 20px 20px 20px 100px;
}
.itempad {
	padding: 20px;
}

/* NAVIGATIE */

#nav {
	list-style: none;
	font: 12px/18px normal Arial, Helvetica, sans-serif;
	width: 500px;
	position: absolute; top: 125px; left: 50%; margin-left: 0px;

}
#nav li {
	float: left;
}
#nav li a {
	text-decoration: none;
	display: block;
	padding: 5px 18px;
	color: #bbb;
}
#nav li a:hover, #nav li a.active {
	text-decoration: none;
	color: #d30073;
	background: none;
}

span.icon {
	height: 64px; width: 64px;
	display: block;
	position: relative;
	top: -80px; left: -90px;
	margin-bottom: -64px;
}
	#psd-only {
		background: url(../img/ico/psd-only.png) no-repeat;
	}
	#omzetten {
		background: url(../img/ico/omzetten.png) no-repeat;
	}
	#wordpress {
		background: url(../img/ico/wordpress.png) no-repeat;
	}
	#bbpress {
		background: url(../img/ico/bbpress.png) no-repeat;
	}
	#seo {
		background: url(../img/ico/seo.png) no-repeat;
	}

	#logo {
		background: url(../img/ico/logo.png) no-repeat;
	}
	#huisstijl {
		background: url(../img/ico/huisstijl.png) no-repeat;
	}
	#algemeen {
		background: url(../img/ico/algemeen.png) no-repeat;
	}


/* CONTACT */
#contact-area {
	width: 550px;
	margin: 20px auto 0 auto;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 420px;
	font-family: Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
}

label {
	float: right;
	text-align: left;
	margin-left: 10px;
	width: 100px;
	padding-top: 5px;
	color: #666;
}
#tooltip{
	position:absolute;
	background:#eee;
	border: 1px solid #ddd;
	padding:5px 10px;
	color:#666;
	display:none;
	max-width: 210px;
}