/* Flexnav Base Styles */
.flexnav { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; -webkit-transform-style: preserve-3d; overflow: hidden; margin: 0 auto; width: 100%; max-height: 0; padding-left:0; }
.flexnav.opacity { opacity: 0; }
.flexnav.show { max-height: 2000px; opacity: 1; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.flexnav.one-page { position: fixed; top: 50px; right: 5%; max-width: 200px; }
.flexnav ul{padding-left:0;}
.flexnav li { font-size: 100%; position: relative; overflow: hidden; }
.flexnav li a { position: relative; display: block; padding: .96em; z-index: 2; overflow: hidden; color: #f7b71a; border-bottom: 3px double #5d1717; font-family: "museo-slab",serif; font-size:.96rem; text-decoration: none; }
.flexnav li a:hover{color:white;}
.flexnav li ul { width: 100%; }
.flexnav li ul li { font-size: 100%; position: relative; overflow: hidden; }
.flexnav li ul.show li { overflow: visible; }
.flexnav li ul li a { display: block;  color:white; border-bottom:1px solid #5d1717; font-family: "Trebuchet MS", Verdana, sans-serif; font-size:.8rem; }
.flexnav ul li ul li a {  }
.flexnav ul li ul li ul li a {  }
.flexnav .touch-button { position: absolute; z-index: 999; top: 0; right: 0; width: 50px; height: 61px; display: inline-block; background: #acaca1; background: rgba(0, 0, 0, 0.075); text-align: center; }
.flexnav .touch-button:hover { cursor: pointer; }
.touch-button .navicon { position: relative; display:block; top: 1.6em; left:28%; width:22px; height:10px; background:url(../images/nav-arrows.png) top right no-repeat; }
.touch-button.active .navicon{background-position:top left;}
.menu-button { position: relative; display: block; padding: 1em; color: #f7b71a; cursor: pointer; border-bottom: 1px solid #e8b21a; font-family: "museo-slab",serif; font-size:1.5rem;text-align:center; 
background: #951c0f; /* Old browsers */
background: -moz-linear-gradient(top, #951c0f 0%, #871a0d 50%, #511507 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#951c0f), color-stop(50%,#871a0d), color-stop(100%,#511507)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #951c0f 0%,#871a0d 50%,#511507 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #951c0f 0%,#871a0d 50%,#511507 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #951c0f 0%,#871a0d 50%,#511507 100%); /* IE10+ */
background: linear-gradient(to bottom, #951c0f 0%,#871a0d 50%,#511507 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#951c0f', endColorstr='#511507',GradientType=0 ); /* IE6-9 */
}
.menu-button.one-page { position: fixed; top: 0; right: 5%; padding-right: 45px; }
.menu-button .touch-button { background: transparent; position: absolute; z-index: 999; top: 0; right: 0; width: 50px; height: 50px; display: inline-block; text-align: center; }
.menu-button .touch-button .navicon { top: 1.2em; }

@media all and (min-width: 769px) {
body.one-page { padding-top: 70px; }
.flexnav { overflow: visible; padding:0 20px; }
.flexnav.opacity { opacity: 1; }
.flexnav.one-page { top: 0; right: auto; max-width: 1080px; }
.flexnav li { position: relative; list-style: none; float: left; display: block; overflow: visible; }
.flexnav li a { border-bottom: none; padding:.7rem 1rem; }
.flexnav li > ul { position: absolute; top: auto; left: 0; width:200px;border-top:1px solid black; 
background: #951c0f; /* Old browsers */
background: -moz-linear-gradient(top, #951c0f 0%, #871a0d 50%, #511507 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#951c0f), color-stop(50%,#871a0d), color-stop(100%,#511507)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #951c0f 0%,#871a0d 50%,#511507 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #951c0f 0%,#871a0d 50%,#511507 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #951c0f 0%,#871a0d 50%,#511507 100%); /* IE10+ */
background: linear-gradient(to bottom, #951c0f 0%,#871a0d 50%,#511507 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#951c0f', endColorstr='#511507',GradientType=0 ); /* IE6-9 */
 }
.flexnav li > ul li { width: 100%; }
.flexnav li ul li > ul { margin-left: 100%; top: 0; }
.flexnav li ul li a { border-left: none; color:#feb120;}
.flexnav li ul.open { display: block; opacity: 1; visibility: visible; z-index: 1; }
.flexnav li ul.open li { overflow: visible; max-height: 100px; }
.flexnav li ul.open ul.open { margin-left: 100%; top: 0; }
.no-touch .flexnav .touch-button,.touch-button .navicon{display:none;}
.menu-button { display: none; }
}
.oldie body.one-page { padding-top: 70px; }
.oldie .flexnav { overflow: visible; }
.oldie .flexnav.one-page { top: 0; right: auto; max-width: 1080px; }
.oldie .flexnav li { position: relative; list-style: none; float: left; display: block; width: 20%; min-height: 50px; overflow: visible; }
.oldie .flexnav li:hover > ul { display: block; width: 100%; overflow: visible; }
.oldie .flexnav li:hover > ul li { width: 100%; float: none; }
.oldie .flexnav li a { border-left: 1px solid #acaca1; border-bottom: none; overflow: visible; }
.oldie .flexnav li > ul { position: absolute; top: auto; left: 0; display: none; z-index: 1; overflow: visible; }
.oldie .flexnav li ul li ul { top: 0; }
.oldie .flexnav li ul li a { border-bottom: none; }
.oldie .flexnav li ul.open { display: block; width: 100%; overflow: visible; }
.oldie .flexnav li ul.open li { width: 100%; }
.oldie .flexnav li ul.open ul.open { margin-left: 100%; top: 0; display: block; width: 100%; overflow: visible; }
.oldie .flexnav ul li:hover ul { margin-left: 100%; top: 0; }
.oldie .menu-button { display: none; }
.oldie.ie7 .flexnav li { width: 19.9%; }

/* Subnav Styles */
.subnav ul{list-style-type:none;padding-left:0;}
.subnav ul li ul{display:none;padding-left:10px;}
.subnav ul li a{display:block;color:#f7b71a;text-decoration:none;font-size:1rem;padding:4px 0;border-bottom:1px solid #7E6B54;}
.subnav ul li a:hover{color:white;}
.subnav ul li ul li a{color:white;}
.subnav ul li ul li a:hover{color:#f7b71a;}