/*

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

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

*/
BODY
{
	color: #000;
	background: #FFF;
}
.nav
{
	width: 650px;
	height: 48px;
	background: url(blue-nav.gif) no-repeat;
	position: absolute;
	top: auto;
	left: auto;
}
.nav LI
{
	display: inline;
}
.nav LI A:link, .nav LI A:visited
{
	position: absolute;
	top: 0;
	height: 48px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
.nav .home A:link, .nav .home A:visited
{
	left: 23px;
	width: 76px;
}
.nav .home A:hover, .nav .home A:focus
{
	background: url(blue-nav.gif) no-repeat -23px -49px;
}
.nav .home A:active
{
	background: url(blue-nav.gif) no-repeat -23px -98px;
}
.current-home .home A:link, .current-home .home A:visited
{
	background: url(blue-nav.gif) no-repeat -23px -147px;
	cursor: default;
}
.nav-home, .nav-home-click
{
	position: absolute;
	top: 0;
	left: 23px;
	width: 76px;
	height: 48px;
	background: url(blue-nav.gif) no-repeat -23px -49px;
}
.nav-home-click
{
	background: url(blue-nav.gif) no-repeat -23px -98px;
}
.nav .about A:link, .nav .about A:visited
{
	left: 100px;
	width: 82px;
}
.nav .about A:hover, .nav .about A:focus
{
	background: url(blue-nav.gif) no-repeat -100px -49px;
}
.nav .about A:active
{
	background: url(blue-nav.gif) no-repeat -100px -98px;
}
.current-about .about A:link, .current-about .about A:visited
{
	background: url(blue-nav.gif) no-repeat -100px -147px;
	cursor: default;
}
.nav-about, .nav-about-click
{
	position: absolute;
	top: 0;
	left: 100px;
	width: 82px;
	height: 48px;
	background: url(blue-nav.gif) no-repeat -100px -49px;
}
.nav-about-click
{
	background: url(blue-nav.gif) no-repeat -100px -98px;
}
.nav .services A:link, .nav .services A:visited
{
	left: 183px;
	width: 97px;
}
.nav .services A:hover, .nav .services A:focus
{
	background: url(blue-nav.gif) no-repeat -183px -49px;
}
.nav .services A:active
{
	background: url(blue-nav.gif) no-repeat -183px -98px;
}
.current-services .services A:link, .current-services .services A:visited
{
	background: url(blue-nav.gif) no-repeat -183px -147px;
	cursor: default;
}
.nav-services, .nav-services-click
{
	position: absolute;
	top: 0;
	left: 183px;
	width: 97px;
	height: 48px;
	background: url(blue-nav.gif) no-repeat -183px -49px;
}
.nav-services-click
{
	background: url(blue-nav.gif) no-repeat -183px -98px;
}
.nav .contact A:link, .nav .contact A:visited
{
	left: 281px;
	width: 97px;
}
.nav .contact A:hover, .nav .contact A:focus
{
	background: url(blue-nav.gif) no-repeat -281px -49px;
}
.nav .contact A:active
{
	background: url(blue-nav.gif) no-repeat -281px -98px;
}
.current-contact .contact A:link, .current-contact .contact A:visited
{
	background: url(blue-nav.gif) no-repeat -281px -147px;
	cursor: default;
}
.nav-contact, .nav-contact-click
{
	position: absolute;
	top: 0;
	left: 281px;
	width: 97px;
	height: 48px;
	background: url(blue-nav.gif) no-repeat -281px -49px;
}
.nav-contact-click
{
	background: url(blue-nav.gif) no-repeat -281px -98px;
}