/*////////////////////////////////////////////////////////////////////////////

main menu

////////////////////////////////////////////////////////////////////////////*/

#menu-bg
{
position: relative;
float: left;
width: 700px;
height: 29px;
display: block;
background: url(/i/menu-bg.jpg) 0px -29px no-repeat;
z-index: 1000;
}
.innerbody #menu-bg
{
float: right;
}
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul 
{
list-style-type:none; 
padding:0; 
margin:0; 
font-size: 0.9em;
}
ul.menu
{
margin-left: 71px;
}

/* Set up the top level list items and float left to place inline */
.menu li.top 
{
position:relative;
float:left; 
display:block;
}

/* Style and position the table so it takes no part in the menu function.*/
.menu table 
{
border-collapse: collapse; 
width: 0; 
height: 0; 
position: absolute; 
top: 0; 
left: 0;
}

/* Default top link link styling */
.menu li.top a.top_link 
{
display:block; 
float:left; 
height:29px;
text-indent: -99999px;
-moz-outline-style: none;
-moz-outline-width: 0;
}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover 
{
visibility:visible;
} /* for IE6 */
.menu li:hover 
{ 
position:relative; 
z-index:200;
} /* for IE7 */

.menu li a#mm_services
{
width: 105px;
background: url(/i/menu-bg.jpg) -71px 0px no-repeat; 
}
.menu li a#mm_menus
{
width: 153px;
background: url(/i/menu-bg.jpg) -176px 0px no-repeat; 
}
.menu li a#mm_products
{
width: 114px;
background: url(/i/menu-bg.jpg) -329px 0px no-repeat; 
}
.menu li a#mm_information
{
width: 143px;
background: url(/i/menu-bg.jpg) -443px 0px no-repeat; 
}
.menu li a#mm_contact
{
width: 114px;
background: url(/i/menu-bg.jpg) -586px 0px no-repeat; 
}

.menu li a#mm_services:hover, .menu li:hover a#mm_services,
.menu li a#mm_menus:hover, .menu li:hover a#mm_menus,
.menu li a#mm_products:hover, .menu li:hover a#mm_products,
.menu li a#mm_information:hover, .menu li:hover a#mm_information,
.menu li a#mm_contact:hover, .menu li:hover a#mm_contact
{
background: transparent;
}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul 
{
position:absolute; 
left:-99999px; 
top:-99999px;
width:0; 
height:0;
}

.menu :hover ul.sub 
{
left:0; 
top:29px; 
background: #803438; 
padding:0; 
border:0;
margin: 0;
width:142px; 
text-align: center;
height:auto;
}
.menu :hover ul.sub li
{
display:block; 
position:relative; 
float:left; 
width:142px;
margin: 0;
}
.menu :hover ul.sub li a 
{
display:block; 
height: auto; 
width:138px; 
line-height:1.2em;  
color:#ead9df; 
text-decoration:none; 
border: 0px;
padding: 4px 2px 4px 2px;
}
.menu :hover ul.menus 
{
width:152px; 
}
.menu :hover ul.menus li
{
width:152px;
}
.menu :hover ul.menus li a 
{
width:148px;
}

.menu :hover ul.sub li a:hover 
{
background:#53181a; 
color:#e4dbde;
}