/*** ESSENTIAL STYLES ***/
.sf-menu {
  position: relative;
  padding: 0;
  list-style: none;
  float: left;
  margin: 0 0 1em 0;
  width: 100%;
}
.sf-menu ul{
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99;
  width: 100%; /* allow long menu items to determine submenu width */
  min-height:90px;  background: rgba(255,255,255,.9);
  padding-top: 1em;
}
.sf-menu > li {
  float: left;
}


.sf-menu > li > a {
  display: block;
  position: relative;
}


 
 
.sf-menu ul li {float: none !important; display: block;margin: .25em auto;min-width: 200px;}
.sf-menu > li > a {
  line-height:1.5em;
   text-decoration: none;
  zoom: 1; /* IE7 */
  color: #ca4f33;
}
.sf-menu > li {
  background: #fff;
  -webxkit-transition: background .1s;
  transxition: background .1s;
}

.sf-menu > li:hover,
.sf-menu > li.sfHover {
  background: #68b140;
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}
.sf-menu > li:hover > a,
.sf-menu > li.sfHover > a {
color:#fff !important;
}
.sf-menu > li li:hover,
.sf-menu > li li.sfHover {
  background: rgba(194,212,94,.1);
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}

#header #headernav.shrink .sf-menu > li {
  xbackground: transparent
}

#header #headernav.shrink .sf-menu > li:hover,
#header #headernav.shrink .sf-menu > li.sfHover {
   bcackground: rgba(0,0,0,.6);
}