@charset "utf-8";

/*Navigation Roll Overs -- Images are single jpegs, moved up and down to create rollovers*/
/* Residential */
.residentialNav {
	position: absolute;
	height: 61px;
	width: 105px;
	left: 37px;
	top: 0px;
}

#holdingBox #headerNavigation #navigationMenu .residentialNav a{
	height: 61px;
	width: 105px;
	background-image: url(Images/residentialNav.jpg);
	background-repeat: no-repeat;
	background-position: 0px -61px;
	display: block;
	position: absolute;
	top: 0px;
}

#holdingBox #headerNavigation #navigationMenu .residentialNav a:hover{
	height: 61px;
	width: 105px;
	position: absolute;
	background-position: 0px 0px;
}

/* Commercial */
.commercialNav {
	position: absolute;
	height: 61px;
	width: 127px;
	left: 142px;
	top: 0px;
}

#holdingBox #headerNavigation #navigationMenu .commercialNav a{
	height: 61px;
	width: 127px;
	background-image: url(Images/commercialNav.jpg);
	background-repeat: no-repeat;
	background-position: 0px -61px;
	display: block;
	position: absolute;
}

#holdingBox #headerNavigation #navigationMenu .commercialNav a:hover{
	height: 61px;
	width: 127px;
	background-position: 0px 0px;
	position: absolute;
}

/* About */
.aboutNav {
	position: absolute;
	height: 61px;
	width: 108px;
	left: 269px;
	top: 0px;
}

#holdingBox #headerNavigation #navigationMenu .aboutNav a{
	height: 61px;
	width: 108px;
	background-image: url(Images/aboutNav.jpg);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	background-position: 0px -61px;
}

#holdingBox #headerNavigation #navigationMenu .aboutNav a:hover{
	height: 61px;
	width: 108px;
	position: absolute;
	background-position: 0px 0px;
}
/* home*/

#holdingBox #headerNavigation #home a{
	height: 264px;
	width: 377px;
	background-image: url(Images/morganFuels.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	position: absolute;
	top: 0px;
}
/* Service Area*/

#holdingBox #headerNavigation #serviceArea a{
	height: 325px;
	width: 158px;
	background-image: url(Images/serviceArea.jpg);
	background-repeat: no-repeat;
	background-position: 0px -325px;
	display: block;
	position: absolute;
	top: 0px;
}
/* An a:hover section - change for the rest the url(Images/residentialNav_over.jpg) */
#holdingBox #headerNavigation #serviceArea a:hover{
	height: 325px;
	width: 158px;	
	position: absolute;
	background-position: 0px 0px;
}