* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

nav {
	width: 810px;
	float: right;
	margin-top: 54px;
	z-index: 5000;
	position: relative;
}


/*img { max-width: 100%; }*/

.container {
	max-width: 60em;
	margin: 0px auto;
}

.head {
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	position: relative;
	z-index: 99;
}

.head .container {
	width: 100%;
}

.head > h1 {
	text-align: center;
}

.menu-link {
	display: none;
	text-decoration: none;
	padding: 20px;
}

.menu {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.menu ul {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 41px; /* Match to height of top level */
	list-style: none;
	position: relative;
	display: inline-table;
	background-image: url(/images/bg_navigation.png);
	background-repeat: repeat-x;
	background-position: 0px 3px;
}

.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #f4f4f4;
	border: 1px solid #CCC;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.menu ul:after {
	content: "";
	clear: both;
	display: block;
}

.menu ul li {
	padding: 0px;
}

.menu > ul > li {
	display: inline-block;
}

.menu ul li a {
 /* top level link style */
	display: block;
	text-decoration: none;
	text-decoration: none;
	font-family: 'helvetica_black', "Arial Black", sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 16px;
	padding: 10px 12px;
	color: #b79e14;
	background-color: #000;
}

.menu ul li a:hover,
.menu ul li a.current {
	background-color: #444;
	color: #dfc11a;
	transition: background 0.2s ease 0s;
}



.menu ul li < a {
	display: block;
	text-decoration: none;
	padding: 18px 14px 20px 14px;
	text-decoration: none;
	font-family: 'helvetica_black', "Arial Black", sans-serif;
	text-transform: uppercase;
	text-shadow: 1px 1px #ccc;
	font-weight: normal;
	font-size: 15px;
	color: #e51937;
}

.menu ul ul {
	display: none;
	position: absolute;
	top: 100%;
	min-width: 160px;
	width: 200px;
	background-color: #e6e6e6;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.menu ul li:hover > ul {
	display: block;
}

.menu ul ul > li {
	position: relative;
}

.menu ul ul > li a {
 /* sub level links */
	padding: 5px 15px 5px 10px;
	height: auto;
	background-color: #e6e6e6;
	font-weight: normal;
	font-size: 13px;
	font-family: 'sans_serif', Arial, sans-serif;
	text-transform: none;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}

.menu ul ul > li a:hover {
	background-color: #8C8C8C;
 /* child menu background hover color */
	background-color: rgba(140, 140,140, 0.9);
 /* child menu background hover color */
	color: #fff;
}

.menu ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}














/* MOBILE STYLES
--------------------------------------------- */
@media screen and (max-width: 680px) {

	nav {
		margin-top: 0px;
		margin-bottom: 20px;
		width: 100%;
	}

	.menu a {
		padding: 21px 14px 17px 14px;
		text-decoration: none;
		font-family: 'sans_serif', Arial, sans-serif;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 15px;
		color: #d7d7d7;
	}

    /* mobile link menu button */
	a.menu-link {
		display: block;
		background-image: url(/images/menu_link.png);
		background-repeat: no-repeat;
		background-position: 10px 13px;
		text-decoration: none;
		font-family: 'sans_serif', Verdana, Arial, sans-serif;
		text-transform: uppercase;
		text-shadow: 1px 1px #ccc;
		font-weight: normal;
		font-size: 15px;
		color: #3c4e71;
		padding: 15px 15px 15px 50px;
	}

	a.menu-link:hover {
		text-decoration: none;
	}

	a.menu-link.active {
		background-image: url(../images/menu_link.png);
		background-repeat: no-repeat;
	}

	.menu {
		clear: both;
		min-width: inherit;
		float: none;
	}

	.menu, .menu > ul ul {
		overflow: hidden;
		max-height: 0;
		background-color: #f4f4f4;
 /* Submenu background color */;
	}

	.menu > li > ul.sub-menu {
		padding: 0px;
		border: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
	}

	.menu.active, .menu > ul ul.active {
		max-height: 85em;
	}

	.menu ul {
		display: inline;
		height: auto;
	}

	.menu > ul {
		border-top: 1px solid #808080;
	}

	.menu li, .menu > ul > li {
		display: block;
	}

	.menu li a {
		color: #000;
		display: block;
		padding: 0.8em;
		border-bottom: 1px solid #808080;
		position: relative;
	}

	.menu li.has-submenu > a:after {
		content: '+';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.5em;
		padding: 0.55em 0.5em;
	}

	.menu li.has-submenu > a.active:after {
		content: "-";
	}

	.menu ul ul > li a {
		background-color: #f4f4f4;
		/*sub menu link background color */
		height: 38px;
		padding: 10px 10px 8px 30px;
	}

	.menu ul ul, .menu ul ul ul {
		display: inherit;
		position: relative;
		left: auto;
		top: auto;
		box-shadow: none;
		border: none;
		width: auto;
	};
}