/* --------------------------------------------------
March Group Ltd Navigation Styles
Author:  Giles Marsh
Created:  01/06/08
Modified: 05/08/08
-------------------------------------------------- */


#navWrapper {
	width: 100%;
	height: 55px;
	background: url(../images/nav_bg.png) repeat-x top left;
/*	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;*/ 	
	}

ul#navigation {
	width: 850px;	
	height: 34px; 	 
	padding: 0; 
	margin: 0 auto; 
	color: #fff; 
	}
	ul#navigation li { 
		float: left; 
		height: 34px;
		}
		ul#navigation li a { 
			display: block; 
			padding-top: 34px; 
			height: 0 !important; 
			text-indent: -7777px; 
			}

ul#navigation li#about 						{ background:transparent url(../images/nav_about-over.png) no-repeat top left; width:81px}
ul#navigation li#services 					{ background:transparent url(../images/nav_services-over.png) no-repeat top left; width:101px}
ul#navigation li#differentiators 			{ background:transparent url(../images/nav_differentiators-over.png) no-repeat top left; width:122px}
ul#navigation li#globalFootprint 			{ background:transparent url(../images/nav_globalFootprint-over.png) no-repeat top left; width:132px}
ul#navigation li#caseStudies 				{ background:transparent url(../images/nav_caseStudies-over.png) no-repeat top left; width:98px}
ul#navigation li#testimonials 				{ background:transparent url(../images/nav_testimonials-over.png) no-repeat top left; width:101px}
ul#navigation li#team 						{ background:transparent url(../images/nav_team-over.png) no-repeat top left; width:76px}
ul#navigation li#events 					{ background:transparent url(../images/nav_events-over.png) no-repeat top left; width:65px}
ul#navigation li#contact 					{ background:transparent url(../images/nav_contact-over.png) no-repeat top left; width:74px}


ul#navigation li#about a:link, 
ul#navigation li#about a:visited,
ul#navigation li#about a:active 			{ background:transparent url(../images/nav_about.png) no-repeat top left; width:81px }

ul#navigation li#services a:link,
ul#navigation li#services a:visited,
ul#navigation li#services a:active 			{ background:transparent url(../images/nav_services.png) no-repeat top left; width:101px }

ul#navigation li#differentiators a:link,
ul#navigation li#differentiators a:visited,
ul#navigation li#differentiators a:active 	{ background:transparent url(../images/nav_differentiators.png) no-repeat top left; width:122px }

ul#navigation li#globalFootprint a:link,
ul#navigation li#globalFootprint a:visited,
ul#navigation li#differentiators a:active 	{ background:transparent url(../images/nav_globalFootprint.png) no-repeat top left; width:132px }

ul#navigation li#caseStudies a:link,
ul#navigation li#caseStudies a:visited,
ul#navigation li#caseStudies a:active 		{ background:transparent url(../images/nav_caseStudies.png) no-repeat top left; width:98px }

ul#navigation li#testimonials a:link,
ul#navigation li#testimonials a:visited,
ul#navigation li#testimonials a:active 		{ background:transparent url(../images/nav_testimonials.png) no-repeat top left; width:101px }

ul#navigation li#team > a:link,
ul#navigation li#team > a:visited,
ul#navigation li#team > a:active 				{ background:transparent url(../images/nav_team.png) no-repeat top left; width:76px }

ul#navigation li#events a:link,
ul#navigation li#events a:visited,
ul#navigation li#events a:active 			{ background:transparent url(../images/nav_events.png) no-repeat top left; width:65px }

ul#navigation li#contact a:link,
ul#navigation li#contact a:visited,
ul#navigation li#contact a:active 			{ background:transparent url(../images/nav_contact.png) no-repeat top left; width:74px }

ul#navigation li#about a:hover,
ul#navigation li#services a:hover,
ul#navigation li#differentiators a:hover,
ul#navigation li#globalFootprint a:hover,
ul#navigation li#caseStudies a:hover,
ul#navigation li#testimonials a:hover,
ul#navigation li#team a:hover,
ul#navigation li#events a:hover,
ul#navigation li#contact a:hover { background:none; }



/* Page specific Nav highlight
----------------------------------------------------------------------------------------- */

body#aboutPage 				ul#navigation li#about 				a:link,
body#aboutPage 				ul#navigation li#about 				a:visited, 
body#aboutPage 				ul#navigation li#about 				a:active,
body#servicesPage 			ul#navigation li#services 			a:link,
body#servicesPage 			ul#navigation li#services 			a:visited, 
body#servicesPage 			ul#navigation li#services 			a:active,
body#differentiatorsPage 	ul#navigation li#differentiators 	a:link,
body#differentiatorsPage 	ul#navigation li#differentiators 	a:visited, 
body#differentiatorsPage 	ul#navigation li#differentiators	a:active,
body#globalFootprintPage	ul#navigation li#globalFootprint	a:link,
body#globalFootprintPage	ul#navigation li#globalFootprint	a:visited,
body#globalFootprintPage	ul#navigation li#globalFootprint	a:active,
body#caseStudiesPage 		ul#navigation li#caseStudies 		a:link,
body#caseStudiesPage 		ul#navigation li#caseStudies 		a:visited, 
body#caseStudiesPage 		ul#navigation li#caseStudies 		a:active, 
body#testimonialsPage 		ul#navigation li#testimonials 		a:link,
body#testimonialsPage 		ul#navigation li#testimonials 		a:visited, 
body#testimonialsPage 		ul#navigation li#testimonials 		a:active,
body#teamPage 				ul#navigation li#team 				a:link,
body#teamPage 				ul#navigation li#team 				a:visited, 
body#teamPage 				ul#navigation li#team 				a:active,
body#eventsPage 			ul#navigation li#events 			a:link,
body#eventsPage 			ul#navigation li#events 			a:visited, 
body#eventsPage 			ul#navigation li#events 			a:active,
body#contactPage 			ul#navigation li#contact 			a:link,
body#contactPage 			ul#navigation li#contact 			a:visited,
body#contactPage 			ul#navigation li#contact 			a:active { background:none; }