/*
-- -- -- -- -- -- --
css sprite nav
nav style

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

/* -- sprite nav -- */

.nav {
width: 870px;
height: 30px;
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: 30px;
text-indent: -9000px;
overflow: hidden;
z-index: 10;
border: none;
}

/* -- menu nav -- */

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

/* -- locations nav -- */

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

/* -- about nav -- */

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

/* -- contact nav -- */

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