@charset "utf-8";

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

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

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

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

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

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

/* Aviation */
.aviationNav {
	position: absolute;
	height: 61px;
	width: 85px;
	left: 142px;
	top: 0px;
}

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

#holdingBox #headerNavigation #navigationMenu .aviationNav a:hover{
	height: 61px;
	width: 85px;
	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: 84px;
	background-image: url(Images/abo.jpg);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	background-position: 0px -61px;
	left: 24px;
}

#holdingBox #headerNavigation #navigationMenu .aboutNav a:hover{
	height: 61px;
	width: 84px;
	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;
}