/* CSS Document */

/*-------------------------------------------    
    Navigation
-------------------------------------------*/
#navigation, #navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	float : left;
	position : relative;
	width: auto;
}

#navigation li ul {
	left: -9999em;
	position : absolute;
	width: 218px;
}

#navigation li a {
	display : block;
	height: 25px;
	overflow: hidden;
	text-decoration : none;
	text-indent: -999px;
	width: auto;
}	

#navigation li a:hover { background-position: 0 -25px !important;}	

#navigation li a.home { background: url(../images/nav/home.gif); width: 36px; }
#navigation li a.profile { background: url(../images/nav/profile.gif); width: 54px; }
#navigation li a.equipment { background: url(../images/nav/equip.gif); overflow: visible; width: 123px; }
#navigation li a.service { background: url(../images/nav/service.gif); width: 56px; }
#navigation li a.modifications { background: url(../images/nav/modificatios.gif); width: 139px; }
#navigation li a.storage { background: url(../images/nav/storage.gif);  width: 106px; }
#navigation li a.client { background: url(../images/nav/client_login.gif); width: 78px; }
#navigation li a.contact { background: url(../images/nav/contact.gif);  width: 71px; }

#navigation li ul a {
	background-color : #FFFBF0;
	border : 1px solid #A0A0A4;
	color : #000;
	font-size: 10px;
	font-family: Arial;
	height: auto;
	display: block;
	text-decoration : none;
	text-indent: 0;
	padding : 2px 4px 4px 4px;
	width: 210px; 
	margin-bottom : -1px;
}	

#navigation li ul a:hover { background-color : #fff; color : #000; }	

/* hide subs on current list */
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -9999em;
}

/* show subs on hover */
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

