body       { color: #333; font-size: 100%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #eee; background-image: url("back.gif"); margin: 0; padding: 0 }
img { border-width: 0; }
#center   { margin: 0; padding: 5% }
#content { background-color: white; width: 100%; min-width: 330px; float: left; clear: both }
#logobox { width: 100%; float: left; clear: both }
#logo   { margin: 40px; padding: 0; width: 238px; height: 74px; float: right ; clear: both; }
#logo a { background-color: white; margin: 0; padding: 0 0 5px; display: block; }
#logo a:hover { background-color: #ecaf00; }
#listbox { width: 100%; float: left; clear: both }
#projects   { display: block; margin: 0 0 40px 40px; padding: 0 40px 0 0; float: left; clear: left ; border-right: 1px solid #eaeaea; }
#contact     { display: block; margin: 0 40px 40px; padding: 0; float: left; clear: right  }
li { list-style-type: none; display: block; margin: 4px 0; padding: 0; float: left; clear: both }
h3 { font-weight: bold; display: block; margin: 0 0 6px; padding: 0 }
a   { color: #333; text-decoration: none; background-color: #ffe49c; padding: 1px 2px }
a:hover  { background-color: #ecaf00 }
a.black    { color: #333; text-decoration: none; background-color: white; padding: 0 }
a.black:hover { text-decoration: underline }
#foot    { text-align: right; margin-top: 5px; width: 100%; float: left; clear: both; overflow: visible }
.highlight  { color: #999; background-color: #fff; margin-right: 40px; padding: 1px 2px  }