body { background: #f5f5f5 url(../i/bg-site.png) repeat-x top center; margin:0px; font-size: 12px; font-family: helvetica, arial, sans-serif; color:#909090; }
img { border:0px; }
a { color:#1883b8; text-decoration: none; }
a:hover { color:#555; }
h1, h2, h3, h4, h5 { margin:2px; }
#site { background: transparent url(../i/bg-body.png) no-repeat top center; width:915px; overflow: hidden; margin:0px auto; }
#site #nav { margin-top: 35px; overflow:hidden; clear: both; }
#site #nav #logo { float:left; width: 350px; }
#site #nav #navigation { width:550px; float:right; font-size: 14px; text-align:right; margin-top:30px;  }
#site #nav #navigation a { color:#d7ad76; text-decoration: none; padding:10px 14px; font-weight: bold;  }
#site #nav #navigation a:hover { color:#fff; background: none; }
#site #intro { padding:20px; font-size:29px; font-weight:normal; color:#fff; line-height: 40px; clear: both;  }
#site #intro a { color:#d7ad76; }
#site #intro a:hover { color:#f5f5f5; }
#site #content { overflow:hidden; margin:20px 0px; }
#site #content #recentwork { width:610px; margin-right:10px; float:left; }
#site #content #recentwork h1 { padding:22px 20px 20px; font-size:22px; color:#0076b1; font-weight: normal; background: transparent url(../i/bg-title.png) no-repeat left center;  }
#site #content #recentwork #samples { overflow: hidden; }
#site #content #recentwork #samples .sample { width:295px; float:left; overflow:hidden; height:150px; background:#0076b1; position:relative; border:3px solid #fff; margin:0px 3px 5px 0px; }
#site #content #recentwork #samples .sample .over { position:absolute; top:0; left:0; z-index:10; background:#fff; height:150px;width:295px;  }
#site #content #recentwork #samples .sample .under { position:absolute; top:0; left:0; z-index:1; padding:10px; background:#000; height:130px;width:275px; color:#fff;  }
#site #content #recentwork #samples .sample .under span { display:block; margin:0px 0px 10px; }
#site #content #recentwork #samples .sample .under span.project { font-weight: normal; color:#fff; font-size: 16px;}
#site #content #recentwork #samples .sample .under span.link { margin-top:20px; }
#site #content #recentwork #samples .sample .under span.link a { background:#1883b8; color:#fff; font-size: 11px; padding:5px 5px 3px; border:2px solid #fff;  }
#site #content #recentwork #samples .sample .under span.link a:hover { color:#1883b8; background:#fff; }
#site #content #recentwork #samples .sample .under small { color:#1883b8; }
#site #content #sidebar { overflow:hidden; padding-top: 60px;  }
#site #content #sidebar .item { overflow:hidden; margin:0px 0px 22px;; }
#site #content #sidebar .item .icon {  float:left; width:30px; }
#site #content #sidebar .item .itemtext { margin-left: 40px; line-height: 16px; }
#site #content #sidebar .item .itemtext h1 { font-weight: normal; color:#1883b8; line-height: 20px; margin:0px 0px 4px 0px; font-size:20px; }
#footer { background:#000; min-height:300px; padding:12px; }
#footer #container { width:900px; margin:0px auto; overflow: hidden; }
#footer #container #copy { float:left; width: 450px; }
#footer #container #navlinks { text-align:right; width:400px; float:right; }
#footer #container #navlinks a { margin:0px 10px; }
body.sub { background: #f5f5f5 url(../i/bg-site-subpage.jpg) repeat-x top center; }
body.sub #site { background: transparent url(../i/bg-body-subpage.png) no-repeat top center; width:915px; margin:0px auto; height:1%;  }
body.sub #site #content { margin:35px 10px; padding:20px; clear:both; line-height:16px; overflow:hidden; }
body.sub #site #content #left { width:580px; margin-right:10px; float:left; }
body.sub #site #content h1 { font-size: 20px; margin:0px 0px 10px; font-weight: normal; color:#1883b8; }
body.sub #site #content h3 { font-size: 16px; margin:0px 0px 5px; font-weight: bold; color:#555; }
body.sub #site #content .services h2.service { font-weight: normal; font-size: 17px;color:#555; padding: 6px 30px; background: transparent url(../i/service-web.png) no-repeat left center; font-family: Arial; }
body.sub #site #content .services h2.logos { font-weight: normal; font-size: 17px;color:#555; padding: 6px 30px; background: transparent url(../i/icon-logos.png) no-repeat left center; font-family: Arial; }
body.sub #site #content .services h2.print { font-weight: normal; font-size: 17px;color:#555; padding: 6px 30px; background: transparent url(../i/icon-print.png) no-repeat left center; font-family: Arial; }
body.sub #site #content .services h2.hosting { font-weight: normal; font-size: 17px;color:#555; padding: 6px 30px; background: transparent url(../i/icon-waves.png) no-repeat left center; font-family: Arial; }
body.sub #site #content .services h2.planning { font-weight: normal; font-size: 17px;color:#555; padding: 6px 30px; background: transparent url(../i/icon-code.png) no-repeat left center; font-family: Arial; }
body.sub #site #content .services p { margin-left:33px; }
body.sub #site #content p { margin:0px 0px 15px 0px; }
body.sub #site #content #right { margin-left:605px; }
body.sub #site #content #recentwork { width:100%; margin-right:0px; float:none; }
body.sub #site #content #recentwork #samples .sample { width:272px; border:3px solid #ccc; margin-right:6px; }

.item { overflow: hidden; padding: 10px 0px; border-bottom: 1px solid #ccc; }
.item .image { float:left; width:250px; }
.item .desc { margin-left:260px; }
.item .desc .subtitle { margin-top:10px !important; margin-bottom: 0px !important; font-size: 14px !important;  }