/*

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

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/
.nav {
	width: 590px;
	height: 54px;
	background: url(../img/layout/nav.jpg) no-repeat -10px 0px;
	position: absolute;
	top: 14px;
	right: 0px;
	overflow:hidden;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 54px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
	.nav .home a {
		left: 0px;
		width: 64px;
	}
	.nav .home a:hover {
		background: url(../img/layout/nav.jpg) no-repeat -10px -56px;
		cursor:pointer;
	}
	.current-home .home a, .current-home .home a:hover {
		background: url(../img/layout/nav.jpg) no-repeat -10px -111px;
		/*cursor: default;*/
	}
	.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 64px;
		height: 54px;
		background: url(../img/layout/nav.jpg) no-repeat -10px -56px;
	}
	.nav-home-click {
		background: url(../img/layout/nav.jpg) no-repeat -10px -111px;
	}
	
	
	
	.nav .projects a, .nav-projects, .nav-projects-click {
		left: 65px;
		width: 100px;
	}
	.nav .projects a:hover {
		background: url(../img/layout/nav.jpg) no-repeat -75px -56px;
		cursor:pointer;
	}
	.current-projects .projects a, .current-projects .projects a:hover {
		background: url(../img/layout/nav.jpg) no-repeat -75px -111px;
		/*cursor: default;*/
	}
	.nav-projects, .nav-projects-click {
		position: absolute;
		top: 0;
		height: 54px;
		background: url(../img/layout/nav.jpg) no-repeat -75px -56px;
	}
	.nav-projects-click {
		background: url(../img/layout/nav.jpg) no-repeat -75px -111px;
	}
	
	
	.nav .range a, .nav-range, .nav-range-click {
		left: 166px;
		width: 73px;
	}
	.nav .range a:hover {
		background: url(../img/layout/nav.jpg) no-repeat -176px -56px;
		cursor:pointer;
	}
	.current-range .range a, .current-range .range a:hover {
		background: url(../img/layout/nav.jpg) no-repeat -176px -111px;
		/*cursor: default;*/
	}
	.nav-range, .nav-range-click {
		position: absolute;
		top: 0;
		height: 54px;
		background: url(../img/layout/nav.jpg) no-repeat -176px -56px;
	}
	.nav-range-click {
		background: url(../img/layout/nav.jpg) no-repeat -176px -111px;
	}
	
	
	.nav .clients a, .nav-clients, .nav-clients-click  {
		left: 239px;
		width: 81px;
	}
	.nav .clients a:hover {
		background: url(../img/layout/nav.jpg) no-repeat -249px -56px;
		cursor:pointer;
	}
	.current-clients .clients a, .current-clients .clients a:hover {
		background: url(../img/layout/nav.jpg) no-repeat -249px -111px;
		/*cursor: default;*/
	}
	.nav-clients, .nav-clients-click {
		position: absolute;
		top: 0;
		height: 54px;
		background: url(../img/layout/nav.jpg) no-repeat -249px -56px;
	}
	.nav-clients-click {
		background: url(../img/layout/nav.jpg) no-repeat -249px -111px;
	}
	
	
	.nav .press a, .nav-press, .nav-press-click {
		left: 320px;
		width: 71px;
	}
	.nav .press a:hover {
		background: url(../img/layout/nav.jpg) no-repeat -330px -56px;
		cursor:pointer;
	}
	.current-press .press a, .current-press .press a:hover {
		background: url(../img/layout/nav.jpg) no-repeat -330px -111px;
		/*cursor: default;*/
	}
	.nav-press, .nav-press-click {
		position: absolute;
		top: 0;
		height: 54px;
		background: url(../img/layout/nav.jpg) no-repeat -330px -56px;
	}
	.nav-press-click {
		background: url(../img/layout/nav.jpg) no-repeat -330px -111px;
	}
	
	
	.nav .about a, .nav-about, .nav-about-click {
		left: 391px;
		width: 95px;
	}
	.nav .about a:hover {
		background: url(../img/layout/nav.jpg) no-repeat -401px --56px;
		cursor:pointer;
	}
	.current-about .about a, .current-about .about a:hover {
		background: url(../img/layout/nav.jpg) no-repeat -401px -111px;
		/*cursor: default;*/
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		height: 54px;
		background: url(../img/layout/nav.jpg) no-repeat -401px -56px;
	}
	.nav-about-click {
		background: url(../img/layout/nav.jpg) no-repeat -401px -111px;
	}
	
	
	.nav .contact a, .nav-contact, .nav-contact-click {
		left: 486px;
		width: 90px;
	}
	.nav .contact a:hover {
		background: url(../img/layout/nav.jpg) no-repeat -496px -56px;
		cursor:pointer;
	}
	.current-contact .contact a, .current-contact .contact a:hover {
		background: url(../img/layout/nav.jpg) no-repeat -496px -111px;
		/*cursor: default;*/
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		height: 54px;
		background: url(../img/layout/nav.jpg) no-repeat -496px -56px;
	}
	.nav-contact-click {
		background: url(../img/layout/nav.jpg) no-repeat -496px -111px;
	}