body {
     background-color: #000000 ;
		 text-align: center ;
}
#wrapper {
     font-family: Arial, Geneva, sans-serif ;
		 margin: 0 auto ;
		 width: 750px ;
		 text-align: left ;
		 background-color: #ffffff
}
img.header {
		 width: 750px ;
		 border-style: none ;
		 margin-bottom: -5px ;
		 padding: 0px ;
}
#home {
     display: block ;
		 float: left ;
     width: 108px ;
     height: 50px ;
     background: url("../nav_img/home.jpg") no-repeat 0 0 ;
		 margin: 0px ; 
		 padding: 0px ;
		 border-style: none ;
}
#home:hover { 
     display: block ;
		 float: left ;
     width: 108px ;
     height: 50px ;
     background: url("../nav_img/home_over.jpg") no-repeat 0 0 ;
		 margin: 0px ;
		 padding: 0px ;
		 border-style: none ;
}
#home span {
     display: none ;
}
#pacman {
     margin-left: 200px ;
}

#resume {
     display: block ;
		 float: left ;
     width: 157px ;
     height: 50px ;
     background: url("../nav_img/resume.jpg") no-repeat 0 0 ;
		 margin: 0px ;
		 padding: 0px ;
		 border-style: none ;
}
#resume:hover { 
     display: block ;
		 float: left ;
     width: 157px ;
     height: 50px ;
     background: url("../nav_img/resume_over.jpg") no-repeat 0 0 ;
		 margin: 0px ;
		 padding: 0px ;
		 border-style: none ;
}
#resume span {
     display: none ;
}
#portfolio {
     display: block ;
		 float: left ;
     width: 205px ;
     height: 50px ;
     background: url("../nav_img/portfolio.jpg") no-repeat 0 0 ;
		 margin: 0px ;
		 padding: 0px ;
		 border-style: none ;
}
#portfolio:hover { 
     display: block ;
		 float: left ;
     width: 205px ;
     height: 50px ;
     background: url("../nav_img/portfolio_over.jpg") no-repeat 0 0 ;
		 margin: 0px ;
		 padding: 0px ;
		 border-style: none ;
}
#portfolio span {
     display: none ;
}
#blog {
     display: block ;
		 float: left ;
     width: 125px ;
     height: 50px ;
     background: url("../nav_img/blog.jpg") no-repeat 0 0 ;
		 margin: 0px ;
		 padding: 0px ;
		 border-style: none ;
}
#blog:hover { 
     display: block ;
		 float: left ;
     width: 125px ;
     height: 50px ;
     background: url("../nav_img/blog_over.jpg") no-repeat 0 0 ;
		 margin: 0px ;
		 padding: 0px ;
		 border-style: none ;
}
#blog span {
     display: none ;
}
#gallery {
     display: block ;
		 float: left ;
     width: 155px ;
     height: 50px ;
     background: url("../nav_img/gallery.jpg") no-repeat 0 0 ;
		 margin: 0px ;
		 padding: 0px ;
		 border-style: none ;
}
#gallery:hover { 
     display: block ;
		 float: left ;
     width: 155px ;
     height: 50px ;
     background: url("../nav_img/gallery_over.jpg") no-repeat 0 0 ;
		 margin: 0px ;
		 padding: 0px ;
		 border-style: none ;
}
#gallery span {
     display: none ;
}
#content {
     font-family: Arial, sans-serif ;
		 font-size: 14px ;
		 margin-bottom: 5px ;
		 text-align: center ;
}
#inner {
     margin: 5px ;
}
img.peterhall {
		 margin-bottom: 20px ;
		 display: block ; 
}
h1 {
     color: #000000 ;
		 font-family: Calibri, Geneva, sans-serif ;
		 font-size: 30px ;
		 text-align: center ;
}
h2 {
     font-family: Calibri, Geneva, sans-serif ;
		 font-size: 24px ;
		 text-align: left ;
}
h3 {
     font-family: Calibri, Geneva, sans-serif ;
		 font-size: 18px ;
		 text-align: left ; 
		 font-weight: bold ;
		 text-decoration: underline ;
}
h4 {
     font-family: Calibri, Geneva, sans-serif ;
		 font-size: 16px ;
		 font-weight: bold :
}
.footer {
     position: relative ; 
		 background: #d7d7d7 ;
		 width: 750px ;
		 margin: 0 auto ;
		 font-family: Arial, Geneva, sans-serif ;
		 font-size: 10px ;
		 text-align: center ;
}
img.resumehead {
     display: block ;
		 float: left ;
		 width: 600px ;
}
img.doc {
     border-style: none ;
}