#cssMenu {
	width: 1005px;
	margin:0;
	padding:0;
	font-size: 12px;
	text-transform: uppercase;
	display:block;
	position:relative;
	cursor:pointer;
	z-index:100;
}
#cssMenu ul {margin:0;padding:0;list-style:none;display:block;}
#cssMenu a {display:block;color:#fff;}
#cssMenu a:hover {text-decoration:none;}
#cssMenu li {width:142px;display:block;float:left;list-style:none;margin:0;padding:0;
	background: #2b2a38;color:#fff;
	font-family: Arial, sans-serif;
  font-size: 12px;

	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
  text-align: center;
  line-height: 1;
	padding:8px 0;
  vertical-align: middle;
	position:relative;
/* ie fix */
/* /ie fix */
	white-space:nowrap;
}
#cssMenu li:hover, #cssMenu li.show {background:#369}

#cssMenu ul ul {display:none;position:absolute;
border: none;
  background-color: #fff;
  padding-bottom: 1px;
	text-transform: uppercase;}

/* on menu:hover show subMenu and hide subSubMenu */
#cssMenu li.show ul {left:0;top:28px;display:block;}
#cssMenu li:hover ul {left:0;top:28px;display:block;}
#cssMenu li.show ul ul, 
#cssMenu li:hover ul ul {display:none}

/* on subMenu:hover show subSubMenu */
#cssMenu li li.show ul {display:block;top:0;left:20px;top:20px;width:auto}
#cssMenu li li:hover ul {display:block;top:0;left:100%;width:auto}

#cssMenu li li {display:block;width:auto;position:relative;
	background:#369;
	font-family: Arial, sans-serif;
  font-size: 12px;
	float:none;
	height:auto;
  border: solid #CCCCCC 1px;
  margin: 1px 1px 0 1px;
  color: #fff;
  padding: 2px 7px;
	background: #369;
}

/* preserve selected subMenu, but do not affect not selected subSubMenu */
#cssMenu li li.show a, #cssMenu ul li li li.show a,
#cssMenu li li:hover a, #cssMenu ul li li li:hover a {color:#666}
#cssMenu li li.show li a,
#cssMenu li li:hover li a {color:#fff;}
#cssMenu li li.show,
#cssMenu li li:hover {color:#666;background: #efefef;}
#cssMenu li li li a:hover {color:#666}
