@charset "UTF-8";
/* CSS Document */

html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote { margin: 0; padding: 0;}
li { list-style: none; }
body {background:#000000 url(../images/bg.jpg);background-repeat:no-repeat;background-position: 50% 0px;margin-top: 0px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#e2e0c4; text-align:left; font-size:13px;}
img {border:0 none;}

a {color:#fff;}
a:hover {color:#fff;}
a:visited {color:#fff;}

p {color:#e2e0c4;font-family:"Trebuchet MS", Arial, Verdana, sans-serif;font-size:14px;line-height: 1.8;margin-top:5px;padding-bottom:14px;}
h1 {color:#e2e0c4;font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-size:24px; font-weight:600;line-height: 2; margin-top:-10px;}
h2 {color:#e2e0c4;font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-size:16px; font-weight:600;line-height: 1.4; text-transform:uppercase;}
h3 {color:#e2e0c4;font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-size:14px; font-weight:600;line-height: 1.4; margin-bottom:1px; margin-top:4px; text-transform:uppercase;}
h4 {color:#444;font-family:"Courier New", Courier, monospace; font-size:9px;}
h5 {color:#e2e0c4;font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-size:18px; font-weight:800;line-height: 1.4;text-transform:uppercase;}
li {color:#e2e0c4;font-family:"Trebuchet MS", Arial, Verdana, sans-serif;font-size:12px;font-weight:100;line-height: 1.2;}
blockquote {text-indent:15px;color:#e2e0c4;font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-size:10px; font-weight:normal;line-height:1.2; font-style:italic;}

#wrap {width:1000px; margin: 0 auto; z-index:1;}
#hdr {width:450px; height:90px; margin-top: 30px; margin-left:50px; position:relative; }
#nav {width:610px; height:25px; overflow:hidden; margin-left:40px;}
#home {width:18px; height:15px;float:left;margin-top:10px;}
span {display: none;}

ul#nav {width:275px;list-style:none;height: 25px;margin: 0;padding: 0;margin-left: 335px;}
ul#nav li {display:inline;}
ul#nav li a {height:25px; float:left;text-decoration:none;}
ul#nav li#bio a {width:75px;background:url(../images/nav.png) no-repeat 0px 0px;}
ul#nav  li#bio a:hover {background-position:0px -25px;}
ul#nav li#resume a {width:120px;background:url(../images/nav.png) no-repeat -75px 0px;}
ul#nav  li#resume a:hover {background-position:-75px -25px;}
ul#nav li#contact a {width:80px;background:url(../images/nav.png) no-repeat -195px 0px;}
ul#nav  li#contact a:hover {background-position:-195px -25px;}

#buttonnav {width:620px; height:50px;margin-left: 50px;position:relative; padding-bottom:5px; float:left;}
#warning {width:200px; height:20px;margin-left: 230px; margin-top:-10px; position:relative; padding-bottom:20px; float:left; text-align:center;}

#voiceover a {height:30px; float:left;text-decoration:none;width:170px;background:url(../images/voiceoverbutton.png) no-repeat 0px 1px; margin-right:10px;margin-top:12px;}
#voiceover a:hover {background-position:0px -29px;}

#sketch a {height:30px; float:left;text-decoration:none;width:200px;background:url(../images/sketchbutton.png) no-repeat 0px 1px;margin-top:12px;}
#sketch a:hover {background-position:0px -29px;}

#bergwood a {height:50px; float:left;text-decoration:none;width:200px;background:url(../images/bergwoodbutton.png) no-repeat 0px 0px; margin-left:40px;}
#bergwood a:hover {background-position:0px -50px;}

#media {margin-left:10px; margin-top:10px; width:600px; height:400px; position:relative; z-index:50; background-image:url(../images/infobg.png); float:left;}
#mediabg {margin-left:40px; margin-top:5px;width:620px; height:420px; position:relative;background-image:url(../images/mediabg.png); float:left;}

#info {width:600px;position:relative; z-index:50;background-image:url(../images/infobg.png); background-repeat:repeat; padding:50px; float:left;}
#infobg {margin-left:40px; margin-top:10px;width:700px;position:relative;background-image:url(../images/mediabg.png); background-repeat:repeat; padding:10px; float:left;}

#biohdr {height:28px;float:left;text-decoration:none;width:600px;background:url(../images/bio.png) no-repeat; padding-bottom:30px; margin-top:-10px; margin-left:-15px;}
#bioimg {border:5px solid #7d843d; float:left; margin-right:20px;}

#resumehdr {height:28px;float:left;text-decoration:none;width:600px;background:url(../images/resume.png) no-repeat; padding-bottom:30px; margin-top:-10px; margin-left:-15px; float:left;}
#resumetable {width:600px; float:left;}

#contactbg {margin-left:10px; margin-top:10px; width:500px; height:400px; position:absolute; z-index:50; background-image:url(../images/infobg.png); padding:50px;}
#contacthdr {height:28px;float:left;text-decoration:none;width:450px;background:url(../images/contactshdr.png) no-repeat; padding-bottom:30px; margin-top:-10px;}
#contactbox1 {float:left; width:250; margin-right:80px;}
#contactbox2 {float:left; width:250;}

#thanks {margin-left:10px; margin-top:10px; width:340px;position:relative; z-index:50; background-image:url(../images/infobg.png); padding:30px; float:left;}
#thanksbg {margin-left:40px; margin-top:10px;width:420px; height:142px;position:relative;background-image:url(../images/mediabg.png); float:left;}

.formtext {font-weight: bold; font-size:14px;}
.boxdesign {font-size: 14px;font-style: normal;font-weight: normal;color: #fff;background-color: #7d843d;border: 1px #fff solid; padding: 5px; width:200px;}
input.btn { image:url(../images/buttonbg.png);width:212px; height:40px; margin-top:5px;}

#oldiebgimage {background:url(http://www.andrewhawtrey.com/images/oldiebg.jpg); background-repeat:no-repeat;background-position: 50% 0px;margin-top: 0px; width:100%; height:100%;}
#oldiebg {margin-left:50px; margin-top:150px;width:600px;position:relative;background-color:#000;padding:15px;}