/*-------------------------------------------------
MAIN NAVIGATION
-------------------------------------------------*/

/* UL for main navigation */
#Header ul {
	float: right;
	margin: 0px 1px 0px 0px;
	padding: 0px;
	background: url(../cms-images/main_navigation.gif) no-repeat left top;
	width: 447px;
	height: 58px;
	position: relative;
	}
	
#Header ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#Header ul li, #Header ul a, #Header ul strong {
	height: 58px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#Header ul a, #Header ul strong {
	text-indent: -500em;
	text-decoration: none;
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#navAbout {left: 0; width: 87px;}
#navServices {left: 90px; width: 87px;}
#navFacility {left: 180px; width: 87px;}
#navForSale {left: 270px; width: 87px;}
#navContact {left: 360px; width: 87px;}

#navAbout a:hover, #navAbout a:visited:hover, #navAbout strong { background: url(../cms-images/main_navigation.gif) no-repeat 0px -58px;}
#navServices a:hover, #navServices a:visited:hover, #navServices strong { background: url(../cms-images/main_navigation.gif) no-repeat -90px -58px;}
#navFacility a:hover, #navFacility a:visited:hover, #navFacility strong { background: url(../cms-images/main_navigation.gif) no-repeat -180px -58px;}
#navForSale a:hover, #navForSale a:visited:hover, #navForSale strong { background: url(../cms-images/main_navigation.gif) no-repeat -270px -58px;}
#navContact a:hover, #navContact a:visited:hover, #navContact strong { background: url(../cms-images/main_navigation.gif) no-repeat -360px -58px;}