/* Navigation
   ========================================================================== */
@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
   
/*Default Styles - Don't Edit */
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;display:table; width: 100%}
.sf-menu ul {position:absolute; top:-999em; width:14em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit;  } /* fixes IE7 'sticky bug' */
.sf-menu li { position:relative; display: table-cell;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0; top:33px; z-index:9999; } /* match top ul list item height */
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:14em; top:0; }/* match ul width */
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:14em; top:0; }/* match ul width */

/*Main Nav */

.mainNav { 
  display: block;
  position: relative;
  height: 50px;
  border: 1px solid #e8dac4;
  border-bottom: 0;
  background: url(/cms/images/layout/nav-bg.png) 0 100% repeat-x;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.mainNav .sf-menu li {position: static; display: table-cell}
.mainNav .sf-menu > li > a { 
  display:block;
    padding: 16px 4px 0 4px;
    height: 50px;
   /* max-width: 133px;*/
    border-right: 1px solid hsla(42, 39%, 61%,0.5);
    border-left: 1px solid hsla(0, 100%, 100%,0.35)!important;
    font: 16px/10px 'Montserrat', Arial, sans-serif;
   /* font-weight: bolder;*/
    text-transform: uppercase;
    color: #372e1a;
    text-align: center;
    font-size: 1.34em;
    line-height: 12px;
    text-shadow: 1px 1px 3px hsla(0,100%,100%, 0.5);
}
.mainNav .sf-menu > li > a:hover,
.mainNav .sf-menu > li > a:focus {
  color: #5e5e00;
  text-decoration: none;
}

.mainNav .sf-menu > li > a:hover span,
.mainNav .sf-menu > li > a:focus span {
  display: block;
  position: relative;
  top: -6px;
  height: 55px;
  padding: 0 9px;
  margin: 0 -10px;
  border: 1px solid #dedace;
  border-bottom: 0;
  line-height: 62px;
  background: hsla(0, 100%, 100%, 0.65);
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;  
}
.mainNav .sf-menu > li > a.firstnavitema { border-left: 0;}
.mainNav .sf-menu > li > a.lastnavitema { border-right: 0;}

.mainNav .subNav { 
  position: absolute;
  z-index: 999;
  top: -1000px;
  left: -1px; 

  width: 100%; 
  min-height: 163px;
  padding: 0;
  border: 1px solid #bbb9a9;
  /*background:rgb(255, 255, 255); /*IE 8*/
  /*background: hsla(0, 0%, 100%, 0.75);  */
  -webkit-box-shadow: 0px 1px 0px 0px hsla(0, 100%, 100%, 1);     
          box-shadow: 0px 1px 0px 0px hsla(0, 100%, 100%, 1);
}
.mainNav li:hover .subNav,
.mainNav li.sfHover .subNav { top: 50px;}
.mainNav .subNav ul {
  position: relative;
  top: 0;
  height: 133px;
  width: 50%;
  padding: 15px 0;
  float: left;
}
.mainNav .subNav li {  float: left;
}
.mainNav .sf-menu li:hover ul,
.mainNav .sf-menu li.sfHover ul {top:0px; } 

.mainNav .subNav ul a {
  display: block;
  padding: 8px 0 8px 20px;
  font: bold 1.0909em Verdana, Geneva, sans-serif;
  color:#5e5e00;
}
/*
.mainNav .subNav ul {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
*/
.mainNav .subNav ul li {
    display: inline-block;
    width: 50%;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.mainNav .subNav ul li:before {
    padding: 5px;
    margin-right: 5px;
    display: inline-block;
}


.subNav-media { position: absolute; top: 0; right: 0;}

.mainNav .sf-menu .lastnavitemli ul, .mainNav .sf-menu .rightnavitemli ul {
	float: right;
	text-align: right;
	padding-right: 20px;
}

.mainNav .sf-menu .lastnavitemli ul li, .mainNav .sf-menu .rightnavitemli ul li {
	float: right;
}

.ddBg { position: absolute; }
.ddBg img {}