/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/
.menu,
.menu-coming-soon {
	position: relative;
	margin: 45px auto 0;
	padding: 0;
	width: auto;
	max-width: 920px;
    font-family: 'Ostrich Sans Black', Arial, Helvetica, san-serif;
    font-weight: 400;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 1px;
    z-index: 101;
}

.menu ul {
	text-align: center;
}

/* Navigation root menu */
.menu li {
	position: relative;
	margin: 0;
	padding: 0;
	width: auto;
	display: inline;
	zoom: 1;
}
.menu li a {
	padding: 0 20px;
	color: #6d6e71;
	text-align: center;
	text-decoration: none;
}
.menu li a:hover {
	color: #f09d8b;
}

.menu li:last-child {
	display: none;
}

.menu li:last-child a {
	margin-left: 20px;
	padding-left: 40px;
	color: #91ccbd;
	border-left: solid 2px #6d6e71;
}
.menu li:last-child a:hover {
	color: #f09d8b;
}



/* Navigation root menu Highlight */
.menu li.current-menu-item a {
	color: #f09d8b;
}



/* Mobile navigation ***********************************************/
.menu-mobile {
	position: absolute;
	top: 45px;
	left: 0;
	width: 40px;
	height: 20px;
	font-family: 'Ostrich Sans Black', Arial, Helvetica, san-serif;
	font-size: 20px;
    line-height: 25px;
	text-indent: 50px;
	background: url(../images/nav_icon.png) no-repeat center center;
	display: none; /* Hide from browsers that don't support media queries */
	cursor: pointer;
}

/* Mobile navigation, clickable area for revealing <ul> ***********************************************/
.menu-click {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 20px;
	display: none;
	cursor: pointer;
}
.menu-click i {
	width: 40px;
	height: 20px;
	background: url(../images/nav_plus.png) no-repeat center center;
	display: block;
}
.menu-click:hover {
	background-color: #000000;
}
.menu-arrow.nav-rotate {
	background: url(../images/nav_minus.png) no-repeat center center;
}
/*.nav-rotate {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}*/



	/*------------------------------------*\
		Desktops smaller, iPads, iPhones & Smartphones
	\*------------------------------------*/
	@media only screen 
	and (min-width: 320px) 
	and (max-width: 860px) {
		.menu-mobile {
			left: 0;
			display: block;
		}
		.menu {
			margin: 0;
			padding: 0;
			width: 200px;
			max-width: 200px;
			z-index: 101;
		}
		.menu ul {
			position: relative;
			top: 75px;
			padding-top: 0;
			padding-right: 0;
			text-align: left;
			border-top: 1px solid #000000;
			border-left: 1px solid #000000;
			border-right: 1px solid #000000;
			-webkit-box-shadow: 5px 5px 5px rgba(0,0,0, 0.7);
			-moz-box-shadow: 5px 5px 5px rgba(0,0,0, 0.7);
			box-shadow: 5px 5px 5px rgba(0,0,0, 0.7);
			display: none;
		}
	
		
		/* Navigation root menu ***********************************************/
		.menu li {
			float: none;
			position: relative;
			margin: 0;
			padding: 0;
			width: 100%;
			height: auto;
		}
		.menu li a {
			padding: 10px;
			display: block;
			color: #888888;
			text-align: left;
			background: #ffffff;
			border-bottom: 1px solid #000000;
		}
		.menu li a:hover {
			color: #000000;
		}
		
		.menu li:last-child a {
			margin-left: 0;
			padding-left: 10px;
			color: #91ccbd;
			border-left: none;
		}
		.menu li:last-child a:hover {
			color: #f09d8b;
		}
		
		/* Navigation root menu Highlight */
		.menu li.current-menu-item a {
			font-weight: 700;
			color: #000000;
			background: #e5e5e5;
			border-bottom: 1px solid #000000;
		}
		
		.menuhide_800 {display: block;}
		
	}
	

		/*------------------------------------*\
			Smartphones (portrait and landscape)
		\*------------------------------------*/
		@media only screen 
		and (min-width: 320px) 
		and (max-width: 480px) {	
			.menu {
				right: 10px;
			}
			.menuhide_480 {display: block;}
		}




/*-------------------------------------------------------------------------------------*\
    Footer Menu Navigation
\*------------------------------------*/
.footermenu {
	float: left;
	position: relative;
	width: 200px;
    font-family: 'Carrois Gothic Regular', Arial, Helvetica, san-serif;
    font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	text-transform: uppercase;
	border-right: solid 1px #ffffff;
}
.footermenu ul {
	margin: 0 0 0 -7px;
	padding: 0;
	text-align: left;
}
.footermenu li {
	position: relative;
	margin: 0;
	padding: 5px 0;
	width: auto;
}
.footermenu li a {
	padding: 0 5px 0 7px;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
}
.footermenu li > a:hover {
	color: #97999b;
	background: #ffffff;
}


/* Navigation root menu Highlight */
.footermenu li.current-menu-item a {
	border-left: solid 3px #ffffff;
}

	/*------------------------------------*\
	iPads (portrait) and Desktops smaller
	\*------------------------------------*/
	@media only screen 
	and (min-width: 320px) 
	and (max-width: 860px) {

	}
	
	/*------------------------------------*\
		Smartphones (portrait and landscape)
	\*------------------------------------*/
	@media only screen 
	and (min-width: 320px) 
	and (max-width: 480px) {
		.footermenu {
			display: none;
		}
	}