/* CSS Document */

#menu, #menu ul {
	list-style:none;
	padding:0;
	margin:0;
    text-align: center;
	float:right;
	position:relative;
    top:-24px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 8px;
    width: auto;
    clear: right;
}

#menu {
     background:#994E39;   
}

#menu li {
	float:right;
	position:relative;
	line-height:36px;
	width:auto;
}

#menu li ul {
	position:absolute;
	margin-top:56px;
	margin-left:20px; /* for IE */
   	text-align: left;
	display:none;
}

#menu ul li ul {
	margin-top:45px;
	margin-left:130px;
}

/* ******************************************************************* */
/* SHOW SUBMENU  1 */
#menu li:hover ul, #menu li.over ul {
	display:block;
}

#menu li:hover ul ul, #menu li.over ul ul {
	display:none;
}

/* SHOW SUBMENU  2 */
#menu ul li:hover ul, #menu ul li.over ul {
	display:block;
}

/* ******************************************************************* */
/* STYLING UP THE LINKS */
#menu a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:0px 16px 0px 16px;
	font-size: 14px;
	font-weight: 400;
}

#homebox a:hover {
	background-color:#EB8A44;
	color:#000;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

#mobbox a:hover {
	background-color:#EB8A44;
	color:#000;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

#menu a:hover {
	background-color:#EB8A44;
	color:#000;
}

#menu ul a {
	width:140px;
	line-height:36px;
	font-weight: 400;
	border:1px solid #fff;
	background:#A8B300;
    border-radius: 3px;
}

#homebox {
    background-color: #A8B300;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

#mobbox {
    background-color: #0077B3;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

/* ******************************************************************* */

#menu {
	z-index:1;
}

#menu ul {
	z-index:2;
}

#menu ul ul {
	z-index:3;
}

/* ******************************************************************* */

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */