@charset "utf-8";
/* CSS Document */

/* Good Designer Navigation */

ul#navigation li {
	display:inline;
	padding: 0px;
	z-index: 5;
}
#navigation li a {
	height: 42px;
	top: 110px;
	display: block;
	overflow: hidden;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	color:#006627;
	font-size:12px;
	letter-spacing:-1px;
	line-height:175%;
	text-indent:-5000px;
	border:none;
}
#navigation li a:hover {
	background-position: 0 -42px;
	z-index: 5;
}
#home a {
	background-image: url(../images/nav_home.jpg);
	width: 86px;
	left: 13px;
}
#homeON a {
	width: 86px;
	left: 13px;
	background-image: url(../images/nav_homeON.jpg);
	background-position: 0 -42px;
	text-indent: -1000em;
	z-index: 5;
}
#portfolio a {
	background-image: url(../images/nav_portfolio.jpg);
	width: 105px;
	left: 117px;
}
#portfolioON a {
	width: 105px;
	left: 117px;
	background-image: url(../images/nav_portfolioON.jpg);
	text-indent: -1000em;
}
#services a {
	background-image: url(../images/nav_services.jpg);
	width: 105px;
	left: 240px;
}
#servicesON a {
	width: 105px;
	left: 240px;
	background-image: url(../images/nav_servicesON.jpg);
	text-indent: -1000em;
}

#about a {
	background-image: url(../images/nav_about.jpg);
	width: 87px;
	left: 363px;
}
#aboutON a {
	width: 87px;
		left: 363px;
	background-image: url(../images/nav_aboutON.jpg);
	text-indent: -1000em;
}
#links a {
	background-image: url(../images/nav_links.jpg);
	width: 87px;
	left: 347px;
}
#linksON a {
	width: 87px;
	left: 347px;
	background-image: url(../images/nav_linksON.jpg);
	text-indent: -1000em;
}
#contact a {
	background-image: url(../images/nav_contact.jpg);
	width: 120px;
	left: 470px;
}
#contactON a {
	width: 120px;
	left: 470px;
	background-image: url(../images/nav_contactON.jpg);
	text-indent: -1000em;
}