/*
	-- -- -- -- -- -- --
	css sprites2
	nav style, with style for scripted elements

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/

.nav {
	width: 601px;
	height: 20px;
	background: url(blue-nav.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 20px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

/* home*/
.nav .home a:link, .nav .home a:visited {
	left: 23px;
	width: 104px;
}
.nav .home a:hover, .nav .home a:focus {
	background: url(blue-nav.gif) no-repeat -23px -21px;
}
.nav .home a:active {
	background: url(blue-nav.gif) no-repeat -23px -42px;
}
.current-home .home a:link, .current-home .home a:visited {
	background: url(blue-nav.gif) no-repeat -23px -63px;
	cursor: default;
}
.nav-home, .nav-home-click {
	position: absolute;
	top: 0;
	left: 23px;
	width: 104px;
	height: 20px;
	background: url(blue-nav.gif) no-repeat -23px -21px;
}
.nav-home-click {
	background: url(blue-nav.gif) no-repeat -23px -42px;
}
/* about*/
.nav .about a:link, .nav .about a:visited {
	left: 128px;
	width: 158px;
}
.nav .about a:hover, .nav .about a:focus {
	background: url(blue-nav.gif) no-repeat -128px -21px;
}
.nav .about a:active {
	background: url(blue-nav.gif) no-repeat -128px -42px;
}
.current-about .about a:link, .current-about .about a:visited {
	background: url(blue-nav.gif) no-repeat -128px -63px;
	cursor: default;
}
.nav-about, .nav-about-click {
	position: absolute;
	top: 0;
	left: 128px;
	width: 158px;
	height: 20px;
	background: url(blue-nav.gif) no-repeat -128px -21px;
}
.nav-about-click {
	background: url(blue-nav.gif) no-repeat -128px -42px;
}
/* services*/
.nav .services a:link, .nav .services a:visited {
	left: 287px;
	width: 91px;
}
.nav .services a:hover, .nav .services a:focus {
	background: url(blue-nav.gif) no-repeat -287px -21px;
}
.nav .services a:active {
	background: url(blue-nav.gif) no-repeat -287px -42px;
}
.current-services .services a:link, .current-services .services a:visited {
	background: url(blue-nav.gif) no-repeat -287px -63px;
	cursor: default;
}
.nav-services, .nav-services-click {
	position: absolute;
	top: 0;
	left: 287px;
	width: 91px;
	height: 20px;
	background: url(blue-nav.gif) no-repeat -287px -21px;
}
.nav-services-click {
	background: url(blue-nav.gif) no-repeat -287px -42px;
}
/* contact*/
.nav .contact a:link, .nav .contact a:visited {
	left: 379px;
	width: 104px;
}
.nav .contact a:hover, .nav .contact a:focus {
	background: url(blue-nav.gif) no-repeat -379px -21px;
}
.nav .contact a:active {
	background: url(blue-nav.gif) no-repeat -379px -42px;
}
.current-contact .contact a:link, .current-contact .contact a:visited {
	background: url(blue-nav.gif) no-repeat -379px -63px;
	cursor: default;
}
.nav-contact, .nav-contact-click {
	position: absolute;
	top: 0;
	left: 379px;
	width: 104px;
	height: 20px;
	background: url(blue-nav.gif) no-repeat -379px -21px;
}
.nav-contact-click {
	background: url(blue-nav.gif) no-repeat -379px -42px;
}