@charset "utf-8";
/* CSS Document */


.menubtn {
	display: none;
}

nav {
	float: right;
	width: auto;
	font-family: 'roboto_condensedbold';
	text-transform: uppercase;
	font-size: 16px;
}

nav span {
	display: none;
}

/* all lists */
nav ul,
nav ul ul {
	padding: 0;
	margin: 0;
}

nav ul a {
	display: block;
}

/* all list items */
nav ul li {
	float: left;
	width: auto;
}

nav ul li:last-child {
	border: none;
}

/* second-level lists */

nav ul li ul {
	position: absolute;
	width: 250px;
	left: -999em;
	z-index: 9999;
	font-size: 16px;
}

nav ul li ul li {
	width: 100%;
}

nav ul ul li,
nav ul ul ul li,
nav ul ul ul ul li {
	border-right: none;
}

nav ul li a.sf-with-ul:after {
	content: '\00BB';
	/*Right Double Arrows*/
	position: relative;
	float: right;
	top: 0em;
	right: -0.5em;
}

nav ul li a.sf-with-ul:only-child:after {
	content: '';
	/* if only child, delete arrow */
}

nav ul li ul a {}

nav ul li ul li:last-child a {
	border-bottom: none;
}

/* third-and-above-level lists */
nav ul li ul ul {
	margin: -31px 0 0 200px;
	/* negative margin calculated by li padding plus line height*/
}

nav ul li:hover ul ul,
nav ul li:hover ul ul ul,
nav ul li.sfhover ul ul,
nav ul li.sfhover ul ul ul {
	left: -999em;
}

nav ul li:hover ul,
nav ul li li:hover ul,
nav ul li li li:hover ul,
nav ul li.sfhover ul,
nav ul li li.sfhover ul,
nav ul li li li.sfhover ul {
	/* lists nested under hovered list items */
	left: auto;
}

/*UNIVERSAL PADDING*/
nav ul a {
	padding: 10px 20px;
}

nav ul li a {
	padding: 15px 20px;
}

nav ul li a:hover {
	color: #333;
}

nav ul li ul a {
	padding: 4px 10px 4px 20px
}



/*----------------------------------
	COLORS
-----------------------------------*/


nav ul a {
	color: #FFF;
}

/*Top Nav borders*/
nav ul li {
	border-right: 1px solid #b59669;
}

nav ul li:hover {
	color: #666;
}

nav ul li ul a {
	border-bottom: 1px solid #b59669 !important;
}

nav ul li ul {
	background: #a88758;
}

.underline {
	text-decoration: underline;
}

/*----------------------------------
	MEDIA QUERY
-----------------------------------*/
@media screen and (max-width:989px) {

	.menubtn {
		display: block;
		margin: 5px 0 10px;
		float: right;
		text-indent: -9999px;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		width: 40px;
		height: 40px;
	}

	.menubtn:hover {
		cursor: pointer;
	}

	nav span {
		display: block;
	}

	nav span {
		position: relative;
		float: right;
		padding: 12px 20px;
	}

	nav span:hover {
		cursor: pointer;
	}

	nav ul,
	nav ul>ul {
		display: none;
		float: none;
		width: 100%;
	}

	nav ul li {
		border-right: none;
	}

	nav ul li a.sf-with-ul:after {
		content: '';
	}

	nav ul li ul,
	nav ul li ul li {
		width: 100%;
	}

	nav ul li ul a {
		border-bottom: none;
	}

	nav ul ul,
	nav ul li {
		width: 100%;
		border-bottom: 1px solid #b59669;
	}

	nav ul li a {
		padding: 12px 20px;
		float: left;
	}

	nav ul li ul a {
		padding: 12px 25px;
	}

	nav ul ul li ul a {
		padding: 12px 30px;
	}

	nav ul ul ul li ul a {
		padding: 12px 35px;
	}

	nav ul ul ul ul li ul a {
		padding: 12px 40px;
	}

	nav ul li ul,
	nav ul li ul ul,
	nav ul li:hover ul ul,
	nav ul li:hover ul ul ul,
	nav ul li.sfhover ul ul,
	nav ul li.sfhover ul ul ul,
	nav ul li:hover ul,
	nav ul li li:hover ul,
	nav ul li li li:hover ul,
	nav ul li.sfhover ul,
	nav ul li li.sfhover ul,
	nav ul li li li.sfhover ul {
		position: relative;
		display: none;
		margin: 0 0 0 0;
		left: 0em;
		/* using left instead of display because display:none isn't read by screen readers */
	}

	/*----------------------------------
	MOBILE COLORS
-----------------------------------*/

	nav {
		background: none;
	}

	.menubtn {
		background: url(../images/icons/menu.png) no-repeat center center;
	}

	/*Plus icon*/
	nav span {
		background: #ffffff;
		color: #1a2733;
	}

	nav span:hover {
		background: #e5e5e5;
	}

	/*Top Nav background*/
	nav ul ul,
	nav ul li {
		background: #a88758;
	}

	/*Sub-Nav background*/
	nav ul li ul li {
		background: #b59669;
	}

	/*Sub-Nav borders*/
	nav ul li ul li {
		border-bottom: 1px solid #A88758;
	}

	/*sub, sub-Nav background*/
	nav ul ul ul li {
		background: #c2a274;
	}

	/*First Nav Item when open*/
	ul li.menuOpen,
	ul li.menuOpen:hover {
		background: #b59669;
	}

	ul li.menuOpen>span {
		background: #c2a274;
	}

	/*Sub-Nav Item when open*/
	ul ul li.menuOpen,
	ul ul li.menuOpen:hover {
		background: #c2a274;
	}

	/*Sub, Sub-Nav Item when open*/
	ul ul ul li.menuOpen,
	ul ul ul li.menuOpen:hover {
		background: #c2a274;
	}
}