/* Begin CSS Popout Menu */


#menuh-container{
	position:  relative;		
	top: 0em;
	left: 0em;
	width: 770px;
	}

#menuh{
	font-size: 10px;
	float:left;
	margin:0em;
	}
	
		
#menuh a{
	font-weight: bold;
	text-align: center;
	display:block;
	border-top: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	white-space:nowrap;
	margin:0em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.3em;
	}
	
#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: white;
	text-decoration:none;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	background: url(/images/menu/CSSmouseFill.png);
	}	
			
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	font-family: arial, helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 16px;	
	}

#menuh li {
	position:relative;
	margin-bottom: 0;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	border-top: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;

}

#menuh li#spacer {
	width: 42px;
	white-space:nowrap;
	margin:0em;
	padding-top: 0em;	
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.3em;
}

#menuh li#products {
width: 97px;
}
#menuh li#services {
width: 95px;
}
#menuh li#rescent {
width: 130px;
}
#menuh li#newsne {
width: 105px;
}
#menuh li#partners {
width: 95px;
}
#menuh li#aboutus {
width: 97px;
}
#menuh li#contactus {
width: 110px;
}

/*Trying something */
#menuh ul li:hover>ul {
display: block;
}
#menuh ul li a{
display: block;
background: url(/images/menu/CSSrowFill.png);
}

#menuh ul ul 
	{
	position:absolute;
	z-index:500;
	top:auto;
	display: none;
}

#menuh ul ul li a {
	background: url(/images/menu/CSSsubFill.png);
	text-align: left;
}
	/*being specific for second-level items*/
#menuh ul ul#prod2 {
	width: 130px;
	background: url(/images/menu/CSSsubFill.png);
}
#menuh ul ul#serv2 {
width: 170px;
}
#menuh ul ul#cust {
width: 145px;
}
#menuh ul ul#nene {
width: 120px;
}
#menuh ul ul#allpartners {
width: 135px;
}
#menuh ul ul#abus {
width: 120px;
}
	/* end second level specific*/
	
#menuh ul ul ul
	{
	top:0;
	left:100%;
	width: 300px;

	}
	


div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	background: url(/images/menu/CSSmouseFill.png);
	}

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

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

/* End CSS Popout Menu */

