* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	background: #fff;
	font-family: Arial, sans-serif;
	font-size: 75%;
	color: #666;
	height: 100%;
}

ol,ul {
	list-style: none;
}

img {
	border: 0;
}

p {
	margin: 0 0 1.2em;
}

a {
	color: #009cd9;
	text-decoration: none;
}

h2 {
	color: #fff;
	font-size: 2em;
	font-weight: normal;
}

h3 {
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.8em;
}

h4 {
	font-size: 1.1em;
}

h6 {
	font-size: 1.1em;
}

.clear {
	clear: both;
}

#container {
	background: #009cd9;
	width: 100%;
}

.center {
	margin: 0 auto;
	width: 928px;
}

#header {
	border-top: 34px solid #009cd9;
	height: 64px;
	padding: 0 0 0 25px;
	background: #fff;
}

#logo {
	background: transparent url(../images/logo.gif) no-repeat;
	display: block;
	width: 138px;
	height: 29px;
	float: left;
	margin-top: 25px;
}

ol#nav {
	float: right;
	margin-right: 20px;
	font-size: 1.2em;
}

ol#nav li {
	float: left;
	padding-left: 20px;
}
	
ol#nav li a {
	color: #666;
	float: left;
}

ol#nav li a span {
	display: block;
	padding: 30px 15px 14px 15px;
}

ol#nav li a.active, ol#nav li a.active:hover {
	color: #fff;
	background: #009cd9;
}

ol#nav li a:hover {
	color: #fff;
	background: #a1dbf1;
}

#bar {
	background: #c0c2c6;
	margin: 0 0 24px 0;
	padding: 54px 3px 40px 3px;
}

#background {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	min-width: 1002px;
	overflow: hidden;
	background: #fff;
	z-index: -1;
}

#background img {
	display: block;
	height: auto;
	width: 100%;
	margin-top: 98px;
}

#background.full {
	width: 100%;
	height: 100%;
	background: url(../images/bg/striped.gif);
}

#wrapper {
	min-height: 100%;
	position: relative;
}

#slider2 h2 {
	font-size: 1.7em;
	padding-bottom: 36px;
}

#slider2 {
	position: relative;
	min-height: 450px;
	width: 100%;
	padding: 15px 0 200px 0;
	margin: 130px 0 0 0;
	color: #fff;
}

#about #slider2 {
	padding-bottom: 320px;
}

#services #slider2, #work #slider2 {
	margin-top: 0;
	padding-bottom: 320px;
}

#headline {
	line-height: 1.1;
	margin-bottom: 40px;
	padding: 0 0 0 24px;
	width: 530px;
	background: url(../images/bg/headline.png) repeat-y;
}

#headline h2 {
	display: inline;
	color: #2F3133;
	background: #fff;
	font-size: 3.5em;
	line-height: 113%;
	padding: 0;
}

#headline p {
	font-size: 1.8em;
	margin-bottom: -2px !important;
	padding: 5px 0;
	margin-left: -24px;
	text-indent: 24px;
	width: 450px;
	background: #009cd9;
}

#headline a {
	color: #fff;
}

.address, .grey {
	width: 880px;
	padding: 20px 24px 20px 24px;
	background-color: #2F3133;
	line-height: 1.8em;
}

.address h3, .grey h3 {
	font-size: 2.6em;
}

.address .column, .grey .column {
	float: left;
	width: 220px;
}

.address .column.last {
	width: 150px;
}

.grey .column {
	width: 460px;
	padding-right: 20px;
}

.grey .column.last {
	width: 380px; 
}

ul#clients {
	display: block;
	width: 900px;
	margin: 0 auto;
}

ul#clients li {
	display: block;
	float: left;
	width: 19.8%;
	height: 140px;
	border-right: 1px solid #c0c2c6;
	border-bottom: 1px solid #c0c2c6;
	background-color: #005E8F;
}

ul#clients li.cl01 {
	background: url(../images/logos/sqills.png) no-repeat;
}

ul#clients li.cl02 {
	background: url(../images/logos/klm.png) no-repeat;
}

ul#clients li.cl03 {
	background: url(../images/logos/esites.png) no-repeat;
}

ul#clients li.cl04 {
	background: url(../images/logos/monsterboard.png) no-repeat;
}

ul#clients li.cl05 {
	background: url(../images/logos/zend.png) no-repeat;
}

ul#clients li.cl06 {
	background: url(../images/logos/fortis.png) no-repeat;
}

ul#clients li.cl07 {
	background: url(../images/logos/lijnrecht.png) no-repeat;
}

ul#clients li.cl08 {
	background: url(../images/logos/grantaccess.png) no-repeat;
}

ul#clients li.cl09 {
	background: url(../images/logos/ikdoe.png) no-repeat;
}

ul#clients li.cl10 {
	background: url(../images/logos/virgin.png) no-repeat;
}

ul#clients li.cl11 {
	background: url(../images/logos/letsbuyit.png) no-repeat;
}

ul#clients li.cl12 {
	background: url(../images/logos/rabobank.png) no-repeat;
}

ul#clients li.cl13 {
	background: url(../images/logos/webiq.png) no-repeat;
}

ul#clients li.cl14 {
	background: url(../images/logos/evibe.png) no-repeat;
}

ul#clients li.cl15 {
	background: url(../images/logos/maniquick.png) no-repeat;
}

#map {
	position: absolute;
	top: 98px;
	z-index: -1;
	width: 100%;
	height: 100%;
}

#content {
	position: relative;
	min-height: 450px;
	padding-bottom: 400px;
	margin: 0 auto;
	width: 928px;
}

#projectLogo {
	float: left;
	width: 219px;
	height: 112px;
}

dl {
	float: left;
	width: 400px;
	margin: 17px 0 0 0;
}

dt {
	float: left;
	width: 84px;
	text-align: right;
	padding: 0 18px 0 0;
	line-height: 28px;
}

dd {
	font-weight: bold;
	line-height: 28px;
}

#gallery {
	clear: both;
	position: relative;
	padding: 58px 0 0 0;
}

#large {
	padding: 5px 0 5px 0;
	border-top: 4px solid #e6e6e6;
	border-bottom: 4px solid #e6e6e6;
}

.overlay {
	position: absolute;
	bottom: 12px;
	display: block;
	width: 624px;
	height: 36px;
	background: url(../images/gallery_overlay.png);
	color: #fff;
	padding: 17px 25px 17px 25px;
}

.overlay strong {
	display: block;
	padding: 0 0 6px;
}

.section {
	border-top: 4px solid #E6E6E6;
	margin: 28px 0 28px 0;
	padding: 20px 6px 0 6px;
}

#project {
	float: left;
	width: 674px;
	padding-right: 8px;
}

#right {
	float: right;
	width: 224px;
	border-left: 1px solid #e6e6e6;
	padding: 6px 10px 52px 8px;
}

#right h4 {
	margin: 0 0 8px 3px;
}

ul.related {
	margin: 22px 0 50px 0;
}

ul.related li img {
	vertical-align: middle;
}

#right li {
	margin: 2px 0 4px 0;
}

#right li a {
	display: block;
	color: #666;
	padding: 3px;
}

#right li a:hover {
	background: #c0c2c6;
	color: #fff;
}

.clients li {
	font-size: larger;
}

.clients li.active a {
	color: #009cd9;
}

.clients li.nolink {
	padding: 3px;
	color: #c0c2c6;
}

#home #footer, #about #footer {
	background: transparent url(../images/bg/slider.png);
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	border-top: 1px solid #fff;
	background-color: #009cd9;
	margin: 63px 0 0 0;
	padding: 40px 0 40px 0;
}

#footer li {
	float: left;
	width: 345px;
}

#footer li.last {
	width: 228px;
}

#footer li li {
	float: none;
}

#footer li ul {
	margin-top: 28px;
}

#footer li li {
	line-height: 1.8em;
}

.copyright {
	display: block;
}

#footer a {
	color: #fff;
}

#footer .more {
	font-weight: bold;
}