/*

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

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



.nav {
	width: 546px;
	height: 102px;
	background: url(blue-nav.gif) no-repeat;
	position: absolute;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 102px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
	.nav .home a:link, .nav .home a:visited {
		left: 0px;
		width: 104px;
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(blue-nav.gif) no-repeat 0 -103px;
	}
	.nav .home a:active {
		background: url(blue-nav.gif) no-repeat 0 -206px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(blue-nav.gif) no-repeat 0 -309px;
		cursor: default;
	}
	.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 0;
		width: 104px;
		height: 102px;
		background: url(blue-nav.gif) no-repeat 0 -103px;
	}
	.nav-home-click {
		background: url(blue-nav.gif) no-repeat 0 -206px;
	}



	.nav .about a:link, .nav .about a:visited {
		left: 105px;
		width: 108px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(blue-nav.gif) no-repeat -105px -103px;
	}
	.nav .about a:active {
		background: url(blue-nav.gif) no-repeat -105px -206px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(blue-nav.gif) no-repeat -105px -309px;
		cursor: default;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 105px;
		width: 108px;
		height: 102px;
		background: url(blue-nav.gif) no-repeat -105px -103px;
	}
	.nav-about-click {
		background: url(blue-nav.gif) no-repeat -105px -206px;
	}



	.nav .services a:link, .nav .services a:visited {
		left: 214px;
		width: 107px;
	}
	.nav .services a:hover, .nav .services a:focus {
		background: url(blue-nav.gif) no-repeat -214px -103px;
	}
	.nav .services a:active {
		background: url(blue-nav.gif) no-repeat -214px -206px;
	}
	.current-services .services a:link, .current-services .services a:visited {
		background: url(blue-nav.gif) no-repeat -214px -309px;
		cursor: default;
	}
	.nav-services, .nav-services-click {
		position: absolute;
		top: 0;
		left: 214px;
		width: 107px;
		height: 102px;
		background: url(blue-nav.gif) no-repeat -214px -103px;
	}
	.nav-services-click {
		background: url(blue-nav.gif) no-repeat -214px -206px;
	}


	
	.nav .works a:link, .nav .works a:visited {
		left: 322px;
		width: 106px;
	}
	.nav .works a:hover, .nav .works a:focus {
		background: url(blue-nav.gif) no-repeat -322px -103px;
	}
	.nav .works a:active {
		background: url(blue-nav.gif) no-repeat -322px -206px;
	}
	.current-works .works a:link, .current-works .works a:visited {
		background: url(blue-nav.gif) no-repeat -322px -309px;
		cursor: default;
	}
	.nav-works, .nav-works-click {
		position: absolute;
		top: 0;
		left: 322px;
		width: 106px;
		height: 102px;
		background: url(blue-nav.gif) no-repeat -322px -103px;
	}
	.nav-works-click {
		background: url(blue-nav.gif) no-repeat -322px -206px;
	}

	.nav .contact a:link, .nav .contact a:visited {
		left: 429px;
		width: 117px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(blue-nav.gif) no-repeat -429px -103px;
	}
	.nav .contact a:active {
		background: url(blue-nav.gif) no-repeat -429px -206px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(blue-nav.gif) no-repeat -429px -309px;
		cursor: default;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 429px;
		width: 117px;
		height: 102px;
		background: url(blue-nav.gif) no-repeat -429px -103px;
	}
	.nav-contact-click {
		background: url(blue-nav.gif) no-repeat -429px -206px;
	}