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


.menubtn				{display:none;}
nav					{float:right; width:auto; font-family:'roboto_condensedbold'; text-transform:uppercase; font-size:17px;}
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;}
}