body {background:#000;color:#fff;margin:0; padding:0;}
a:link, 
a:visited{color:#3399FF;}
a:hover, 
a:active {color:#fff;text-decoration:none; }
a img {border:0;}

#header {background:#fff url(images/header_bg.gif) no-repeat top right; width:51%;height:108px;margin:40px 0 0 0;}

#header #logo {margin:0 0 0 22%;padding:0;position:relative;}
#header #logo a {text-decoration:none;position:absolute;z-index:100;display:block;height:108px;width:285px;overflow:hidden;text-indent:-3000em;background: url(images/logo.gif) no-repeat -11px 0; }
#header #logo a img {margin: 0 0 0 -10px;}

#header .nav {position:absolute; z-index:200;top:118px;left:11%;padding:0;margin:0;}
#header .nav li {list-style:none;padding:0;margin:0;}
#header .nav li a {display:block;font:12px verdana;width:75px;margin:0 0 0 205px;}
#header .nav li a:link, 
#header .nav li a:visited{color:#3399FF;}
#header .nav li a:hover, 
#header .nav li a:active {color:#000;text-decoration:none; }

#content {width:45%;padding:0 2%;float:left;}
#content h2{font: bold 24px Trebuchet MS;padding:0.5em 0;margin:1.15em 0 .55em 20%;}
#content p{font: 18px/1.6em georgia; margin:0 0 0.95em 20%;}
#content .item h3{font: bold 24px Trebuchet MS;padding:0;margin:1.55em 0 0 20%;}
#content .item h4{color: #888; font: 11px/1.65em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; padding:0.5em 0;margin:0 0 0.25em 20%;}
#content .item p{font: 11px/1.65em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; margin:0 0 0.95em 20%;}
#content .item .sample {overflow:hidden;margin:0 0 0.75em 20%; padding:0;height:270px;}
#content .item .sample img {width:100%;}
#content.contact {}
#content form {margin:0 0 0.95em 20%;padding:0;width:80%;}
#content form p{float:left;clear:both;width:90%;  padding:0.5em;margin:0 0 5px 0;}
#content form p input{ margin:0;}
#content .errors {margin:0 0 0.95em 20%;}

#sidebar {width:49%;float:right;}
#sidebar h2 {color:#333;background:#AFAFAF url(images/recentwork-hdr-bg.gif) no-repeat top left;font: normal 24px Trebuchet MS;padding:0.5em;margin:1.05em 0 .85em 0;height:28px;}
#sidebar p{font: 16px/1.6em georgia; margin:0 20% 0 2%; padding:0;}
#sidebar .recentwork {margin:0 0 0 2%; padding:0;}
#sidebar .recentwork li {display:inline;margin:0; padding:0;list-style:none;}
#sidebar .recentwork li a {float:left;width:28%; margin:0 19px 19px 0;overflow:hidden;}
#sidebar .recentwork li a img {width:100%;}

#skinsNav, 
#skinsNav ul { line-height: 1; list-style: none; margin: 0; padding: 0;font: normal 12px/12px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; }
#skinsNav { height: 21px; }
#skinsNav { border-bottom:1px solid #222; float: right; right: 5px; margin: 0; padding: 0; position: absolute; top: 2px; width: 80px; }
#skinsNav a { display: block;  height: 16px; padding: 5px 0 0;width: 80px; text-align: center;  }
#skinsNav li a:link, 
#skinsNav li a:visited { color: #888; text-decoration: none; }
#skinsNav li a:hover,
#skinsNav li a:active,
#skinsNav li a.active { background: #222; color: #fff; text-decoration: none; }
#skinsNav li ul li a:link, 
#skinsNav li ul li a:visited { text-decoration: none; }
#skinsNav li ul li a:hover,
#skinsNav li ul li a:active,
#skinsNav li ul li a.active {  text-decoration: none; }
#skinsNav li { float: left; margin: 0; padding: 0; width: 80px;}
#skinsNav li ul { left: -999em; position: absolute; width: 80px; }
#skinsNav li:hover ul,
#skinsNav li.sfhover ul { left: auto; }