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

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




.nav {
	width: 733px;
	height: 40px;
	background: url(../images/layout/nav.png) no-repeat;
	position: relative;
	top:5px; left:5px;
	border-bottom:1px solid #ccc;
}
#home .nav {border-bottom:0px;}


.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 40px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
.nav .home a:link, .nav .home a:visited {left:0px;	width: 57px;}
	.nav .home a:hover, .nav .home a:focus {background: url(../images/layout/nav.png) no-repeat 0px -80px;	}
	.nav .home a:active {background: url(../images/layout/nav.png) no-repeat 0px -40px;	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(../images/layout/nav.png) no-repeat 0px -40px;
		}
	.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 57px;
		height: 40px;
		background: url(../images/layout/nav.png) no-repeat 0px -80px;	}
	.nav-home-click {background: url(../images/layout/nav.png) no-repeat 0px -40px;	}



	.nav .about a:link, .nav .about a:visited {
		left: 58px;
		width: 70px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images/layout/nav.png) no-repeat -58px -80px;
	}
	.nav .about a:active {
		background: url(../images/layout/nav.png) no-repeat -58px -40px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/layout/nav.png) no-repeat -58px -40px;
		cursor: pointer;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 58px;
		width: 70px;
		height: 40px;
		background: url(../images/layout/nav.png) no-repeat -58px -80px;
	}
	.nav-about-click {
		background: url(../images/layout/nav.png) no-repeat -58px -40px;
	}





/*-------------showrooms ---------------------*/
.nav .showrooms a:link, .nav .showrooms a:visited {display:block;	left: 129px; width: 114px;}
.nav .showrooms a:hover, .nav .showrooms a:focus {background: url(../images/layout/nav.png) no-repeat -129px -80px;}
.nav .showrooms a:active {background: url(../images/layout/nav.png) no-repeat -129px -40px;}
.current-showrooms .showrooms a:link, .current-showrooms .showrooms a:visited {
		background: url(../images/layout/nav.png) no-repeat -129px -40px;
		}
.nav-showrooms, .nav-home-showrooms {
		position: absolute;
		top: 0;
		left: 129px;
		width: 114px;
		height: 40px;
		background: url(../images/layout/nav.png) no-repeat -129px -80px;
	}
	.nav-showrooms-click {
		background: url(../images/layout/nav.png) no-repeat -129px -40px;
	}
	
/*-------------trade counter ---------------------*/
.nav .tradecounter a:link, .nav .tradecounter a:visited {	left: 244px; width: 142px;}
.nav .tradecounter a:hover, .nav .tradecounter a:focus {background: url(../images/layout/nav.png) no-repeat -244px -80px;}
.nav .tradecounter a:active {background: url(../images/layout/nav.png) no-repeat -244px -40px;}
.current-tradecounter .tradecounter a:link, .current-tradecounter .tradecounter a:visited {
		background: url(../images/layout/nav.png) no-repeat -244px -40px;
		}
.nav-tradecounter, .nav-home-tradecounter {
		position: absolute;
		top: 0;
		left: 244px;
		width: 142px;
		height: 40px;
		background: url(../images/layout/nav.png) no-repeat -244px -80px;
	}
	.nav-tradecounter-click {
		background: url(../images/layout/nav.png) no-repeat -244px -40px;
	}
	
/*------------- plumbing and heating ---------------------*/
.nav .plumbing a:link, .nav .plumbing a:visited {	left: 387px; width: 169px;}
.nav .plumbing a:hover, .nav .plumbing a:focus {background: url(../images/layout/nav.png) no-repeat -387px -80px;}
.nav .plumbing a:active {background: url(../images/layout/nav.png) no-repeat -387px -40px;}
.current-plumbing .plumbing a:link, .current-plumbing .plumbing a:visited {
		background: url(../images/layout/nav.png) no-repeat -387px -40px;
		}
.nav-plumbing, .nav-home-plumbing {
		position: absolute;
		top: 0;
		left: 387px;
		width: 169px;
		height: 40px;
		background: url(../images/layout/nav.png) no-repeat -387px -80px;
	}
	.nav-plumbing-click {
		background: url(../images/layout/nav.png) no-repeat -387px -40px;
	}
	
/*------------- contact ---------------------*/
.nav .contact a:link, .nav .contact a:visited {left: 557px; width: 110px;}
.nav .contact a:hover, .nav .contact a:focus {background: url(../images/layout/nav.png) no-repeat -557px -80px;}
.nav .contact a:active {background: url(../images/layout/nav.png) no-repeat -557px -40px;}
.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../images/layout/nav.png) no-repeat -557px -40px;
		}
.nav-contact, .nav-home-contact {
		position: absolute;
		top: 0;
		left: 557px;
		width: 110px;
		height: 40px;
		background: url(../images/layout/nav.png) no-repeat -557px -80px;
	}
	.nav-contact-click {
		background: url(../images/layout/nav.png) no-repeat -557px -40px;
	}