#nav-wrapper {
	width: 100%;
	height: 181px;
	background: url(../images/nav-bg.png) repeat-x;
	margin: 0;
	padding: 0;
	position: absolute;
}

#nav-bg {
	width: 100%;  /* Change to exact pixels for static (non-responsive)*/
	height: 181px;
	margin: 0 auto;
	padding: 0;
}
		
	ul#nav {margin: 0; padding: 55px 0 0 0; text-align: center;}
	
	ul#nav li {list-style: none; position: relative; display:inline-block;}
	ul#nav li:last-child a {border-right: none;}
	ul#nav li:first-child a {border-left: none;}
	
	ul#nav li:hover {cursor:default;}
	ul#nav li a {
		display:block;
		line-height: 71px;
		text-align:center;
		padding: 0px 10px;
		width:100%;
		font-family: 'Lato', Arial, Helvetica, sans-serif !important;
		font-size: 14px;
		color:#000;
		text-transform:uppercase;
		text-decoration:none;
			-webkit-transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
		}
	ul#nav li a:hover {background:#000; color:#FFF;}
	ul#nav li ul {
		position:absolute;
		left:-9999em;
		width:250px;
		margin:0;
		padding:0;
		list-style-type:none;
	}
	ul#nav li:hover ul {left:0;}
	ul#nav li:hover ul li {
		float:none;
		width:100%;
		position:relative;
	}
	ul#nav li:hover ul li a {
		display:block;
		line-height:40px;
		text-transform: none;
		text-shadow: none;
		text-align:left !important;
		padding-left: 10px;
		background:#000;
		width:100%;
		color:#FFF;
		text-decoration:none;
	}
	ul#nav li:hover ul li a:hover {background:#1b1002;}
/*	--------------------------------------------------
	:: Media Queries
	-------------------------------------------------- */


@media screen and (max-width: 900px) {	
	#nav-wrapper {height: auto !important; width:100%!important;z-index:20; position:absolute;}
	#nav-bg {background: none;height: auto !important;}
}


@media screen and (max-width: 500px) {

	ul#nav li {width: 95% !important;}
}	
	
/*	--------------------------------------------------
	:: Slick Nav - Mobile Menu Core Styles
	-------------------------------------------------- */

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0; }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em ;}
.slicknav_nav { clear: both; }
.slicknav_nav ul,
.slicknav_nav li { display: block; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline; }
.slicknav_menu:before,
.slicknav_menu:after { content: ""; display: table; }
.slicknav_menu:after { clear: both; }
/* IE6/7 support */
.slicknav_menu { *zoom: 1; }


/*	--------------------------------------------------
	:: Slick Nav - User Default Styles
	-------------------------------------------------- */
.slicknav_menu {font-size:16px;}

/* Button */
.slicknav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #d1ad8c;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFF;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {}
.slicknav_menu {
	background:#000; 	
	padding:5px;
	width: auto;
	overflow: hidden;
}
.slicknav_nav {color:#fff;margin:0;	padding:0;font-size:0.875em;}
.slicknav_nav, .slicknav_nav ul {list-style: none;overflow:hidden;}
.slicknav_nav ul {padding:0;margin:0 0 0 20px;}
.slicknav_nav .slicknav_item {padding:5px 10px;margin:2px 5px;}
.slicknav_nav a{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#fff;text-transform:uppercase; font-size:18px;}
.slicknav_nav .slicknav_item a {padding:0;margin:0; }
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#000;
	color:#2b276e;	
}
.slicknav_nav a:hover{background:#4b3123;color:#FFF;}
.slicknav_nav .slicknav_txtnode {margin-left:15px; }

.slicknav_menu {
	display: none;
}

@media screen and (max-width: 900px) {
	.js #nav {
		display: none;
	}
	
	.js .slicknav_menu {
		display: block;
	}
}