@charset "utf-8";
/* CSS Document */

#menuContainer {
	width: 950px; 
	height: 26px; 
	background-color: #666;
	text-align: left;
}

#menu1, 
#menu2 {
width: 100%;
}

#menu1 ul, 
#menu2 ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu1 ul ul,
#menu2 ul ul {
position: absolute;
z-index: 500;
}

#menu1 ul ul ul,
#menu2 ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu1 li,
#menu2 li 
{position: relative;}

div#menu1 ul ul,
div#menu1 ul li:hover ul ul,
div#menu1 ul ul li:hover ul ul,
div#menu2 ul ul,
div#menu2 ul li:hover ul ul,
div#menu2 ul ul li:hover ul ul
{display: none;}

div#menu1 ul li:hover ul,
div#menu1 ul ul li:hover ul,
div#menu1 ul ul ul li:hover ul,
div#menu2 ul li:hover ul,
div#menu2 ul ul li:hover ul,
div#menu2 ul ul ul li:hover ul
{display: block;}

#About
{width: 12em;}

#Products_Services 
{width: 14em;}

#Resources 
{width: 14em;}

#menu1 a.rootItem, 
#menu1 a.item,
#menu2 a.rootItem, 
#menu2 a.item {
display: block;
margin: 0;
text-decoration: none;
}

#menu1 a.rootItem {
font: bolder 14px/16px arial, helvetica, sans-serif;
padding: 4px 7px;
color: silver; 
text-transform: uppercase;
height: 18px;
}
 
#menu2 a.rootItem {
font: bolder 12px/14px arial, helvetica, sans-serif;
padding: 2px 7px;
color: black; 
height: 14px;
}

#menu1 a.rootItem:hover 
{color: #efefef;}

#menu2 a.rootItem:hover 
{color: #a00;}

#menu1 a.item,
#menu2 a.item {
font: bold 11px/16px arial, helvetica, sans-serif;
padding: 2px 3px;
color: #000;
background: silver;
border: 1px solid silver;
}

#menu1 a.item:hover,
#menu2 a.item:hover {
color: #a00;
background: #efefef;
}

#menu1 #Hydraulic_Hammers_Specials 
{color: #21b40b;}

#menu1 #Hydraulic_Hammers_Specials:hover 
{color: #efefef;}