/* CSS by Anamorphics.com */


/* LIST NAV */
ul#nav { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	overflow:hidden;
}
#nav{overflow:hidden;}


#nav li {
	float:left;
	width: 153px;
	height: 23px;
	background: url("images/nav.jpg");
	margin: 0 0 4px 0;
}


#nav li a {display:block; width: 153px; height: 23px; background: none;}

#nav li.about {background-position: 0px 0px;}
#nav li.services {background-position: 0px -27px;}
#nav li.systems {background-position: 0px -53px;}
#nav li.markets {background-position: 0px -80px;}
#nav li.news {background-position: 0px -106px;}
#nav li.awards {background-position: 0px -133px;}
#nav li.references {background-position: 0px -160px;}
#nav li.contact {background-position: 0px -187px;}

#nav li.about:hover {background-position: -153px 0px;}
#nav li.services:hover {background-position: -153px -27px;}
#nav li.systems:hover {background-position: -153px -53px;}
#nav li.markets:hover {background-position: -153px -80px;}
#nav li.news:hover {background-position: -153px -106px;}
#nav li.awards:hover {background-position: -153px -133px;}
#nav li.references:hover {background-position: -153px -160px;}
#nav li.contact:hover {background-position: -153px -187px;}

#nav li.on.about {background-position: -153px 0px;}
#nav li.on.services {background-position: -153px -27px;}
#nav li.on.systems {background-position: -153px -53px;}
#nav li.on.markets {background-position: -153px -80px;}
#nav li.on.news {background-position: -153px -106px;}
#nav li.on.awards {background-position: -153px -133px;}
#nav li.on.references {background-position: -153px -160px;}
#nav li.on.contact {background-position: -153px -187px;}



#nav li a span {display:none;}
#nav li a:link, #nav li a:visited { /* all list items */}



/* Second Level Lists */
#nav li ul { /* second-level lists */
	position: absolute;
	width: 122px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background: #122a4c;
	padding: 6px 0 6px 0; 
	margin: -23px 0 0 151px;
	border-bottom: 2px solid #9f9b9b;
	border-right: 2px solid #9f9b9b;
	overflow:hidden;
}

#nav li ul li {background: none; list-style:none; font-size: .8em; width: 122px; height: auto; line-height: 10px;}
#nav li ul li a {color: #fff;border-bottom: 1px solid #fff; margin: 0 10px 0 10px; width: 102px; padding: 0 0 3px 0; line-height: 20px; height: auto;}
#nav li ul li a:hover {color: #dad7d7;}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}