ul, li, nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
ul {
	list-style: none;
}
/* Default Styles 
--------------------------------------------------------------------*/

.clearfix {
	clear: both;
}
.clear {
	clear: both;width:100%;height:1px;
}

.navigasi {
	background-color:#555;
	border-radius:0;
	padding: 0 40px;
	*position: fixed;
	*width: 100%;
	z-index:1001;	
}

.menu li {
	float: left;
	position: relative;	
}
.menu li.last {
border-right:0;
}

.menu li a {
	color: #fff;
	display: block;
	font-size: 16px;
	font-family: tahoma;
	line-height: 20px;
	height: 20px;
	padding: 15px 12px;
	margin: 0px;
	vertical-align: middle;
	text-decoration: none;
	border-left:1px solid #555;
	border-right:1px solid #444;	
}
.menu li a:hover {
	background: red;
	color: red;
}

/* Dropdown styles */

.menu ul {
	position: absolute;
	left: -9999px;
	list-style: none;
	opacity: 0;
	transition: opacity 0.50s ease;
}

.menu ul li {
	float: none;
	border-top:1px solid #e5dcbd;
}
.menu ul a {
	white-space: nowrap;
	margin: 0px 0px;
	line-height: 15px;
	height: 15px;
	padding: 10px 12px;
}

/* Displays the dropdown on hover and moves back into position */
.menu li:hover ul {
	background: #dfd8c0;
	box-shadow: inset 0px 1px 1px #e5e4e4;
	margin-top: 0px;
	left: 0px;
	opacity: 1;
}

/* Persistant Hover State */
.menu li:hover a {
	background: #f3e8c1;
	border-radius: 0px;
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.1);
	color: #23221f;
}

.menu li:hover ul a {
	background: #f3e8c1;
	border:0;
	border-radius: 0;
	box-shadow: none;
	color: #23221f;
}

.menu li:hover ul li a:hover {
	background: #fae7a8;
}
/* Menu Dropdown Sub 2 */
.menu li ul ul { display: none;} 
.menu li  li:hover ul { display: block; top:-1px;left: 100%;} 
.menu li ul:hover ul li { border-left:1px solid #078193;} 
.menu li ul:hover ul li a{ color:#fff;} 
.menu li ul:hover ul li a:hover{ color:#fff;}