HTML {
	background: #ffeeaa;
	font-family: lucida sans, sans-serif;
	font-size: 13px;
	color: #bc7d0e;
	min-height: 100%;
	height: 100%;
	padding: 0; margin: 0;
	background: url(images/bg.gif) bottom left repeat-y #ffeeaa;
}
BODY {
	padding: 0; margin: 0;
}
#nav {
	float: left;
	width: 345px;
	margin: 10px 0 0 50px; padding: 0;
}
#content {
	padding: 20px 40px;
	margin-left: 325px;
}
#nav A {
	display: block;
	padding: 0; margin: 0;
	text-indent: -2000px;
	height: 58px;
}
.nav1 {
	background: url(images/home1.gif) top left no-repeat;
}
.nav2 {
	background: url(images/portfolio1.gif) top left no-repeat;
}
.nav3 {
	background: url(images/resume1.gif) top left no-repeat;
}
.nav4 {
	background: url(images/contact1.gif) top left no-repeat;
}
.img {
	font-size: 0; line-height: 0;
}
/* IE 6 needs a:hover to be defined */
a:hover { width: auto } 

#nav A.nav1:hover {
    background: url(images/home2.gif) top left no-repeat;
}
#nav A.nav2:hover {
    background: url(images/portfolio2.gif) top left no-repeat;
}
#nav A.nav3:hover {
    background: url(images/resume2.gif) top left no-repeat;
}
#nav A.nav4:hover {
    background: url(images/contact2.gif) top left no-repeat;
}