.nav {
	width: 100%;
	height: 42px;
}

.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0px;
	height: 42px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 100;
}

	.nav .home {
		width: 80px;
		height: 42px;
		background: url(images/nav/home.gif) no-repeat;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	.nav .home a:link, .nav .home a:visited {
		left: 0px;
		width: 80px;
		
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(images/nav/home.gif) no-repeat 0px 0px;
	}
	.nav .home a:active {
		background: url(images/nav/home.gif) no-repeat 0px 0px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(images/nav/home.gif) no-repeat 0px -42px;
		cursor: default;
		z-index: 99;
	}
	.nav-home, .nav-home-click {
		background: url(images/nav/home.gif) no-repeat;
		position: absolute;
		top: 0;
		left: 0px;
		width: 80px;
		height: 42px;
		background: url(images/nav/home.gif) no-repeat 0px -42px;
	}
	.nav-home-click {
		background: url(images/nav/home.gif) no-repeat 0px -42px;
	}



	.nav .about-us {
		width: 104px;
		height: 42px;
		background: url(images/nav/about-us.gif) no-repeat;
		position: absolute;
		top: 0px;
		left: 80px;

	}
	.nav .about-us a:link, .nav .about-us a:visited {
		left: 0px;
		width: 104px;
	}
	.nav .about-us a:hover, .nav .about-us a:focus {
		background: url(images/nav/about-us.gif) no-repeat 0px 0px;
	
	}
	.nav .about-us a:active {
		background: url(images/nav/about-us.gif) no-repeat 0px 0px;

	}
	.current-about-us .about-us a:link, .current-about-us .about-us a:visited {
	background: url(images/nav/about-us.gif) no-repeat 0px -42px;
	cursor: default;
	z-index: 1000;

	}
	.nav-about-us, .nav-about-us-click {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 104px;
		height: 42px;
		background: url(images/nav/about-us.gif) no-repeat 0px -42px;

	}
	.nav-about-us-click {
		background: url(images/nav/about-us.gif) no-repeat 0px -42px;

	}



	.nav .ranges {
		width: 93px;
		height: 42px;
		background: url(images/nav/ranges.gif) no-repeat;
		position: absolute;
		top: 0px;
		left: 184px;

	}
	.nav .ranges a:link, .nav .ranges a:visited {
		left: 0px;
		width: 93px;
	}
	.nav .ranges a:hover, .nav .ranges a:focus {
		background: url(images/nav/ranges.gif) no-repeat 0px 0px;
	}
	.nav .ranges a:active {
		background: url(images/nav/ranges.gif) no-repeat 0px 0px;
	}
	.current-ranges .ranges a:link, .current-ranges .ranges a:visited {
		background: url(images/nav/ranges.gif) no-repeat 0px -42px;
		cursor: default;
	}
	.nav-ranges, .nav-ranges-click {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 93px;
		height: 42px;
		background: url(images/nav/ranges.gif) no-repeat 0px -42px;

	}
	.nav-ranges-click {
		background: url(images/nav/ranges.gif) no-repeat 0px -42px;
	}
	
	.nav .mix-and-match {
		width: 123px;
		height: 42px;
		background: url(images/nav/mix-and-match.gif) no-repeat;
		position: absolute;
		top: 0px;
		left: 277px;

	}
	.nav .mix-and-match a:link, .nav .mix-and-match a:visited {
		left: 0px;
		width: 123px;
	}
	.nav .mix-and-match a:hover, .nav .mix-and-match a:focus {
		background: url(images/nav/mix-and-match.gif) no-repeat 0px 0px;
	}
	.nav .mix-and-match a:active {
		background: url(images/nav/mix-and-match.gif) no-repeat 0px 0px;
	}
	.current-mix-and-match .mix-and-match a:link, .current-mix-and-match .mix-and-match a:visited {
		background: url(images/nav/mix-and-match.gif) no-repeat 0px -42px;
		cursor: default;
	}
	.nav-mix-and-match, .nav-mix-and-match-click {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 123px;
		height: 42px;
		background: url(images/nav/mix-and-match.gif) no-repeat 0px -42px;

	}
	.nav-mix-and-match-click {
		background: url(images/nav/mix-and-match.gif) no-repeat 0px -42px;
	}



.nav .stockists {
		width: 112px;
		height: 42px;
		background: url(images/nav/stockists.gif) no-repeat;
		position: absolute;
		top: 0px;
		left: 400px;

	}
	.nav .stockists a:link, .nav .stockists a:visited {
		left: 0px;
		width: 112px;
	}
	.nav .stockists a:hover, .nav .stockists a:focus {
		background: url(images/nav/stockists.gif) no-repeat 0px 0px;
	}
	.nav .stockists a:active {
		background: url(images/nav/stockists.gif) no-repeat 0px 0px;
	}
	.current-stockists .stockists a:link, .current-stockists .stockists a:visited {
		background: url(images/nav/stockists.gif) no-repeat 0px -42px;
		cursor: default;
	}
	.nav-stockists, .nav-stockists-click {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 112px;
		height: 42px;
		background: url(images/nav/stockists.gif) no-repeat 0px -42px;

	}
	.nav-stockists-click {
		background: url(images/nav/stockists.gif) no-repeat 0px -42px;
	}
	
	
	.nav .contact-us {
		width: 122px;
		height: 42px;
		background: url(images/nav/contact-us.gif) no-repeat;
		position: absolute;
		top: 0px;
		left: 512px;

	}
	.nav .contact-us a:link, .nav .contact-us a:visited {
		left: 0px;
		width: 122px;
	}
	.nav .contact-us a:hover, .nav .contact-us a:focus {
		background: url(images/nav/contact-us.gif) no-repeat 0px 0px;
	}
	.nav .contact-us a:active {
		background: url(images/nav/contact-us.gif) no-repeat 0px 0px;
	}
	.current-contact-us .contact-us a:link, .current-contact-us .contact-us a:visited {
		background: url(images/nav/contact-us.gif) no-repeat 0px -42px;
		cursor: default;
	}
	.nav-contact-us, .nav-contact-us-click {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 122px;
		height: 42px;
		background: url(images/nav/contact-us.gif) no-repeat 0px -42px;

	}
	.nav-contact-us-click {
		background: url(images/nav/contact-us.gif) no-repeat 0px -42px;
	}
	
	
	
	.nav .blog {
		width: 77px;
		height: 42px;
		background: url(images/nav/blog.gif) no-repeat;
		position: absolute;
		top: 0px;
		left: 634px;

	}
	.nav .blog a:link, .nav .blog a:visited {
		left: 0px;
		width: 77px;
	}
	.nav .blog a:hover, .nav .blog a:focus {
		background: url(images/nav/blog.gif) no-repeat 0px 0px;
	}
	.nav .blog a:active {
		background: url(images/nav/blog.gif) no-repeat 0px 0px;
	}
	.current-blog .blog a:link, .current-blog .blog a:visited {
		background: url(images/nav/blog.gif) no-repeat 0px 0px;
		cursor: default;
	}
	.nav-blog, .nav-blog-click {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 77px;
		height: 42px;
		background: url(images/nav/blog.gif) no-repeat 0px -42px;

	}
	.nav-blog-click {
		background: url(images/nav/blog.gif) no-repeat 0px -42px;
	}