/*************************************************************************
*   
*   N A V I G A T I O N  S T Y L E  S H E E T
*
*************************************************************************/

/*--------------------------------------------------------------------------
Navigation - Level One
--------------------------------------------------------------------------*/


#navigation {
 width: 800px;
 float: left;
 margin: 0;
 border-bottom: 6px solid #e7eff5;
 border-left: 8px solid #ffffff;
 display: inline;
 float: left;	
}

#navigation li {
 margin: 0;
 padding: 0;
 list-style: none;
 white-space: nowrap;
 display: inline;
 float: left;
}

#navigation a {
	margin: 0 1px 0 0;
	padding: 0 0 0 14px;
	color: #fff;
	font-size: 11px;
	background: #76bae6 url('../PXD_images/bg-nav-left.gif') no-repeat left top;
	display: inline;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: ;
	font-weight: ;
}
#navigation a#webstore {
	color: #FFFF00;
	font-weight: ;
}

#navigation a span {    
 padding: 5px 14px 6px 0;  
 background: #76bae6 url('../PXD_images/bg-nav-right.gif') no-repeat right top;
 display: block;
 float: left;
 white-space: nowrap;
}

#navigation a:hover {background: #4d80ad url('../PXD_images/bg-nav-left.gif') no-repeat 0 -52px;}
#navigation a:hover span {background: #4d80ad url('../PXD_images/bg-nav-right.gif') no-repeat 100% -52px;}
#navigation a#webstore:hover {color:#FFFF00;}
#navigation a#webstore:hover span {color:#FFFF00;}


/*Active State*/	
body.home #navigation #home,
body.aboutus #navigation #aboutus,
body.services #navigation #services,
body.news #navigation #news,
body.support #navigation #support,
body.education #navigation #education,
body.projects #navigation #projects,
body.careers #navigation #careers,
body.webstore #navigation #webstore,
body.contact #navigation #contact {background: #124577 url('../PXD_images/bg-nav-left.gif') no-repeat 0 -104px;}

body.home #navigation #home span,
body.aboutus #navigation #aboutus span,
body.services #navigation #services span,
body.news #navigation #news span,
body.support #navigation #support span,
body.education #navigation #education span,
body.projects #navigation #projects span,
body.careers #navigation #careers span,
body.webstore #navigation #webstore span,
body.contact #navigation #contact span {background: #124577 url('../PXD_images/bg-nav-right.gif') no-repeat 100% -104px;}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float: none;}
/* End IE5-Mac hack */
#navigation a:hover span {color: #fff;}