html, body{font-size:10px;margin:0;padding:0;height:100%;line-height:1;}
a, body, div, h1, h2, h3, h4, li, p, span, ul {font-size:1em;font-weight:normal;list-style:none;margin:0;outline:0;padding:0;text-decoration:none;}
body{background:#E4E4E4 url(/img/bg.gif) left top repeat-x;font-family:Verdana, Arial, Sans-Serif;}

#everything { height: auto !important; height: 100%; min-height: 100%; margin: 0 auto -2em; width:91.5em; }
#header { height: 25em; width: 87.5em; margin:0 auto;}
h1 a { background:url(/img/logo.png) no-repeat; display: block; float: left; height: 24.9em; text-indent: -1100em; width: 33.5em; }

#tagline{ display: none; }

#navigation                     { display: block; float: right; height: 2.9em;  padding-top: 5em; }
#navigation li                  { display: block; float: left; height: 2.9em; }
#navigation li a                { color: rgb(30, 30, 30); font-weight: bold; font-size: 1.5em; }
#navigation li a:hover          { background-image: url(/img/link_hover.png); }

/*
#navigation li a                { background: url(/img/menu.png); display: block; float: left; height: 2.9em; margin-right: 2em; text-indent: -1100em; width: 100%;}
#navigation .home a             { background-position:     0em  0em; width: 5.6em;}
#navigation .home a:hover       { background-position:     0em -3em; }
#navigation .home a.active      { background-position:     0em -6em; }
#navigation .code a             { background-position:  -6.8em  0em; width:  5.3em; }
#navigation .code a:hover       { background-position:  -6.8em -3em; }
#navigation .code a.active      { background-position:  -6.8em -6em; }
#navigation .portfolio a        { background-position: -13.4em  0em; width: 9.9em; }
#navigation .portfolio a:hover  { background-position: -13.4em -3em; }
#navigation .portfolio a.active { background-position: -13.4em -6em; }
#navigation .blog a             { background-position: -24.5em  0em; width:  5.2em; }
#navigation .blog a:hover       { background-position: -24.5em -3em; }
#navigation .blog a.active      { background-position: -24.5em -6em; }
*/

#twitter                            { background: url(/img/twitter.png) no-repeat; color: #B4AC72; display: block; float: right; margin-top: 4.5em; height: 7.6em; width: 51.3em; }
#twitter a                          { color: #EEE496; }
#twitter a:hover                    { color: #EEE496; border-bottom: .1em dashed #EEE496;}
#twitter q:before, #twitter q:after { content: ""; }
#twitter q, #twitter .details       { display: block; height: 7.6em; }
#twitter q                          { font-size: 1.4em; height: 3.3em; margin: 1.4em; }
#twitter .details                   { height: 7.6em; line-height: 11.0em; margin: -7.6em 2.5em 0 0; text-align: right; }

#content { width: 91.5em; }

.title          { background: url(/img/scroller.png) no-repeat; display: block; height: 10.9em; overflow: hidden; position: relative; text-indent: -1100em; width: 91.5em; }
.title ul       { clear: both; height: 4.2em; position: absolute; margin-left: 2em; width: 9001em; /* OVER 9000 */}
.title ul li    { float: left; }
.title li a     { display: block; float: left; margin:0 2em; height: 4.2em; width:20em; }
.recentworkcontainer { display: block; height: 4.2em; overflow: hidden; position: relative; width: 72em; }
.title .active  {}

/*
.title.home     { background: url(/img/home.png); }
.title.code     { background: url(/img/code.png); }
.title.contact  { background: url(/img/contact.png); }
.title.portfolio{ background: url(/img/portfolio.png); }
*/

#portfolio           { background: url(/img/client.png) no-repeat; }
#portfolio ul        { width: 400px; }
.section .text a     { color: #333; }
.section             { height: 32.6em; width: 91.5em; }
.section a.img       { border: 1.5em solid #FFFFFF; display: block; filter: alpha(opacity=50); height: 135px; left: 29px; -moz-opacity: .5; opacity: 0.5; position: relative; text-indent: -1100em; top: 41px; width: 781px; }
.section a.img:hover { background-position: 0 -135px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.section .text       { color: #333333; display: block; font-size: 1.4em; margin: 4em auto; left: 52px; width: 57em; }
.section.hidden      { display: none; }

#thumbs  { margin: 3em 0 -5em 6.15em; } 
#thumbs li { display: inline; margin: 0; padding: 0; }
.thumb a.img         { border: .75em solid #FFFFFF; display: block; float: left; -moz-opacity: .3; height: 64px; margin: 1em; text-indent: -1100em; width: 64px; }
.thumb a.img:hover   { background-position: 0 -64px; -moz-opacity: 1; }

#footer   { clear: both; display: block; height: 2em; margin: 0 auto; text-align: center; width: 91.5em; }
#footer a { color: #B4AC72; }