/* navigation - pages */
#menu_trigger {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 34px;
	height: 34px;
	padding: 0;
	margin: 0;
	z-index: 999;
	cursor: pointer;
	background-color: transparent;
	background-image: url(../images/nav_trigger.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#menu_trigger:hover, #menu_trigger:active { background-image: url(../images/nav_trigger_over.png); }
#menu_trigger.active { background-image: url(../images/nav_trigger_active.png); }
#menu_trigger.active:hover, #menu_trigger.active:active { background-image: url(../images/nav_trigger_active_over.png); }

#menu {
	float: left;
	padding: 20px 0 0 0;
	margin: 0;
	width: auto;
	height: 35px;
	display: block;
	overflow: hidden;
}

#menu ul.main_nav {
	float: left;
	list-style: none;
	padding: 0 0 0 80px;
	margin: 0;
}

#menu li {
	float: left;
	padding: 0;                                                                                                             
	margin: 0;
}

/* main pages */
#menu .page_item,
#menu .menu-item {
	float: left;	
	padding: 0;
	margin: 0;
	border: 0;	
	text-align: left;
}

#menu  .page_item a:link, #menu  .page_item a:visited,
#menu  .menu-item a:link, #menu  .menu-item a:visited {	
	float: left;	
	margin: 0;
	padding: 0 15px 0 15px;
	min-width: 100px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 35px;
	font-size: 14px;
	letter-spacing: 2px;
	border: 0;
	color: #fff; 
	background: #a27b12;
}

#menu .page_item a:hover, #menu  .page_item a:active,
#menu .menu-item a:hover, #menu .menu-item a:active {
	color: #fff;
	background: #e7af19;
}

#menu .current_page_item a:link, #menu .current_page_item a:visited,
#menu .current_page_ancestor a:link, #menu .current_page_ancestor a:visited,
#menu .current-menu-item a:link, #menu .current-menu-item a:visited {
	color: #fff;
	background: #e7af19;
}

/* sub menu items */
#submenu {
	position: absolute;
	top: 365px;
	left: 80px;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
}                                              

#submenu ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

#submenu .page_item {
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	width: auto;
	text-align: left;
	list-style: none;
}

#submenu .page_item a:link, #submenu .page_item a:visited {	
	float: left;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 35px;
	padding: 0 15px 0 15px;
	margin: 0;
	border: 0;
	width: auto;
	height: auto;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	letter-spacing: 2px;
	border: 0;
	color: #fff; 
	background: #a27b12;
	opacity: 0.9;
}

#submenu .page_item a:hover, #submenu .page_item a:active {
	color: #fff;
	background: #e7af19;
	opacity: 1.0;
}

#submenu li.current_page_item a:link, #submenu li.current_page_item a:visited {
	color: #fff;
	background: #e7af19;
	opacity: 1.0;
}


/* Mobile menu */
#mobile_menu_trigger {
	position: absolute;
	left: -8px;
	top: 0;
	width: 34px;
	height: 34px;
	padding: 0;
	margin: 0;
	z-index: 999;
	cursor: pointer;
	background-color: transparent;
	background-image: url(../images/nav_trigger.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#mobile_menu_trigger:hover, #mobile_menu_trigger:active { background-image: url(../images/nav_trigger_over.png); }
#mobile_menu_trigger.active { background-image: url(../images/nav_trigger_active.png); }
#mobile_menu_trigger.active:hover, #mobile_menu_trigger.active:active { background-image: url(../images/nav_trigger_active_over.png); }

/* navigation - pages */
#mobile_menu {
	position: fixed;
	z-index: 998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 60px 0 0 0;
	margin: 0;
	background: #a27b12;
	display: none;
}

#mobile_menu ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#mobile_menu li {
	float: left;
	width: 100%;
	padding: 0;                                                                                                        
	margin: 0;
}

/* main pages */
#mobile_menu .page_item,
#mobile_menu .menu-item {
	float: left;	
	padding: 0;
	margin: 0;
	border: 0;	
	text-align: left;
}

#mobile_menu  .page_item a:link, #mobile_menu  .page_item a:visited,
#mobile_menu  .menu-item a:link, #mobile_menu  .menu-item a:visited {	
	float: left;	
	margin: 0;
	padding: 0 20px 0 20px;
	width: calc(100% - 40px);
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 35px;
	font-size: 14px;
	letter-spacing: 2px;
	border: 0;
	color: #fff; 
	background: #a27b12;
}

#mobile_menu .page_item a:hover, #mobile_menu  .page_item a:active,
#mobile_menu .menu-item a:hover, #mobile_menu .menu-item a:active {
	color: #fff;
	background: #e7af19;
}

#mobile_menu .current_page_item a:link, #mobile_menu .current_page_item a:visited,
#mobile_menu .current-page-ancestor a:link, #mobile_menu .current-page-ancestor a:visited,
#mobile_menu .current-menu-item a:link, #mobile_menu .current-menu-item a:visited {
	color: #fff;
	background: #e7af19;
}