html,body{margin:0;padding:0;background:#ffffff;color:#302032;font-family:helvetica,arial,tahoma,sans;}
#content,#header,#footer{width:908px;margin:0 auto;}
#header{padding-top:20px;}
#header h1 a,.project h2 a span.project-title{background:#202432;padding:10px 30px 10px 10px;color:#ffffff;text-decoration:none;}
#header h1{float:left;}
#header a.contact{float:right;font-family:monaco,monospace;color:#999;margin-top:20px;font-size:12px;text-decoration:none;}
#header a.contact:hover{color:#202432;text-decoration:underline;}
.project h2 a span.project-url{background:#ffffff;padding:10px 30px 10px 10px;color:#999;font-weight:normal;font-size:80%;}
.project h2 a:hover span.project-url{color:#202432;text-decoration:underline;}
.project{padding:10px 0 30px 0;}
.project h2 a span.project-url,.project p{font-family:monaco,monospace;}
.project p{font-size:12px;line-height:24px;}
.project ul.project-images{list-style:none;padding:0;margin:0;}
.project ul.project-images li{float:left;padding:0 4px 0 0;margin:0;}
.project ul.project-images li:last-child{padding-right:0px;}

.project .project-statistics{display:none;}
.project .project-statistics .project-statistic{float:left;padding:20px 20px 0 0;}
.project .project-statistics h3.statistic-title{font-size:14px;font-weight:normal;text-transform:lowercase;text-align:right;font-family:monaco,monospace;padding:0;margin:4px 0;padding:4px 0;color:#666;}
.project .project-statistics span.statistic-data{float:left;text-shadow:#999 1px 1px 1px;background:url(/images/common/two-bit.gif)0 0 repeat #eee;border:2px solid #eee;padding:10px 20px 10px;color:#666;font-weight:bold;font-size:60px;line-height:60px;}
.project .project-statistics span.statistic-data .percentage{font-size:30px;vertical-align:top;padding-left:3px;}


.clearfix:after,ul.project-images:after,.project-statistics:after,#content:after,#header:after,#footer:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix,ul.project-images,.project-statistics,#content,#header,#footer{display:inline-block;}
* html .clearfix,* html ul.project-images,* html .project-statistics,* html #content,* html #header,* html #footer{height:1%;}
.clearfix,ul.project-images,.project-statistics,#content,#header,#footer{display:block;}