/* Menu */

#menu {
	width: 950px;
	height: 33px;
	margin: 0 auto;
	padding: 0 auto;
	float: left;
	}	

#nav ul {
	list-style-type: none;
	}

#nav li {
	float: left;
	display: block;
	position: relative;
	z-index: 99999;
	min-height: 33px;
	}	
	
#nav li li {
	min-height: 22px;
	margin-top: -1px;
	}	

#nav span {
	display: none;
	}	

#nav a:hover {
	background-position: 50% -33px;
	}	

/*grouped elements from main buttons*/
#mm_home,
#mm_profile,
#mm_services,
#mm_quality,
#mm_work,
#mm_staff,
#mm_order,
#mm_contact {
	display: block;
	height: 33px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	}	

/*main menu buttons*/
#mm_home {
	background-image: url(../img/nav01.jpg);
	width: 96px;
	}

#mm_profile {
	background-image: url(../img/nav03.jpg);
	width: 110px;
	}

#mm_services {
	background-image: url(../img/nav04.jpg);
	width: 67px;
	}
	
#mm_quality {
	background-image: url(../img/nav05.jpg);
	width: 97px;
	}

#mm_work {
	background-image: url(../img/nav06.jpg);
	width: 103px;
	}

#mm_staff {
	background-image: url(../img/nav07.jpg);
	width: 46px;
	}

#mm_order {
	background-image: url(../img/nav08.jpg);
	width: 109px;
	}

#mm_contact {
	background-image: url(../img/nav09.jpg);
	width: 70px;
	}
	
/* second-level lists */		
#nav li ul { 
	position: absolute; 
	text-transform: lowercase;
	padding:0; 
	margin:0;
	width: 125px;
	left: -999em;  /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}

#nav ul li { /* all list items */
	width: 10em; /* width needed or else Opera goes nuts */	
	}

#nav ul li a {
	display: block; 
	width: 125px; 
	padding: 4px;
 	border: 1px solid #1F3E1E;
 	background: #254B24;
	color: #FFF;
	text-decoration: none; 
	min-height: 15px;
	-moz-opacity:.9;
    filter:alpha(opacity=90);	
	}

#nav ul li a:hover {
	background: #1F3E1E;
	color: #DA9901;
	}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.9em 0 0 141px;
	}

* html #nav li ul ul {/* For IE5*/
	margin: -1.9em 0 0 141px;
	}

#nav  li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}	
	
/*Activates main button*/
body#home #mm_home,
body#profile #mm_profile,
body#services #mm_services,
body#quality #mm_quality,
body#work #mm_work,
body#staff #mm_staff,
body#order #mm_order,
body#contact #mm_contact {
	background-position: 50% -33px;
	}