#nav {
	background: white url('../images/navBG.jpg') repeat-x top left;
	height: 39px;
}

#nav a {
	color: white;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#nav ul li {
	float: left;
	margin: 3px 0px 0px 0px;
	text-align: center;
}

#nav a#linkAbout{
	background: white url('../images/about.jpg') repeat-x;
	border-right: 1px white solid;
	display: block;
	height: 33px;
	width: 121px;
}

#nav a#linkAbout:hover{
	background: white url('../images/aboutRoll.jpg') repeat-x;
}

#nav a#linkExamples{
	background: white url('../images/examples.jpg') repeat-x;
	border-right: 1px white solid;
	display: block;
	height: 33px;
	width: 121px;
}

#nav a#linkExamples:hover{
	background: white url('../images/examplesRoll.jpg') repeat-x;
}

#nav a#linkResidential{
	background: white url('../images/res.jpg') repeat-x;
	border-right: 1px white solid;
	display: block;
	height: 33px;
	width: 121px;
}

#nav a#linkResidential:hover{
	background: white url('../images/resRoll.jpg') repeat-x;
}

#nav a#linkPlans{
	background: white url('../images/designPlans.jpg') repeat-x;
	border-right: 1px white solid;
	display: block;
	height: 33px;
	width: 122px;
}

#nav a#linkPlans:hover{
	background: white url('../images/designPlansRoll.jpg') repeat-x;
}

#nav a#linkRegistration{
	background: white url('../images/registration.jpg') repeat-x;
	border-right: 1px white solid;
	display: block;
	height: 33px;
	width: 122px;
}

#nav a#linkRegistration:hover{
	background: white url('../images/registrationRoll.jpg') repeat-x;
}

#nav a#linkClient{
	background: white url('../images/clients.jpg') repeat-x;
	border-right: 1px white solid;
	display: block;
	height: 33px;
	width: 122px;
}

#nav a#linkClient:hover{
	background: white url('../images/clientsRoll.jpg') repeat-x;
}

#nav a#linkLink{
	background: white url('../images/links.jpg') repeat-x;
	border-right: 1px white solid;
	display: block;
	height: 33px;
	width: 122px;
}

#nav a#linkLink:hover{
	background: white url('../images/linksRoll.jpg') repeat-x;
}

#nav a#linkContact{
	background: white url('../images/contact.jpg') repeat-x;
	display: block;
	height: 33px;
	width: 122px;
}

#nav a#linkContact:hover{
	background: white url('../images/contactRoll.jpg') repeat-x;
}


#lowerNav {
	margin: 10px auto;
	padding: 5px;
	width: 980px;
}

#lowerNav ul {
	margin: 0px auto;
	width: 910px;
}

#lowerNav ul li {
	float: left;
	margin: 0px 10px;
}

#lowerNav ul li a {
	color: white;
	font-size: .75em;
	text-decoration: none;
}

#lowerNav ul li a:hover {
	text-decoration: underline;
}