body {background:url(images/header_bg.jpg) no-repeat center 0 #351b24;font-family:Arial, Helvetica, sans-serif;font-size:62.5%;margin:0;padding:0;color:#b2b2b2;text-align:center;}
p {font-size:1.1em;line-height:1.812em;margin:0 0 1.812em 0;}
a {color:#ff8000;}
a:hover {text-decoration:none;}
.hide {font-size:1px;line-height:1px;position:relative;left:-9999px;}
.clear {font-size:1px;line-height:1px;clear:both;height:40px;}
#wrap {width:836px;margin:0 auto;text-align:left;}

#header {font-family:Verdana, Geneva, sans-serif;position:relative;height:414px;}
#header h1 {height:24px;width:178px;background:url(images/logo_header.gif) no-repeat 0 0;margin:0;padding:0;line-height:1px;font-size:1px;position:absolute;top:42px;left:46px;}
#header ul {list-style:none;position:absolute;right:9px;top:44px;margin:0;padding:0;}
#header ul li {float:left;margin-left:20px;}
#header ul li a {background:url(images/head_nav_btn.gif) no-repeat 0 0;text-align:center;display:block;width:62px;height:23px;line-height:23px;font-size:11px;color:#fff;text-decoration:none;font-weight:bold;}
#header ul li a:hover {background-position:0 -23px;color:#351b24;}
#header p {color:#505e70;font-size:1.1em;margin:0;position:absolute;right:9px;top:10px;}
#header a.more {position:absolute;display:block;background:url(images/iwtkm_btn.gif) no-repeat 0 0;width:168px;height:31px;text-decoration:none;left:199px;top:353px;}
#header a.more:hover {background-position:0 -31px;}

#portfolio {background:url(images/transformation_bg.jpg) no-repeat 0 bottom;width:100%;float:left;padding:20px 0 50px 0;}
#portfolio h2 {font-size:1.1em;color:#ae7b8d;margin:0 0 20px 0;font-weight:normal;}
#content {float:left;width:572px;}
#content .item {float:left;width:265px;margin:0 20px 20px 0;background:#59313e;color:#fff;display:inline;}
#content .item em {display:block;background:#000;line-height:20px;font-size:11px;padding-left:9px;}
#content .item h4 {font-size:1.3em;margin:9px;}
#content .item p {color:#ae7b8d;line-height:1.545em;margin:9px;}
.thumb {border:none;text-decoration:none;}
.thumb img {border:none;}

#sidebar {float:right;width:264px;}
#sidebar .block {border:8px solid #1a1115;background:#000;padding:15px;width:218px;float:left;margin:0 0 20px 0;}
#sidebar .block h3 {border-bottom:1px dotted #363636;margin:0 0 20px 0;padding:0 0 5px 0;height:16px;}
#sidebar .block h3.recognition {background:url(images/recognition.gif) no-repeat 0 0;}
#sidebar .block h3.online {background:url(images/chrisscholtenonline.gif) no-repeat 0 0;}
#sidebar .block h3.inspiration {background:url(images/inspiration.gif) no-repeat 0 0;}
#sidebar .block ul {margin:0;padding:0;list-style:none;}
#sidebar .block ul li {margin:0 0 1.364em 0;}
#sidebar .block ul li.behance {padding-left:28px;background:url(images/behance_icon.gif) no-repeat 0 center;}
#sidebar .block ul li.deviant {padding-left:28px;background:url(images/deviantart_icon.gif) no-repeat 0 center;}
#sidebar .block ul li.hyves {padding-left:28px;background:url(images/hyves_icon.gif) no-repeat 0 center;}
#sidebar .block ul li.linkedin {padding-left:28px;background:url(images/linkedin_icon.gif) no-repeat 0 center;}
#sidebar .block ul li.premium {padding-left:28px;background:url(images/pnw_icon.gif) no-repeat 0 center;}
#sidebar .block ul li:last-child {margin:0;}

#about {border:8px solid #2d3a4b;background:url(images/about_onderkant.jpg) no-repeat 0 bottom #0f1722;padding:0;float:left;width:820px;margin:0 0 40px 0;}
#about h2 {height:39px;background:url(images/about_top.gif) no-repeat 0 0;margin:0 0 20px 0;}
#about .chris {float:left;padding-left:73px;width:287px;}
#about .crisco {float:right;padding-right:73px;}
#about .block {background:url(images/black_transparant_bg.png) repeat 0 0;_background:#000;padding:20px;margin:0 0 20px 0;width:287px;}
#about h3 {border-bottom:1px dotted #363636;margin:0 0 20px 0;padding:0 0 5px 0;height:16px;}
#about .chris h3 {background:url(images/chrisscholten.gif) no-repeat 0 0;}
#about .crisco h3 {background:url(images/criscospectrum.gif) no-repeat 0 0;}
#about h4 {font-size:1.4em;color:#fff;margin:0 0 1.25em 0;}
#about .block p:last-child {margin:0;}
#about ul {margin:0 0 0 10px;padding:0;list-style:none;font-size:1.2em;font-weight:bold;line-height:1.667em;}
#about ul li {padding-left:15px;background:url(images/bullet.gif) no-repeat 0 center;}

#interested {border:8px solid #2d3a4b;background:#111722;padding:15px;float:left;width:790px;text-align:center;}
#interested h2 {width:545px;height:18px;background:url(images/areyouinterestedinmywork.gif) no-repeat center 0;margin:0 auto 20px auto;border-bottom:1px dotted #363636;padding:0 0 5px 0;}
#interested ul {width:545px;margin:0 auto;list-style:none;padding:0;list-style:none;}
#interested ul li {float:left;}
#interested ul li a {display:block;width:168px;height:31px;text-decoration:none;}
#interested ul li.contact a {background:url(images/cm_btn.gif) no-repeat 0 0;margin-right:20px;}
#interested ul li.full a {background:url(images/wfp_btn.gif) no-repeat 0 0;margin-right:21px;}
#interested ul li.back a {background:url(images/btt_btn.gif) no-repeat 0 0;}
#interested ul li a:hover {background-position:0 -31px;}

#footer {height:34px;background:#191115;width:100%;text-align:center;padding:20px 0 0 0}
#footer .wrap {width:836px;margin:0 auto;text-align:left;}
#footer p {float:left;color:#ae7b8d;margin:0;}
#footer a {color:#fff;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer ul {float:right;margin:0;padding:0;list-style:none;}
#footer ul li {float:left;border-right:1px solid #ae7b8d;padding-right:5px;margin-right:5px;}
/*#footer ul li:last-child {padding:0;margin:0;border:0;}*/
#footer .last {padding:0;margin:0;border:0;}

/*-----lightbox-----*/

#lightbox {position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img {border:none;}
#outerImageContainer {position:relative;background-color:#59313E;width:250px;height:250px;margin:0 auto;}
#imageContainer {padding:10px;}
#loading {position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer, #hoverNav {left:0;}
#hoverNav a {outline:none;}
#prevLink, #nextLink {width:49%;height:100%;background:transparent url(images/blank.gif) no-repeat;display:block;}
#prevLink {left:0;float:left;}
#nextLink {right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer {font:10px Verdana, Helvetica, sans-serif;background-color:#59313E;margin:0 auto;line-height:1.4em;}
#imageData {padding:0 10px;color:#fff;}
#imageData #imageDetails {width:70%;float:left;text-align:left;}
#imageData #caption {font-weight:bold;}
#imageData #numberDisplay {display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose {width:66px;float:right;padding-bottom:0.7em;}		
#overlay {position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}
.lbWidth {position:absolute;top:0px;left:0px;width:100%;min-width:790px;}
* html .lbContent {margin-left:-790px;position:relative;}
* html .lbMinWidth {padding-left:790px;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}