@charset "utf-8";
/* Exclusive Metals CSS Navmenu Document */
/* ©2011 Peltz Consulting Company */

/*   navmenu ul container   */

ul.navmenu {
	height: 39px;
	list-style: none;
	margin: 0px;
	padding: 0;
}

/*   link - common settings   */

ul.navmenu li {
	float: left;	
}

ul.navmenu li a {
	background-image: url(../images/navsprite.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
	display: block;
	height: 39px;
	position: relative;
}

/*   default nav button settings   */

ul.navmenu li.home a {
	width: 148px;
}

ul.navmenu li.products a {
	width: 148px;
	background-position: -148px 0px;
}

ul.navmenu li.quote a {
	width: 148px;
	background-position: -296px 0px;
}

ul.navmenu li.gallery a {
	width: 148px;
	background-position: -444px 0px;
}

ul.navmenu li.about a {
	width: 148px;
	background-position: -592px 0px;
}

ul.navmenu li.contact a {
	width: 148px;
	background-position: -740px 0px;
}

/*   span on hover - common settings   */

ul.navmenu li a span {
	background-image: url(../images/navsprite.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: bottom left;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

/*   span on hover - pointer   */

ul.navmenu li a span:hover {
	cursor: pointer;
}

/*   shift background on hover for nav buttons   */

ul.navmenu li.home a span {
	background-position: 0px -39px;
}
	
ul.navmenu li.products a span {
	background-position: -148px -39px;
}

ul.navmenu li.quote a span {
	background-position: -296px -39px;
}

ul.navmenu li.gallery a span {
	background-position: -444px -39px;
}

ul.navmenu li.about a span {
	background-position: -592px -39px;
}

ul.navmenu li.contact a span {
	background-position: -740px -39px;
}

/*   shift background for nav button on current page   */

#home li.home a {background-position: 0px -78px;}
#products li.products a {background-position: -148px -78px;}
#quote li.quote a {background-position: -296px -78px;} 
#gallery li.gallery a {background-position: -444px -78px;}
#about li.about a {background-position: -592px -78px;}
#contact li.contact a {background-position: -740px -78px;}