/* Simple Nav CSS.  */


.nav { 
	position:absolute; 
	z-index: 300; 
	background: #000;
	width: 100%;
	height: 33px;	
}
.nav ul { 
	padding: 0px; 
	margin: 0px auto; 
	width: 940px;
}
.nav>ul>li { 
	display: block; 
	float: left; 
	list-style: none; 
	position: relative; 
	height: 54px;
	
}
.nav>ul>li>a {
	visibility: hidden;
}
.nav ul li a { 
	color:#fff; 
	text-decoration: none; 
	font: bold 16px Tahoma, sans-serif; 
	display: block; 
	height: 27px; 
	padding: 6px 10px 0px 10px;  /* Set the temp padding here */
	border-right: solid 1px #7e7a7a; 
}

.nav ul li.first a { border-left: solid 1px #7e7a7a;}
.nav>ul>li:hover, .nav ul li.active { 
	background: url(../images/nav-h.png) no-repeat center top; 
}

/* 1st lvl drop down ==============================================  */

.nav ul li ul { 
	display: none; 
	position: absolute; 
	box-shadow: 0px 2px 5px #000; 
	left: 0px; 
	width: 150px;
	background: #000; 
}
.nav ul li ul li { 
	padding: 5px; 
	display: block; 
	margin: 0px; 
	white-space: nowrap;	
	position: relative;
}
.nav ul li ul li a { 
	background-image: none; 
	background: none; 
	color: #fff; 
	height: 22px; 
	padding: 5px 5px; 
	border: none;
}

/* higher lvl dropdowns ========================================= */

.nav ul li ul li ul { 
	display: none; 
	position: absolute; 
	box-shadow: 0px 2px 5px #000; 
	left: 160px; top: 0px; 
}
.nav ul li ul li a:hover  { 
	background: #444; 
}