/*

-- -- -- -- -- -- --
css sprite nav
nav style

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

*/

/* -- sprite nav -- */

.nav {
width: 800px;
height: 70px;
background: url(/assets/images/nav.jpg) no-repeat;
position: relative;
}
.nav li {
display: inline;
}
.nav a:link, .nav a:visited {
position: absolute;
top: 0;
height: 70px;
text-indent: -9000px;
overflow: hidden;
z-index: 10;
border: none;
}

/* -- about nav -- */

.nav .about a:link, .nav .about a:visited {
	left: 0px;
	width: 135px;
}
.nav .about a:hover, .nav .about a:focus {
	background: url(/assets/images/nav.jpg) no-repeat 0px -70px;
}
.nav .about a:active {
	background: url(/assets/images/nav.jpg) no-repeat 0px -140px;
}
.current-about .about a:link, .current-about .about a:visited {
	background: url(/assets/images/nav.jpg) no-repeat 0px -140px;
	cursor: default;
}
.nav-about, .nav-about-click {
	position: absolute;
	top: 0;
	left: 0px;
	width: 135px;
	height: 70px;
	background: url(/assets/images/nav.jpg) no-repeat 0px -70px;
}
.nav-about-click {
	background: url(/assets/images/nav.jpg) no-repeat 0px -70px;
}

/* -- products nav -- */

.nav .products a:link, .nav .products a:visited {
	left: 135px;
	width: 91px;
}
.nav .products a:hover, .nav .products a:focus {
	background: url(/assets/images/nav.jpg) no-repeat -135px -70px;
}
.nav .products a:active {
	background: url(/assets/images/nav.jpg) no-repeat -135px -140px;
}
.current-products .products a:link, .current-products .products a:visited {
	background: url(/assets/images/nav.jpg) no-repeat -135px -140px;
	cursor: default;
}
.nav-products, .nav-products-click {
	position: absolute;
	top: 0;
	left: 135px;
	width: 91px;
	height: 70px;
	background: url(/assets/images/nav.jpg) no-repeat -135px -70px;
}
.nav-products-click {
	background: url(/assets/images/nav.jpg) no-repeat -135px -70px;
}

/* -- stores nav -- */

.nav .stores a:link, .nav .stores a:visited {
	left: 226px;
	width: 117px;
}
.nav .stores a:hover, .nav .stores a:focus {
	background: url(/assets/images/nav.jpg) no-repeat -226px -70px;
}
.nav .stores a:active {
	background: url(/assets/images/nav.jpg) no-repeat -226px -140px;
}
.current-stores .stores a:link, .current-stores .stores a:visited {
	background: url(/assets/images/nav.jpg) no-repeat -226px -140px;
	cursor: default;
}
.nav-stores, .nav-stores-click {
	position: absolute;
	top: 0;
	left: 226px;
	width: 117px;
	height: 70px;
	background: url(/assets/images/nav.jpg) no-repeat -226px -70px;
}
.nav-stores-click {
	background: url(/assets/images/nav.jpg) no-repeat -226px -70px;
}

/* -- services nav -- */

.nav .services a:link, .nav .services a:visited {
	left: 343px;
	width: 86px;
}
.nav .services a:hover, .nav .services a:focus {
	background: url(/assets/images/nav.jpg) no-repeat -343px -70px;
}
.nav .services a:active {
	background: url(/assets/images/nav.jpg) no-repeat -343px -140px;
}
.current-services .services a:link, .current-services .services a:visited {
	background: url(/assets/images/nav.jpg) no-repeat -343px -140px;
	cursor: default;
}
.nav-services, .nav-services-click {
	position: absolute;
	top: 0;
	left: 343px;
	width: 86px;
	height: 70px;
	background: url(/assets/images/nav.jpg) no-repeat -343px -70px;
}
.nav-services-click {
	background: url(/assets/images/nav.jpg) no-repeat -343px -70px;
}

/* -- resources nav -- */

.nav .resources a:link, .nav .resources a:visited {
	left: 429px;
	width: 166px;
}
.nav .resources a:hover, .nav .resources a:focus {
	background: url(/assets/images/nav.jpg) no-repeat -429px -70px;
}
.nav .resources a:active {
	background: url(/assets/images/nav.jpg) no-repeat -429px -140px;
}
.current-resources .resources a:link, .current-resources .resources a:visited {
	background: url(/assets/images/nav.jpg) no-repeat -429px -140px;
	cursor: default;
}
.nav-resources, .nav-resources-click {
	position: absolute;
	top: 0;
	left: 429px;
	width: 166px;
	height: 70px;
	background: url(/assets/images/nav.jpg) no-repeat -429px -70px;
}
.nav-resources-click {
	background: url(/assets/images/nav.jpg) no-repeat -429px -70px;
}

/* -- programs nav -- */

.nav .programs a:link, .nav .programs a:visited {
	left: 595px;
	width: 97px;
}
.nav .programs a:hover, .nav .programs a:focus {
	background: url(/assets/images/nav.jpg) no-repeat -595px -70px;
}
.nav .programs a:active {
	background: url(/assets/images/nav.jpg) no-repeat -595px -140px;
}
.current-programs .programs a:link, .current-programs .programs a:visited {
	background: url(/assets/images/nav.jpg) no-repeat -595px -140px;
	cursor: default;
}
.nav-programs, .nav-programs-click {
	position: absolute;
	top: 0;
	left: 595px;
	width: 97px;
	height: 70px;
	background: url(/assets/images/nav.jpg) no-repeat -595px -70px;
}
.nav-programs-click {
	background: url(/assets/images/nav.jpg) no-repeat -595px -70px;
}

/* -- contact nav -- */

.nav .contact a:link, .nav .contact a:visited {
	left: 692px;
	width: 108px;
}
.nav .contact a:hover, .nav .contact a:focus {
	background: url(/assets/images/nav.jpg) no-repeat -692px -70px;
}
.nav .contact a:active {
	background: url(/assets/images/nav.jpg) no-repeat -692px -140px;
}
.current-contact .contact a:link, .current-contact .contact a:visited {
	background: url(/assets/images/nav.jpg) no-repeat -692px -140px;
	cursor: default;
}
.nav-contact, .nav-contact-click {
	position: absolute;
	top: 0;
	left: 692px;
	width: 108px;
	height: 70px;
	background: url(/assets/images/nav.jpg) no-repeat -692px -70px;
}
.nav-contact-click {
	background: url(/assets/images/nav.jpg) no-repeat -692px -70px;
}