@font-face
{
	font-family: happo;
	src: url('../style/raleway/Raleway-Regular.ttf');
}

/* MAIN MENU AND SUBMENUS======================================================================== */

#happo_logo { float:left; margin:0 0 0 0; position: relative; }


.main_menu_container
{
	background-color:#d54527; 
	width:100%;
 }

div.main_menu_wrapper 
{
    width: 80%; /*1000px; Changed by ZZ on 10 May 2013*/
    margin: 0 auto;
	vertical-align: middle;
}

#centeredmenu {
/*   float:left; */
	clear:both;
	z-index:1000000001; /* This makes the dropdown menus appear above the page content below */	
	width:100%;
	height:50px;
	background-color:#d54527; 
/*	overflow:hidden; */
   position:relative;
}

#centeredmenu ul {
   list-style:none;
   margin:0;
   padding: 0;
   position: relative;
   text-align: center;
   vertical-align: middle;

}


#centeredmenu ul li {
	min-width:90px;	/* 110  change it to work on mackbook pro*/
	width:90px;
	text-align: center;
	vertical-align:middle;
    display: inline-table;
	padding: 0px;
	float:left;
	list-style:none;
	margin:0;
	position:relative;
	border-left: 1px solid #e7b0ac;

}

#centeredmenu ul li a {
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #e7b0ac;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	display:block;
	vertical-align:middle;
    line-height:50px;
}

#centeredmenu ul li a:hover {
   background:#e7b0ac;
   color:#fff;
}

#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#726869;
   background:#e6e6de; /* 918485 */
   font-weight:normal;
}

/*--------*/
#centeredmenu ul ul {
   position:absolute;
   display:none;
   top:50px;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
   text-align: left;
}

#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
   text-align: left;
}

#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal; /* resets the bold set for the top level menu items */
/*	background:#eee;
	color:#444; */
	background:#e7b0ac;
	color:#fff;

	line-height:1.4em; /* overwrite line-height value from top menu */
	border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
	text-transform: capitalize;   
	padding:5px;
}

#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#eee; /* Sub menu items background colour */
   color:#444;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul 
{ /* This line is required for IE 6 and below */
	display: block;
   
}
.main_menu_holder { width:100%; z-index:1000000001; }

/*Added by ZZ on 27 Feb 2014 to fix menu  on mobile */
#mainMenuMobi { display:block !important; }

#mainMenuMobi ul li:hover ul,
#mainMenuMobi ul li.hover ul 	 /* This line is required for IE 6 and below */
{
	display: block !important;
}
#mainMenuMobi ul ul
{
	display:none !important;
}