#nav-bar { padding:0px;  }
#nav { float:left; margin:0; list-style-image:none;list-style-position:outside;list-style-type:none;padding:0;width:100%; box-sizing: border-box;}
#footer-nav #nav {
	float: right;
	margin: 0;
	width: 100%;
}

/************** ALL LEVELS  *************/
#nav li { position:relative; text-align:center; width: 31.33%; white-space: nowrap; box-sizing: border-box }
#nav li.last {
	width: 6%;
}
#footer-nav #nav li {
	width: auto;
	padding: 0 10px;
	text-align: right;
	float: left;
}
#nav li.over{ z-index:99; }
#nav li.active { z-index:100; }
#nav a, #nav a:hover { display:block; text-decoration:none; }
#nav span { display:block; }
#nav a { line-height: 2em; }


/************ 1ST LEVEL  ***************/
#nav li { float:left; background-color: #201e1f;}
#nav li.active{ margin-left:-1px; color:#a68d89; font-weight:bold;  }
#nav li.active em { display:block; position:absolute; top:0; right:-1px; width:3px; height:3em;}
#nav a { color: #FFF; float: left; font-weight:bold; line-height: 2em;}

#nav li.over a { color:#FFF; background-color: #201e1f }


/************ 1ST LEVEL RESET ************/
#nav ul li,
#nav ul li.active{ list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0; float:none; height:auto; background:none; margin:0; }
#nav ul a,
#nav ul a:hover { float:none; padding:0; line-height:1.3em; }
#nav ul li.over a,
#nav ul li.over a:hover,
#nav ul a,
#nav li.active li { font-weight:normal; }


/************ 2ND LEVEL ************/
#nav ul{ list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0 0 3px 0; position:absolute; width:200px; top:25px; left:-10000px; background-color: #201e1f; }

/* Show menu */
#nav li.over ul{ left:0px; }
#nav li.over ul ul { left:-10000px; }
#nav li.over ul li.over ul { left:100px; }

#nav ul li {}
#nav ul li a { background:#201e1f; }
#nav ul li a:hover { background:#201e1f;}
#nav li.over ul a,
#nav ul li.active a,
#nav ul li a{color:#FFF}
#nav ul li a:hover { color:#FFF; }
#nav ul span,
#nav ul li.last li span { padding:5px 15px; }
#nav ul li.last span,
#nav ul li.last li.last span { background:none; }
#nav ul li.last { padding-bottom:3px; }

#nav ul li.parent a,
#nav ul li.parent li.parent a { }
#nav ul li.parent li a,
#nav ul li.parent li.parent li a{ background-image:none; }

/************ 3RD+ LEVEL ************/
/* Cursors */
#nav li.parent a,
#nav li.parent li.parent a,
#nav li.parent li.parent li.parent a { cursor:default; }

#nav li.parent li a,
#nav li.parent li.parent li a,
#nav li.parent li.parent li.parent li a { cursor:pointer; }

/* Show menu */
#nav ul ul ul { left:-10000px; list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0; }
#nav li.over ul li.over ul ul{ left:-10000px;}
#nav li.over ul li.over ul li.over ul { left:100px; }
#nav-bar:after, #nav-container:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

@media only screen and (min-width: 768px) and (max-width: 1004px) {
	#nav li
		margin-right: 1px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
	#nav li{
		background-color: #201e1f;
		border: none;
		color: #a68d89;
		display: block;
		width: 100%;
		cursor: pointer;
	}
	#nav a {
		line-height: 1.8em
	}
	#nav ul {
		margin: 0 0 0 2%;
		top: 20px;
	}
	#nav a {
		border-right: none;
	}
	#nav ul li a,
	#nav ul li a:hover {
		font-size: 1.2em;
		padding: 0
	}
	#nav ul {
		width: 100%;
		overflow: hidden;
	}
	#nav ul ul {
		top: 0px;
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	#nav li{
		background-color: #201e1f;
		border: none;
		color: #a68d89;
		display: block;
		padding: 0 0 0 2%;
		width: 100%!important;
		cursor: pointer;
	}
	#nav a {
		line-height: 1.8em
	}
	#nav ul {
		margin: 0 0 0 2%;
		top: 20px;
	}
	#nav ul li a {
		font-size: 1.2em;
		padding: 0
	}
	#nav ul  {
		width: 100%;
		overflow: hidden;
		left: 0;
		top: 0;
		position: relative;
	}
	#nav ul ul {
		top: 0px;
		width: 100%;
	}
	#nav ul ul {
		left: 2%;
	}
	#nav li.over ul li.over ul { left:2%; }
}
