/* nav.css: CSS for navigation elements */

/*	
	For more information on how this technique works: 
	http://www.alistapart.com/articles/sprites/
*/

/* Begin:MainNav */
ul#MainNav
{
	width: 603px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
ul#MainNav li 
{
	margin: 0px; padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
}
ul#MainNav li, ul#MainNav a
{
	display: block;
	height: 25px;
	text-decoration: none;
	font-size: 12px;
	text-indent: -2000px; /* Moves text off-screen, but still visible to search engines and screen readers */
	/* Hidden from IE/Mac \*/overflow: hidden;/* End Hidden from IE/Mac */
}

ul#MainNav { background: transparent url(../images/nav_main_2.gif) no-repeat; }

/* Offset and widths for each tab */
ul#MainNav li#TabAbout { left: 0px; width: 76px; }
ul#MainNav li#TabPhilosophy { left: 94px; width: 99px; }
ul#MainNav li#TabServices { left: 211px; width: 70px; }
ul#MainNav li#TabPartners { left: 299px; width: 64px; }
ul#MainNav li#TabResources { left: 381px; width: 90px; }
ul#MainNav li#TabContact { left: 488px; width: 74px; }

/*
	On hover, or if class for a (link) is set to "Current", load background image into link, 
	and shift left and up to show corresponding "on" version
*/
ul#MainNav li a:hover,
ul#MainNav li a.Current { background: transparent url(../images/nav_main_2.gif) no-repeat; }

ul#MainNav li#TabAbout a:hover,
ul#MainNav li#TabAbout a.Current { background-position: 0px -25px; }

ul#MainNav li#TabPhilosophy a:hover,
ul#MainNav li#TabPhilosophy a.Current { background-position: -94px -25px; }

ul#MainNav li#TabServices a:hover,
ul#MainNav li#TabServices a.Current { background-position: -211px -25px; }

ul#MainNav li#TabPartners a:hover,
ul#MainNav li#TabPartners a.Current { background-position: -299px -25px; }

ul#MainNav li#TabResources a:hover,
ul#MainNav li#TabResources a.Current { background-position: -381px -25px; }

ul#MainNav li#TabContact a:hover,
ul#MainNav li#TabContact a.Current { background-position: -488px -25px; }

/* End:MainNav */