/******************************
   AUTHOR:  Simeon Stavrev
   WAXX Agency | http://waxx.org
 ******************************/

#menu {
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 30px;
	position: relative;
	z-index: 500;
	font-family: Arial, Verdana, sans-serif;
}

	#menu li {
		float: left;
		margin-right: 1px;
	}

		#menu li a {
			display: block;
			float: left;
			height: 20px;
			line-height: 20px;
			font-family: "trebuchet ms", serif;
			font-size: 11px;
			text-decoration: none;
			text-transform: uppercase;
			color: black;
			padding: 5px 4px;
			border-left: solid 1px #999;
		}


/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {
	z-index: 250;
	position: relative;
	color: black;
	/*background: url(/images/v4/menu/bgr.png);*/
}
#menu li:hover {
	position: relative;
	z-index: 250;
}

#menu li:hover > a {color:#fff; background:#b5d1e9;}
#menu li:hover > a.sub {color:#fff; background-color:#333;}

#menu li.current a {color:#fff; background:#840;}

#menu li a.sub {background: #b5d1e9 url(/images/v4/menu/down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#840 url(/images/v4/menu/down-arrow.gif) no-repeat right center;;}

#menu :hover ul {left:0; top:30px; width:140px; background:#b5d1e9;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, #menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul {left:148px; top:-1px; background:#b5d1e9; width:140px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #666;}
#menu :hover ul li a {width:140px; background:#b5d1e9; color: black; height:auto;}
#menu :hover ul li a.fly {background:#A6C9E2 url(/images/v4/menu/right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#78A42E; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#333; color:#fff;}