/**************************************/
/* CSS MENU STYLES                    */
/* by Brent Burgoyne                  */
/**************************************/

#menu {
width: 841px;
height: 28px;
padding: 3px 1px 16px 1px;
background: transparent url(../images/nav_bg.gif) no-repeat top;
position: relative;
z-index: 100;
}

#menu ul {
margin: 0;
padding: 0;
}

#menu ul ul {
width: 180px;
border: 1px solid #48556e;
border-top: 0;
padding: 3px;
background-color: #fff;
}

#menu .nav_careers ul {
right: 0;
}
	
#menu a {
display: block;
margin: 0;
padding: 0;
text-decoration: none;
height: 28px;
font-size: 1.1em;
}
	
#menu li:hover img {
display: none;
}

#menu li:hover ul a {
height: auto;
padding: 3px 35px;
background-color: #fbd351;
color: #000;
border-bottom: 1px solid #ddba47;
}

#menu li:hover li:hover a {
height: auto;
padding: 3px 35px;
background-color: #ffe664;
color: #000;
border-bottom: 1px solid #dfca58;
}

/**************************************/
/* Standard stuff                     */
/**************************************/
#menu ul {
list-style-type: none;
}
	
#menu li {
list-style-type: none;
position: relative;
float: left;
}

#menu li:hover {
cursor: pointer; 
z-index: 100;
}
	
#menu ul ul {
position: absolute;
z-index: 500;
top: auto;
display: none;
}

#menu li li {
width: 100%;
clear: both;
}
	
#menu ul ul ul {
position: absolute;
top: 0px;
left: 100%;
border-top: 1px solid #48556e;
}

/**************************************/
/* Show and hide sub menus            */
/**************************************/
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul ul li:hover ul ul,
div#menu ul ul ul ul li:hover ul ul,
div#menu ul ul ul ul ul li:hover ul ul
{ display: none; }

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

.nav_home {
width: 138px;
background: url(../images/nav_home1.gif);
}

.nav_aboutus {
width: 154px;
background: url(../images/nav_aboutus1.gif);
}

.nav_products {
width: 219px;
background: url(../images/nav_products1.gif);
}

.nav_contactus {
width: 167px;
background: url(../images/nav_contactus1.gif);
}

.nav_press {
width: 112px;
background: url(../images/nav_press1.gif);
}

.nav_careers {
width: 163px;
background: url(../images/nav_careers1.gif);
}