/*

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

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


.nav {
	clear:both;
	width: 968px;
	height: 35px;
	background: url(../images/blue-nav.gif) no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 40px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
/**home**/
	.nav .home a:link, .nav .home a:visited {
		left: 0px;
		width: 112px;
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(../images/blue-nav.gif) no-repeat 0px -40px;
	}
	.nav .home a:active {
		background: url(../images/blue-nav.gif) no-repeat 0px -80px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(../images/blue-nav.gif) no-repeat 0px -119px;
		cursor: default;
	}
	.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 112px;
		height: 40px;
		background: url(../images/blue-nav.gif) no-repeat 0px -40px;
	}
	.nav-home-click {
		background: url(../images/blue-nav.gif) no-repeat 0px -40px;
	}
/**end home**/

/**about**/
	.nav .about a:link, .nav .about a:visited {
		left: 112px;
		width: 144px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images/blue-nav.gif) no-repeat -112px -29px;
	}
	.nav .about a:active {
		background: url(../images/blue-nav.gif) no-repeat -112px -58px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/blue-nav.gif) no-repeat -112px -119px;
		cursor: default;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 112px;
		width: 144px;
		height: 40px;
		background: url(../images/blue-nav.gif) no-repeat -112px -40px;
	}
	.nav-about-click {
		background: url(../images/blue-nav.gif) no-repeat -112px -40px;
	}
/**end about**/

/**products**/
	.nav .products a:link, .nav .products a:visited {
		left: 255px;
		width: 141px;
	}
	.nav .products a:hover, .nav .products a:focus {
		background: url(../images/blue-nav.gif) no-repeat -255px -29px;
	}
	.nav .products a:active {
		background: url(../images/blue-nav.gif) no-repeat -255px -58px;
	}
	.current-products .products a:link, .current-products .products a:visited {
		background: url(../images/blue-nav.gif) no-repeat -255px -119px;
		cursor: default;
	}
	.nav-products, .nav-products-click {
		position: absolute;
		top: 0;
		left: 255px;
		width: 141px;
		height: 40px;
		background: url(../images/blue-nav.gif) no-repeat -255px -40px;
	}
	.nav-products-click {
		background: url(../images/blue-nav.gif) no-repeat -255px -40px;
	}
/**end products**/

/**news**/	
	.nav .news a:link, .nav .news a:visited {
		left: 396px;
		width: 142px;
	}
	.nav .news a:hover, .nav .news a:focus {
		background: url(../images/blue-nav.gif) no-repeat -396px -29px;
	}
	.nav .news a:active {
		background: url(../images/blue-nav.gif) no-repeat -396px -58px;
	}
	.current-news .news a:link, .current-news .news a:visited {
		background: url(../images/blue-nav.gif) no-repeat -396px -119px;
		cursor: default;
	}
	.nav-news, .nav-news-click {
		position: absolute;
		top: 0;
		left: 396px;
		width: 142px;
		height: 40px;
		background: url(../images/blue-nav.gif) no-repeat -396px -40px;
	}
	.nav-news-click {
		background: url(../images/blue-nav.gif) no-repeat -396px -40px;
	}
/**end news**/

/**services**/	
	.nav .services a:link, .nav .services a:visited {
		left: 538px;
		width: 142px;
	}
	.nav .services a:hover, .nav .services a:focus {
		background: url(../images/blue-nav.gif) no-repeat -538px -29px;
	}
	.nav .services a:active {
		background: url(../images/blue-nav.gif) no-repeat -538px -58px;
	}
	.current-services .services a:link, .current-services .services a:visited {
		background: url(../images/blue-nav.gif) no-repeat -538px -119px;
		cursor: default;
	}
	.nav-services, .nav-services-click {
		position: absolute;
		top: 0;
		left: 538px;
		width: 142px;
		height: 40px;
		background: url(../images/blue-nav.gif) no-repeat -538px -40px;
	}
	.nav-services-click {
		background: url(../images/blue-nav.gif) no-repeat -538px -40px;
	}
/**end services**/

/**hr**/	
	.nav .hr a:link, .nav .hr a:visited {
		left: 680px;
		width: 142px;
	}
	.nav .hr a:hover, .nav .hr a:focus {
		background: url(../images/blue-nav.gif) no-repeat -680px -29px;
	}
	.nav .hr a:active {
		background: url(../images/blue-nav.gif) no-repeat -680px -58px;
	}
	.current-hr .hr a:link, .current-hr .hr a:visited {
		background: url(../images/blue-nav.gif) no-repeat -680px -119px;
		cursor: default;
	}
	.nav-hr, .nav-hr-click {
		position: absolute;
		top: 0;
		left: 680px;
		width: 142px;
		height: 40px;
		background: url(../images/blue-nav.gif) no-repeat -680px -40px;
	}
	.nav-hr-click {
		background: url(../images/blue-nav.gif) no-repeat -680px -40px;
	}
/**end hr**/

/**contact**/	
	.nav .contact a:link, .nav .contact a:visited {
		left: 821px;
		width: 146px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(../images/blue-nav.gif) no-repeat -821px -29px;
	}
	.nav .contact a:active {
		background: url(../images/blue-nav.gif) no-repeat -821px -58px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../images/blue-nav.gif) no-repeat -821px -119px;
		cursor: default;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 822px;
		width: 146px;
		height: 40px;
		background: url(../images/blue-nav.gif) no-repeat -822px -40px;
	}
	.nav-contact-click {
		background: url(../images/blue-nav.gif) no-repeat -822px -40px;
	}
/**end hr**/