#nav {
	background-color: #eae8dd;
	position: absolute;
	top: 0;
	left: 0;	
	width:620px;
	height: 45px;
	margin: 0;
	padding: 0;
}

#nav li{ 	
	list-style-type:none;
	margin: 0;
	padding: 0;
}

#nav li a {
	height:45px;
	display:block;
	position:absolute;
	top:0;
	
	text-indent:-9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#navHome a, #navShop a, #navShip a, #navCustomer a, #navContact a {
	background:url(../images/navBG.jpg) 
}

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 41px
	selected state = 82px

	The distance from the far-left to the...

	home button = 41px
	shop button = 119px
	shipping button = 240px
	customer button = 374px
	contact button = 527px

	The width of the... 

	home button = 58px
	shop button = 95px
	shipping button = 105px
	customer button = 138px
	contact button = 91px
*/

#navHome a{
	background-position:-41px 0;
	width:58px; 
	left:41px 
}
#navHome a:hover{ 
	background-position:-41px -41px;
}

#navShop a{
	background-position:-119px 0;
	width:95px; 
	left:119px;
}
#navShop a:hover{
	background-position:-119px -41px;
}

#navShip a{
	background-position:-240px 0;
	width:105px;
	left:240px;
}
#navShip a:hover{
	background-position:-240px -41px;
}

#navCustomer a {
	background-position:-374px 0;
	width:138px;
	left:374px;
}
#navCustomer a:hover{
	background-position:-374px -41px;
}

#navContact a{ 
	background-position:-527px 0;
	width:91px;
	left:527px 
}
#navContact a:hover{
	background-position:-527px -41px;
}


#nav { top: 207px; }
#layer1 { background-image: url(images/navBG.jpg); }
#layer2 { background-image: url(images/navBG.jpg); }
#layer3 { background-image: url(images/navBG.jpg); }
#layer4 { background-image: url(images/navBG.jpg); }
#layer5 { background-image: url(images/navBG.jpg); }