body {
	margin:0;
	padding:0;
	font-family:Arial;
	background: #1e2228 url('/images/back-gradient.png') repeat-x scroll left top;
}

#header {
	width:972px;
	height:105px;
	margin:0 auto;
}
#header .logo {
	float:left;
}
#header .menu {
	margin-top:40px;
	float:right;
	background: url('/images/menu-fold.png') repeat-x scroll center bottom;
	width:560px;
	height:28px;
}

.menu ul {
	margin:0;
	padding:0;
	list-style:none;
	margin-left:120px;
}
.menu li {
	float:left;
	margin-right:4px;
}
.menu li a {
	color:#bfbfbf;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding-top:2px;
	display:block;
	width:77px;
	height:19px;
	text-align:center;
	background: transparent url('/images/back-tab-on.png') repeat-x scroll center bottom;
}
.menu li a:hover {
	color:#bfbfbf;
	background: transparent url('/images/back-tab-over.png') repeat-x scroll center bottom;
}


.site-bar {
	width:972px;
	margin:0 auto;
}
.site-bar-top {
	height:13px;
	background: url('/images/preview-border-top.png') repeat-x scroll center bottom;
	float:left;
	width:936px;
}
.site-bar-tl {
	width:18px;
	height:13px;
	background: url('/images/preview-corner-tl.png') repeat-x scroll center bottom;
	float:left;
}
.site-bar-tr {
	width:18px;
	height:13px;
	background: url('/images/preview-corner-tr.png') repeat-x scroll center bottom;
	float:right;
}
.site-bar-left {
	width:18px;
	background: url('/images/preview-border-left.png') repeat-y scroll center bottom;
	float:left;
}
.bar-preview-left {
	height:230px;
}
.bar-slider-left {
	height:90px;
}
.site-bar-content {
	width:936px;
	background:#111111;
	float:left;
}
.bar-preview-content {
	height:230px;
	background: url('/images/portfolio/lenssnl.png') repeat-y scroll center bottom;
}
.bar-preview-0x {
	height:230px;
	background: url('/images/portfolio/0xvc.png') repeat-y scroll center bottom;
}
.bar-preview-kremer {
	height:230px;
	background: url('/images/portfolio/kremermakelaars.png') repeat-y scroll center bottom;
}
.bar-preview-run2day {
	height:230px;
	background: url('/images/portfolio/run2day.png') repeat-y scroll center bottom;
}
.bar-preview-nikerunning {
	height:230px;
	background: url('/images/portfolio/nikerunning.png') repeat-y scroll center bottom;
}
.bar-preview-deflin {
	height:230px;
	background: url('/images/portfolio/deflin.png') repeat-y scroll center bottom;
}
.bar-slider-content {
	height:90px;
}
.site-bar-right {
	width:18px;
	background: url('/images/preview-border-right.png') repeat-y scroll center bottom;
	float:right;
}
.bar-preview-right {
	height:230px;
}
.bar-slider-right {
	height:90px;
}
.site-bar-bottom {
	height:23px;
	background: url('/images/preview-border-bottom.png') repeat-x scroll center top;
	float:left;
	width:936px;
}
.site-bar-bl {
	width:18px;
	height:23px;
	background: url('/images/preview-corner-bl.png') repeat-x scroll center top;
	float:left;
}
.site-bar-br {
	width:18px;
	height:23px;
	background: url('/images/preview-corner-br.png') repeat-x scroll center top;
	float:right;
}

.preview-text {
	width:275px;
	height:230px;
	background: transparent url('/images/back-preview-text.png') repeat-y scroll center top;
	float:left;
}
.preview-text-inner {
	margin:10px;
}
.preview-text h1 {
	font-size:18px;
	color:#23bce6;
}
.preview-text  p {
	font-size:14px;
	color:#FFFFFF;
}
.preview-text ul {
	margin:0;
	padding:0;
	list-style:none;
}
.preview-text a {
	color:#23bce6;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.preview-text a:hover {
	color:#bfbfbd;
}

.slide-left {
	float:left;
}
.slide-left img {
	margin-top:40px;
}
.slide-content {
	width:905px;
	height:90px;
	float:left;
}
.slide-content img {
	margin-left:4px;
	margin-right:4px;	
}
.slide-right {
	float:left;
}
.slide-right img {
	margin-top:40px;
}
#services {
	width:972px;
	margin:0 auto;
}
#services .service {
	width:228px;
	float:left;
	margin-left:12px;
	margin-top:10px;
}
#services h1 {
	font-size:16px;
	color:#23bce6;
	border-bottom:1px solid #696969;
}
#services p {
	color:#e6e6e6;
	font-size:14px;
	line-height:20px;
}

#footer {
	width:957px;
	height:25px;
	margin:0 auto;
	padding-left:10px;
	padding-right:5px;
}
#footer-line {
	height:5px;
	border-top:1px solid #696969;
}
#copy {
	float:left;
	color:#696969;
	font-size:12px;
}
#social {
	float:right;
	margin-top:2px;
}
#social a {
	float:right;
	display:block;
	margin-left:10px;
	width:16px;
	height:16px;
}
#social a.twitter {
	background: url('/images/social-twitter.png') no-repeat; 
	background-position: left bottom; 
}
#social a:hover.twitter {
	background-position: left top; 
}
#social a.facebook {
	background: url('/images/social-facebook.png') no-repeat; 
	background-position: left bottom; 
}
#social a:hover.facebook {
	background-position: left top; 
}
#social a.linkedin {
	background: url('/images/social-linkedin.png') no-repeat; 
	background-position: left bottom; 
}
#social a:hover.linkedin {
	background-position: left top; 
}
#social a.flickr {
	background: url('/images/social-flickr.png') no-repeat; 
	background-position: left bottom; 
}
#social a:hover.flickr {
	background-position: left top; 
}
.slide-content ul {
	margin:0;
    padding:0;
    list-style:none;
}
.slide-content li {
	float:left;
}

/*contact */
.contact-bar-left {
	width:18px;
	background: url('/images/contact-left.png') no-repeat scroll left top;
	float:left;
}
.bar-contact-left {
	height:680px;
}
.bar-contact-content {
	height:680px;
	background: url('/images/back-contact.png') repeat-x scroll left top;
}
.contact-bar-right {
	width:18px;
	background: url('/images/contact-right.png') no-repeat scroll left top;
	float:right;
}
.bar-contact-right {
	height:680px;
}

.naw-table {
	margin-left:120px;
	margin-top:20px;	
}
.naw-header {
	text-align:right;
	width:150px;
	color:#23BCE6;
	font-weight:bold;
	font-family:Arial;
	font-size:18px;
}
.naw-content {
	text-align:left;
	width:170px;
	font-family:Arial;
	font-size:18px;	
	color:#FFF;
}

.bar-contact-content h1 {
	font-family:Arial;
	font-size:20px;	
	color:#23BCE6;
}
.bar-contact-content p {
	color:#BFBFBD;
	font-family:Arial;
	font-size:18px;
}

#contactform {
	width:710px;
	margin-left:70px;
	margin-top:60px;	
}
#contactform ul {
	margin:0;
	padding:0;
	list-style:none;
}
#contactform li {
	margin-bottom:20px;
}
#contactform label {
	display:block;
	width:200px;
	float:left;	
	text-align:right;
	margin-right:10px;
	padding-top:4px;
	color:#BFBFBD;
	font-weight:bold;
}
#contactform input, textarea {
	font-size:18px;
	background:#BFBFBD;
	border:0px;
}
#contactform textarea {
	height:200px;	
}
.input-normal {
	width:300px;
}
.input-large {
	width:500px;
}
input .submit-button {
	background:#23BCE6;	
	border:1px solid red;
}

#flashMessage {
	margin-left:250px;
	padding-top:30px;
	width:400px;
	height:70px;
	position:absolute;
	z-index:100;
	text-align:center;
	font-family:Arial;
	font-size:20px;	
	color:#111;
	background: transparent url('/images/back-flashmessage.png') repeat-y scroll center top;
}