div#menu_container {
	width:100%;
	background-color:#F6F6F6;
}

div#menu {
	width:1000px;
	margin:auto;
	text-align:center;
	margin-top:10px;
	position:relative;
	z-index:5000;
	height:30px;
}


#menu ul {

	position:relative;
	z-index:5000;
	list-style:none;
	margin:0;
	padding:0;
	/*float:left;*/
	display:inline-block;
	width:200px;
}

#menu ul li {

	position:relative;
	z-index:5000;
}

#menu a, #menu h2 {

	font:bold 11px/16px arial,helvetica,sans-serif;
	display:block;
	border:0;
	white-space:nowrap;
	margin:0;
	padding:0; /*1px 0 1px 3px;*/
}

#menu h2 {

	color:#fff;
	background-color:#FFF;
	text-transform:uppercase
}

#menu #menu_main_li_home {

	width:200px; 
	height:30px; 
	background-image:url('../images/template/header_nav_home.gif');
	background-position: center bottom;
	background-repeat:no-repeat;
}

#menu #menu_main_li_home:hover {

	width:200px; 
	height:30px; 
	background-image:url('../images/template/header_nav_home.gif');
	background-position: center top;
	background-repeat:no-repeat;
}

#menu #menu_main_li_about {

	width:200px; 
	height:30px; 
	background-image:url('../images/template/header_nav_about.gif');
	background-position: center bottom;
	background-repeat:no-repeat;
}

#menu #menu_main_li_about:hover {

	width:200px;
	height:30px;
	background-image:url('../images/template/header_nav_about.gif'); 
	background-position: center top;
	background-repeat:no-repeat;
}

#menu #menu_main_li_products {

	width:200px; 
	height:30px; 
	background-image:url('../images/template/header_nav_products.gif'); 
	background-position: center bottom;
	background-repeat:no-repeat;
}

#menu #menu_main_li_products:hover {

	width:200px; 
	height:30px; 
	background-image:url('../images/template/header_nav_products.gif'); 
	background-position: center top;
	background-repeat:no-repeat;
}

#menu #menu_main_li_services {

	width:200px; 
	height:30px; 
	background-image:url('../images/template/header_nav_services.gif'); 
	background-position: center bottom;
	background-repeat:no-repeat;
}

#menu #menu_main_li_services:hover {

	width:200px; 
	height:30px; 
	background-image:url('../images/template/header_nav_services.gif'); 
	background-position: center top;
	background-repeat:no-repeat;
}

#menu #menu_main_li_contact {

	width:200px;
	height:30px; 
	background-image:url('../images/template/header_nav_contact.gif'); 
	background-position: center bottom;
	background-repeat:no-repeat;
}

#menu #menu_main_li_contact:hover {

	width:200px;
	height:30px; 
	background-image:url('../images/template/header_nav_contact.gif'); 
	background-position: center top;
	background-repeat:no-repeat;
}


#menu a, #menu a:visited {

	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

#menu a:hover {

	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}

#menu a:active {

	filter:alpha(opacity=98);
	-moz-opacity:.98;
	opacity:.98;
}

.menu_ul li a {

	height:30px;
}

.menu_ul li a span {

	position:relative;
	top:6px;
}


#menu li {

	position:relative;
}

#menu ul ul {

	position:absolute;
	z-index:500;
	top:auto;
	display:none;
}

#menu ul ul ul {

	top:0;
	left:100%;
}

.menu_ul li a, .menu_ul li span.no_link {

	background:#F6F6F6;
	color:#000;
	text-decoration:none;
}

.menu_ul li a:hover, .menu_ul li span.no_link:hover {

	background:#0068b3;
	color:#FFF;
	text-decoration:none;
}

/** BEGIN NON-ANCHOR HOVER SELECTORS *****************************************/

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */


div#menu h2:hover {

	background-color:#EEE;
}


div#menu li:hover {

	cursor:pointer;
	z-index:100;
}

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

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