.nav-wrapper {
	background-color: #f1ae49;
	padding: 10px 0;
	height: 40px;
}

#nav {
    font: bold 12px "PT Sans",Arial, Helvetica, Sans-serif;
}

#nav ul {
	margin:0 0 0 50px;
	padding:0;
	list-style:none;
}

#nav ul li {
	float:left;

}

#nav ul li a {
   	float: left;
	color:#fff;
    padding: 10px 20px;
	text-decoration: none;
	cursor: pointer;
}
#nav ul li > a {
	font: bold 12px "PT Sans", Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
}


#nav li ul {
    background:#fff;
    left: -999em;
    margin: 35px 0 0;
    position: absolute;
    width: 200px;
    z-index: 9999;
    box-shadow: 0 0 15px rgba(243, 245, 245, 0.4) inset;
    -moz-box-shadow: 0 0 15px rgba(243, 245, 245, 0.4) inset;
    -webkit-box-shadow: 0 0 15px rgba(243, 245, 245, 0.4) inset;
}

#nav li:hover ul {
    left: auto;
}

#nav li ul a {
    background: none;
    border: 0 none;
    margin-right: 0;
    width: 160px;
	color: #222226;
	text-transform: none;
	font: normal 13px "PT Sans", Arial, Helvetica, Sans-serif;
}

#nav li li ul {
    margin: -1px 0 0 200px;
    -webkit-border-radius: 0 10px 10px 10px;
    -moz-border-radius: 0 10px 10px 10px;
    border-radius: 0 10px 10px 10px;
    visibility:hidden;
}

#nav li li:hover ul {
    visibility:visible;
}
#nav li li:hover {
	background-color: #fcefdb;
}

#nav ul ul li:last-child > a {
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}

#nav ul ul ul li:first-child > a {
	-moz-border-radius:0 10px 0 0;
	-webkit-border-radius:0 10px 0 0;
	border-radius:0 10px 0 0;
}

#nav ul ul a.with-sub {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTYwREQzODlCOEE2MTFFNkE0RjE5MUREQzM4NjdDOEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTYwREQzOEFCOEE2MTFFNkE0RjE5MUREQzM4NjdDOEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NjBERDM4N0I4QTYxMUU2QTRGMTkxRERDMzg2N0M4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjBERDM4OEI4QTYxMUU2QTRGMTkxRERDMzg2N0M4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PptxpvgAAABjSURBVHjaYmBgYNgNxHYMeIA3EL8jRtF7IHbAp8gTahJeRR5A/BaInYhR5IxPUR4QfwBiJmyShkD8EojjsEkaAfErII7FJxmNTdIYiF/jk3wDxJG4XHwWiCPweYkVnyRAgAEAgvkSNM0n3HIAAAAASUVORK5CYII=");
	background-repeat: no-repeat;
	background-position: 97% center;
}