/*

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

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

.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 17px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
	.nav .graphic a:link, .nav .graphic a:visited {
		left: 0px;
		width: 69px;
	}
	.nav .graphic a:hover, .nav .graphic a:focus {
		background: url(../images/nav.gif) no-repeat 0px -0px;
	}
	.nav .graphic a:active {
		background: url(../images/nav.gif) no-repeat 0px -22px;
	}
	.current-graphic .graphic a:link, .current-graphic .graphic a:visited {
		background: url(../images/nav.gif) no-repeat 0px -44px;
		cursor: default;
	}
	.nav-graphic, .nav-graphic-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 69px;
		height: 17px;
		background: url(../images/nav.gif) no-repeat 0px -22px;
	}
	.nav-graphic-click {
		background: url(../images/nav.gif) no-repeat 0px -44px;
	}



	.nav .web a:link, .nav .web a:visited {
		left: 69px;
		width: 40px;
	}
	.nav .web a:hover, .nav .web a:focus {
		background: url(../images/nav.gif) no-repeat -69px 0px;
	}
	.nav .web a:active {
		background: url(../images/nav.gif) no-repeat -69px -22px;
	}
	.current-web .web a:link, .current-web .web a:visited {
		background: url(../images/nav.gif) no-repeat -69px -44px;
		cursor: default;
	}
	.nav-web, .nav-web-click {
		position: absolute;
		top: 0;
		left: 69px;
		width: 40px;
		height: 17px;
		background: url(../images/nav.gif) no-repeat -69px -22px;
	}
	.nav-web-click {
		background: url(../images/nav.gif) no-repeat -69px -44px;
	}



	.nav .illustration a:link, .nav .illustration a:visited {
		left: 109px;
		width: 89px;
	}
	.nav .illustration a:hover, .nav .illustration a:focus {
		background: url(../images/nav.gif) no-repeat -109px -0px;
	}
	.nav .illustration a:active {
		background: url(../images/nav.gif) no-repeat -109px -22px;
	}
	.current-illustration .illustration a:link, .current-illustration .illustration a:visited {
		background: url(../images/nav.gif) no-repeat -109px -44px;
		cursor: default;
	}
	.nav-illustration, .nav-illustration-click {
		position: absolute;
		top: 0;
		left: 109px;
		width: 89px;
		height: 17px;
		background: url(../images/nav.gif) no-repeat -109px -22px;
	}
	.nav-illustration-click {
		background: url(../images/nav.gif) no-repeat -109px -44px;
	}


	
	.nav .about a:link, .nav .about a:visited {
		left: 198px;
		width: 46px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images/nav.gif) no-repeat -198px -0px;
	}
	.nav .about a:active {
		background: url(../images/nav.gif) no-repeat -198px -22px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/nav.gif) no-repeat -198px -44px;
		cursor: default;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 198px;
		width: 46px;
		height: 17px;
		background: url(../images/nav.gif) no-repeat -198px -22px;
	}
	.nav-about-click {
		background: url(../images/nav.gif) no-repeat -198px -44px;
	}