#navFront {
	width: 800px;
	height: 480px;
	background: white url(/images/navFront.png) no-repeat scroll top left;
	
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 10px;
}

#navLinks {
	margin: 0px;
	width: 800px;
	height: 480px;
	position: absolute;
	top: 0px;
	left: 0px;
	/* This will be replaced later by mouseOver in JS. */
	background: transparent none no-repeat scroll top left;
}

#navFront li {
	list-style-type: none;
}

#navFront li a {
	text-decoration: none;
	display: block;
	position: absolute;
}

#navFront li a .alttext, #banner {
	visibility: hidden;
}

#navFrontAbout a {
	width: 192px;
	height: 204px;
	top: 132px;
	left: 40px;
}

#navFrontPortfolio a {
	width: 272px;
	height: 232px;
	top: 16px;
	left: 268px;
}

#navFrontContact a {
	width: 272px;
	height: 264px;
	top: 172px;
	left: 548px;
}

#accessibleNavLinks {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0px;
}

#accessibleNavLinks li {
	display: inline;
	font-size: smaller;
	padding-left: 32px;
	padding-right: 32px;
}

#accessibleNavLinks a {
	color: #bbbbbb;
}