/* Main menu settings */

#horizontal-wrapper { 

}
#horizontal-wrapper ul {
list-style-type:none;
}

#horizontal-main-menu {
	display:none;
}


#home-allcontent #horizontal-main-menu {
	display:block;
	position:absolute;
	margin-top:529px;
	z-index:6000;
	text-align:center;
	margin-left:70px;
	width:810px;
	height:73px;
	background:none;
		-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#horizontal-main-menu ul {
	padding:26px;
	background:none;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	width:auto;
}

#horizontal-main-menu ul li {
	display:inline-block;
}

#horizontal-main-menu ul a {
	text-decoration:none;color:#fff;
	font-size:18px;font-weight:500;
	display:block;
	list-style-type:none; display:inline;
    padding: 15px 10px; width:auto;
	text-decoration:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 3px #f5f6f6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	margin-left:5px;
	color:#fff;
	background:#ed1c24;
	background: -moz-linear-gradient(top, #ed1c24 1%, #b61a20 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ed1c24), color-stop(100%,#b61a20));
	background: -webkit-linear-gradient(top, #ed1c24 1%,#b61a20 100%);
	background: -o-linear-gradient(top, #ed1c24 1%,#b61a20 100%);
	background: -ms-linear-gradient(top, #ed1c24 1%,#b61a20 100%);
	background: linear-gradient(top, #ed1c24 1%,#b61a20 100%);
}

#horizontal-main-menu ul a:hover,
#horizontal-main-menu ul a:active {
	background:#f04e23;
	background: -moz-linear-gradient(top, #f04e23 1%, #b61a20 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f04e23), color-stop(100%,#b61a20));
	background: -webkit-linear-gradient(top, #f04e23 1%,#b61a20 100%);
	background: -o-linear-gradient(top, #f04e23 1%,#b61a20 100%);
	background: -ms-linear-gradient(top, #f04e23 1%,#b61a20 100%);
	background: linear-gradient(top, #f04e23 1%,#b61a20 100%);
}



/* Top menu items */


#horizontal-main-menu a#here li {
color:#FC0;
}



/* Submenu items */
#horizontal-main-menu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:2.5em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:auto; /* width of the drop-down menus */
	padding-right:5px;
}
#horizontal-main-menu 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%;
   color:#000;
   text-align:left; 
   padding-right:5px;
   border-bottom:1px solid #444; /* sub menu item horizontal lines */
   border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background-color:#fff;
}




#horizontal-main-menu ul ul li a,
#horizontal-main-menu ul li.active li a,
#horizontal-main-menu ul li:hover ul li a,
#horizontal-main-menu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:.8em;
   font-weight:normal; /* resets the bold set for the top level menu items */
   line-height:1.3em; /* overwrite line-height value from top menu */
   border-right: 0px;
   background:none;
   text-align:left;
   padding-top:5px;
}
#horizontal-main-menu ul ul li a:hover,
#horizontal-main-menu ul li.active ul li a:hover,
#horizontal-main-menu ul li:hover ul li a:hover,
#horizontal-main-menu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:url(../images/btn-hover.png) left center no-repeat; /* Top menu items background colour */
}

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

/* Make the sub menus appear on hover */
#horizontal-main-menu ul li:hover ul,
#horizontal-main-menu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}



@media screen and (max-width: 768px) {

#home-allcontent #horizontal-main-menu {
	display:none;
}

}