body {
	background-color: #E4E18A;
	margin: 77px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707070;
}

div.container {
	position: relative;
	margin: 0 auto;
	width: 860px;
	height: 578px;
}

#main {
	background-image: url(../images/home_background.gif);
	height: 549px;
	width: 860px;
	background-repeat: no-repeat;
}

#topnav {
	position: absolute;
	left: 364px;
	top: 116px;
	width: 65px;
	height: 82px;
}

#nav {
	float: left;
	list-style: none;
    font-size:10px;
	background-image: url(/images/clear.gif);
	padding: 0;
	border-width: 0 0;
	margin: 0 0 0 0;

	width: 65px;
	height: 82px;
	float: left;
	background: url(../images/home_nav_off.gif) no-repeat top left;
	margin: 0 auto;
	clear: both;
}

#nav ul {
	border: solid #666666;
	float: left;
	list-style: none;
	background-image: url(/images/clear.gif);
	font-weight: bold;
	padding: 0;
	border-width: 0 0;
	margin: 0 0 0 0;
}

#nav a {
	display: block;
	text-decoration: none;
	padding: 0;
	text-indent: -1000em;
	height: 17px;
	width: 65px;
}

/* Top navigation elements */

#navhome:hover, #navhome.sfhover {
	background: transparent url(../images/home_nav_over.gif) 0px 0px no-repeat;
}

#navportfolio:hover, #navportfolio.sfhover {
	background: transparent url(../images/home_nav_over.gif) 0px -17px no-repeat;
}

#navabout:hover, #navabout.sfhover {
	background: transparent url(../images/home_nav_over.gif) 0px -34px no-repeat;
}

#navcontact:hover, #navcontact.sfhover {
	background: transparent url(../images/home_nav_over.gif) 0px -51px no-repeat;
}

#navarchives:hover, #navarchives.sfhover {
	background: transparent url(../images/home_nav_over.gif) 0px -68px no-repeat;
}
/* End top navigation elements */

#nav li {
	float: left;
	padding: 0;
}