/*Center Container Div for IE Browsers*/
body {text-align:center; background:#343535;} 
#container {text-align:left; margin:auto; margin-top:25px; width:800px;}

/*Set global styles*/
p, a, ul, li, h1 {color:#FFFFFF; font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; font-size:11px;}
h1 {margin:0; padding:0;}

/*Style header banner*/
h1.header {background:transparent url(images/header.jpg) top left no-repeat; height:70px;}
h1.header span {display:none;}

/*Style image based navigation*/
ul.navigation {list-style:none; margin:0; padding:0; height:43px;}
ul.navigation li {display:block; float:left; height:43px; width:20%;}
ul.navigation li a {display:block; width:100%; height:100%;}
ul.navigation li a:hover {background:transparent;}
ul.navigation li a span {display:none;}
/*normal state*/
.home {background:transparent url(images/home_hover.gif) 30px top no-repeat;}
.notes {background:transparent url(images/notes_hover.gif) 30px top no-repeat;}
.contact {background:transparent url(images/contact_hover.gif) 30px top no-repeat;}
.resume {background:transparent url(images/resume_hover.gif) 30px top no-repeat;}
.art {background:transparent url(images/art_hover.gif) 30px top no-repeat;}
/*hover state*/
.home a {background:transparent url(images/home.gif) 30px top no-repeat;}
.notes a {background:transparent url(images/notes.gif) 30px top no-repeat;}
.contact a {background:transparent url(images/contact.gif) 30px top no-repeat;}
.resume a {background:transparent url(images/resume.gif) 30px top no-repeat;}
.art a {background:transparent url(images/art.gif) 30px top no-repeat;}


/*Style content area*/
div.content {height:345px; padding-top:0px; padding-left:30px; padding-right:30px;}
div.content p {margin:0; margin-top:15px; line-height:14px;}

/*Style footer elements*/
.footer {text-align:right; width:740px; height:50px; background:transparent url(images/footer_grad.jpg) top left repeat-x; padding-left:30px; padding-right:30px;}
.footer ul {margin:0; padding-top:50px; list-style:none; float:right; width:50%;}
.footer ul li {margin:0; padding:0; display:inline;}
.footer ul li a {text-decoration:none;}
.footer p {float:left; display:inline; margin-top:0; padding-top:50px;}