html {
background : transparent url(images/background.gif) repeat-x; }

body { 
top : 100px; }

div#branding {
position : relative;
height : 120px;
z-index : 5;  }


ul#nav {
position: relative;
top: -215px;
float: right;
height: 23px;
z-index: 10;
list-style: none;  }

ul#nav li {
float : left;
padding : 0 20px; }

div#content { 
background-color : #FFFFFF; }

h1 { 
position : absolute;
top : -20px; 
left : 25px;
width : 494px; 
height : 59px; 
background : transparent url(images/header.png) no-repeat;
text-indent : -9999px; }

div#branding blockquote {
position : absolute;
top : -9999px; 
z-index: 3; }

ul#portfolio {
list-style-type: none;
margin: 0 40px 0 40px;
overflow : hidden; }

ul#portfolio li {
float: left;
width: 320px;
height: 100%;
min-height: 576px;
margin: 0 8px 8px 0;
padding: 0 63px;
text-align: left; }

div#site_info { 
position : relative;
width : 100%;
height : 82px;
background : transparent url(images/site_info.gif) no-repeat 0 0; }

div#site_info h3 { 
position : absolute;
right : -45px; 
bottom : -10px;
width : 250px; 
height : 82px;  }

div#site_info h3 a { 
display : block;
width : 250px; 
height : 100px; 
text-indent : -9999px; }

div#site_info p { 
position : absolute;
left : 37px; 
top : 60px;
margin : 0; }

div#site_info h3 { 
text-indent : -9999px; }

div#site_info p#locale {
position: absolute;
left: 37px;
top: 10px; }

div#referral {
position: absolute;
width: 990px; }

div#referral ul {
position: relative;
right: -625px;
list-style-type: none;
margin : 20px 0 0 40px;}

div#referral li{
position: relative;
float : left; 
width : auto;
height : 40px;
padding-left: 5px; }

p.date {
display: none;}

span.when {
position: relative;
top: -2.65em;
right: -80%; }

.resume #secondary form {margin-left: -40px; }