/*------------------------------------------------------------------------------------
  CSS Reset
------------------------------------------------------------------------------------*/
html, body, form, fieldset{ cursor:default; margin:0; padding:0; }
html{ font-size:100.01%; }
body{ font:14px "Lucida Grande", "Segoe UI", Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, p, abbr, pre, blockquote, label, ul, ol, dl, address{ cursor:default; margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6{ font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:normal; line-height: 1.2em; }
object, param{ outline:0px; border:0px; }
img { margin:0px; padding:0px; border:0px; }
fieldset{ border: none; }
input, select, textarea { font-size:1em; font-family:inherit; margin:0px; padding:2px; }
form label, input.submit{ cursor: pointer; }
textarea{ cursor:text; }
abbr{ cursor:help; }

sup           { position:relative; bottom:0.3em; vertical-align:baseline; }
sub           { position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr { cursor:help; text-decoration:underline; }
a, a p,
a img, a span,
a small       { cursor:pointer; }
a             {  }
blockquote    { margin:1.5em .8em .6em .8em; font-style:italic; }

.clear        { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }





/*------------------------------------------------------------------------------------
  Global
------------------------------------------------------------------------------------*/
body{ color:#c9c5bc; background:#070708; }
#wrap{ padding:0px 4%; }
  
  h1{ position:absolute; top:0; left:50px; width:180px; height:85px; color:#050505; text-align:center; background:#f1a800;  }
    h1 a{ display:block; width:180px; height:85px; font:bold 29px "Droid Sans", Arial, sans-serif; color:#040404; text-decoration:none; 
          -moz-box-shadow:0px 1px 15px black; -webkit-box-shadow:0px 1px 15px black; box-shadow:0px 1px 15px black; -webkit-transition:.2s; -moz-transition:.2s; -o-transition:.2s; }
    h1 a:hover{ -moz-box-shadow:0px 1px 15px #e38900; -webkit-box-shadow:0px 1px 15px #e38900; box-shadow:0px 1px 15px #e38900; }
    h1 img{ display:block; width:180px; height:85px; }
  
  #content{ width:350px; padding:6px 0px 5px 70px; margin:0px auto; margin-top:28%; font:32px "Droid Sans", Arial, sans-serif; background:url(../images/temp/cog.png) left center no-repeat; }

  #footer{ position:absolute; padding-bottom:25px; bottom:0; right:50px; text-align:right; color:#333333; }
    #footer a, #mail a{ color:#666666; padding:0px 1px; text-decoration:none; border-bottom:1px solid #ff9900; -webkit-transition:.2s; -moz-transition:.2s; -o-transition:.2s; }
    #footer a:hover, #mail a:hover{ color:black; background:#ff9900; border-bottom:1px solid #ff9900; }
  
  #mail{ position:absolute; padding-bottom:25px; bottom:0; left:50px; }



/*------------------------------------------------------------------------------------
  Works
------------------------------------------------------------------------------------*/
#works{  }