/* Main menu settings */
ul,  ul li {
	list-style:none;
	list-style-type:none;
	margin:0;padding:0;
}

#header-horizonal-nav {  /* this hides the horizonal nav from the header */
	display:none;
}


#horizontal-main-menu {
	top:0;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:11000;
	background:none;
}

#horizontal-wrapper { 
   margin:0;
   padding:0;
   font-size:90%; /* Menu text size */
   z-index:9022; /* This makes the dropdown menus appear above the page content below */
	width:100%;
	text-align:center;
	position:fixed;
	top:0;
	left:0;	
	background:#1b75bb;
	border-bottom:solid .5px #2e2e2e;
	opacity:1;
	height:190px; /* set this height and match with the #page */
}
#horizontal-wrapper {
	background:url(../images/header-bg.jpg) repeat-x;
	background:url(../images/trans-repeater_80-blue.png) repeat;
}
#menu1 {
background:url(../images/trans-repeater_75-dark.png) repeat;

}

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

#horizontal-main-menu {
margin:0;
padding:0;
width:960px;
text-align:center;
margin-right:auto;
margin-left:auto;
}


/* Top menu items */
#horizontal-main-menu ul {
 margin:0;
padding:0;
font-size:90%; /* Menu text size */
z-index:9000; /* This makes the dropdown menus appear above the page content below */
height:auto;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background:none;
width:960px;
text-align:center;
margin-top:-5px;
}

#horizontal-main-menu ul li {
	margin:0;padding:0;
}

#horizontal-main-menu ul li,
#horizontal-main-menu ul li.parent-non-clickable {
display: inline-block;
position:relative;
list-style-type: none;
}
	
#horizontal-main-menu ul li.parent-non-clickable {
padding:.3em;
padding-left:.6em;
padding-right:.6em;
	}
	
#horizontal-main-menu ul li a {
display:block;
 margin:0px;
 margin-left:0px;
height:auto;
font-weight:bold;
width: auto;
padding:.3em;
padding-left:.6em;
padding-right:.6em;
text-decoration: none; 
background:none;
box-shadow: none;
border:none;
	}

#horizontal-main-menu ul li, 
#horizontal-main-menu ul li a {
	color:#fff;
	font-weight:bold;
	font-size:24px;
	font-family: 'Oswald', sans-serif;
	font-weight:500;
text-shadow:
   -1px -1px 0 #191919,  
    1px -1px 0 #191919,
    -1px 1px 0 #191919,
     1px 1px 0 #191919;
}


#horizontal-main-menu ul li.parent-non-clickable:hover,
#horizontal-main-menu li a#here  {
background:none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding:.3em;
padding-bottom:.3em;
padding-left:.6em;
padding-right:.6em;
}


#horizontal-main-menu li li a#here  {
}


#horizontal-main-menu ul li a.active {
background:#fff;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding:.3em;
padding-bottom:.3em;
padding-left:.6em;
padding-right:.6em;
}

#horizontal-main-menu ul li a:hover {
}

#horizontal-main-menu ul li a#here:hover {
background:none;
}


#horizontal-main-menu ul li > a:before {
  content: "";
  position: absolute;
  width: 90%;
  height: 2px;
  bottom: 0;
  left: 5%;
  background-color:#fff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#horizontal-main-menu ul li > a:hover:before,
#horizontal-main-menu ul li > a#here:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#horizontal-main-menu ul li ul li > a:hover:before,
#horizontal-main-menu ul li ul li > a#here:before {
  visibility:hidden;
}

/* Submenu items */
#horizontal-main-menu ul ul {
   margin:0;
   padding:0;
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:44px;
   left:0;
right:auto; /*resets the right:50% on the parent ul */
height:auto;
z-index:12000;
width:inherit;
min-width:100%;
border:solid .5px #000;
border:none;
background:#99b5d3;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding-bottom:4px;
}



#horizontal-main-menu ul li ul li,
#horizontal-main-menu ul li ul li:hover {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   padding:0;
   display:block;
   width:100%;
   max-width:100%;
   min-width:100%;
color:#000;
clear:both;
margin-top:0px;
line-height:1.2em;
height:auto;
text-align:center;
border:solid .5px #000;
border:none;
}

#horizontal-main-menu ul li.parent-non-clickable:hover {
border-radius: 3px 3px 0px 0px;
background:#99b5d3;
color:#000;
text-shadow:none;
}

#horizontal-main-menu ul li ul li a { /* This line is required for IE 6 and below */
display:block;
padding:.5em;
font-size:14px;
background:none;
color:#000;
font-family: 'Oswald', sans-serif;
text-shadow:none;
}

#horizontal-main-menu ul li ul li a:hover { /* This line is required for IE 6 and below */
opacity:.8;
}


/* 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 */
}

.hide-online-ordering-std  {
	}
	

/** Shrink Header On vertical Scroll **/
@media (min-width: 1025px) {

body#home .smaller #top-contact-outer-wrapper { /* this hides the added white address/phone/hours section when srolling */
	display:none;
}
	
#header-wrapper #horiz-right-side {
		transition: opacity 0.3s linear;
	}
body#home .smaller #horizontal-wrapper, 	
.smaller #horizontal-wrapper  {
	height:120px;
	background:url(../images/header-bg.jpg) repeat-x;
}
	
#header-wrapper.smaller #horizontal-main-menu {
	transition: margin 0.3s linear, height 0.3s linear;
}
#header-wrapper #h-nav-logo-wrapper img {
	height: 240px;
	width: auto;
	transition: all 0.3s linear;
	background:none;
	padding:7px;
}
	
#header-wrapper.smaller #replacement-filler-online_horiz-nav { /* this should be set to same height as horizontal nav */
height:123px;
}
#header-wrapper.smaller #below-horiz-nav-online-nav { /*this is for the online ordering button directly below horizontal-wrapper div */
	top:123px;
}
	
#home-allcontent #header-wrapper.smaller #horizontal-wrapper,
	#header-wrapper.smaller #horizontal-wrapper {
		height:auto;
		padding-bottom: 8px;
		opacity:1;
	}
	#header-wrapper.smaller #h-nav-logo-wrapper img {
		height: 61px;
		padding:0;
		background:none;
		width: auto;
		transition: all 0.3s linear;
		margin-top:-7px;
	}
	#header-wrapper.smaller #horiz-right-side {
		opacity: 0;
		height: 0;
	}
	#header-wrapper.smaller #horizontal-main-menu {
		margin-top:0px;
	}
}