/*	--------------------------------------------------
	:: Navigation (FULL CSS w/ DROPS)
	-------------------------------------------------- */

#nav-wrapper {
	width: 100%;
	height: 50px;
	margin: 10px 0 0 0;
	padding: 0;
}

#nav-bg {
	width: 100%;  /* Change to exact pixels for static (non-responsive)*/
	height: 50px;
	margin: 0 auto;
	padding: 0;
}

	ul#menu {margin: 0; padding: 0; text-align: center;}
	
	ul#menu li {list-style: none; position: relative; display:inline-block;}
	ul#menu li:last-child a {border-right: none;}
	ul#menu li:first-child a {border-left: none;}
	
	ul#menu li:hover {cursor:default;}
	ul#menu li a {
		display: block;
		line-height: 30px;
		text-align: center!important;
		width: 100%;
		color: #000;
		font-size: 18px;
		font-family: 'Lato', sans-serif;
		padding: 10px 13px;
		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#menu li a:hover {line-height: 30px;color: #FFF; background:#32a3a7;}
	ul#menu li a.active {line-height: 30px;color: #FFF; background:#32a3a7;}
	ul#menu li ul {
		position:absolute;
		left:-9999em;
		width: 100%;
		margin:0;
		padding:0;
		list-style-type:none;
	}
	ul#menu li:hover ul {left:0px; top:50px; z-index: 9999 !important;}
	ul#menu li:hover ul li {
		float: none;
		width: 260px;
		position: relative;
		z-index: 9999;
	}
	ul#menu li:hover ul li a {
		display:block;
		line-height:30px;
		text-transform: none;
		text-shadow: none;
		font-size: 17px;
		text-align:left !important;
		padding-left: 7px;
		width:100%;
		color:#FFF;
		text-decoration:none;
		background: #471957;
		border: none;
		border-bottom:#4f1e60 4px solid;
	}
	ul#menu li:hover ul li a:hover {color: #FFF; background:#622a76!important; border-bottom:#b52d91 4px solid;}
/*	--------------------------------------------------
	:: Media Queries
	-------------------------------------------------- */


@media screen and (max-width: 1050px) {	
	#nav-wrapper {height: auto !important; width:100%!important;z-index:1000; 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 #FFF; -moz-box-shadow: 0 1px 0 #FFF; box-shadow: 0 1px 0 #FFF; }
.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: #000;
}
/* 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: #b52d91; 	
	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; font-size:21px;}
.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{-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background:#000;color:#FFF;}
.slicknav_nav .slicknav_txtnode {margin-left:15px; }

.slicknav_menu {
	display: none;
}

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