html, body { height: 100%; width: 100%; }

body { background: #FDFDFD; color: #444; font: 16px/1.5 'Helvetica Neue', 'Droid Sans', Arial, 'Liberation Sans', FreeSans, sans-serif; text-align: center; }

a, a:active, a:visited { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

#wrapper { width: 960px; margin: 0 auto; height: 100%; position: relative; top: 0; left: 0; bottom: 0 }

#mainbanner { display: block; background-color: #4C4135; position: absolute; top: 10px; left: 0; width: 320px; padding-top: 6px; }

#contact_mail { position: absolute; right: 0px; top: 10px; height: 100px; text-align: right; width: 50%; vertical-align: middle; }

#contact_mail td { vertical-align: middle; font-size: 21px; }

#description { position: absolute; top: 174px; left: 0px; width: 450px; text-align: left  }

#utils { margin-top: 64px }

#projects { position: absolute; top: 174px; right: 0px; bottom: 60px; width: 400px; text-align: left }

#projects h2 { font-weight: bold; color: #4C4135; margin: 0; padding: 0 }

#projects_inner { position: absolute; top: 35px; left: 0; width: 100%; bottom: 0px; overflow: auto }

#projects_inner table { width: 100%; border-bottom: 1px solid #DDD }

#projects_inner table td { padding: 10px 0 10px 0; vertical-align: middle; font-size: 13px }

#projects_inner table td h3 { font-weight: bold; color: #555 }

#projects_inner table td small { font-size: 10px; color: #777 }