/* Essential styles for dropdown menu */



.sf-menu ul {

  position:    absolute;

  top:      -999em;

  width:      156px; /* left offset of submenus need to match (see below) */

  background:none;

}



/*Splash PAge menu*/



#wrapper.homepage.itemlist .sf-menu li:hover > ul,

#wrapper.homepage.itemlist .sf-menu li.sfHover > ul {

  top: auto;

  bottom: ;

}



#wrapper.homepage.itemlist ul.sf-menu li li:hover ul,

#wrapper.homepage.itemlist ul.sf-menu li li.sfHover ul {

  top: auto;

  bottom: -15px;

}



.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

  left:      0;

  top:      50px; /* match top ul list item height */

  z-index:    99;

}





ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

  left:      157px; /* match ul width */

  top:      -15px;

}



ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

  left:      157px; /* match ul width */

  top:      -15px;

}



#wrapper.homepage.itemlist ul.sf-menu li li li:hover ul,

#wrapper.homepage.itemlist ul.sf-menu li li li.sfHover ul {

  top: auto;

  bottom: -15px;

}





/*=== Navigation Positions ===*/



#rt-menu .rt-container{

  height:50px;

  background:url(../images/nav-shadow.png) center bottom no-repeat;

  padding-bottom: 19px;

  margin-bottom: 11px;

  position: relative;

}



#rt-menu{}



.sf-menu {
  float: right;
  margin: 0px;
  border:1px solid #000;
  margin-right: 8px !important;
}



ul.sf-menu > li{width: 157px; text-align:center;}



ul.sf-menu > li.lastItem a,

ul.sf-menu > li.lastItem span{border-right:none;}

ul.sf-menu > li.firstItem{}

  

ul.sf-menu li a,

ul.sf-menu li span{

  line-height:50px;

  padding:0 1em;

  color:#d47844;

  display:block;

  text-transform:uppercase;

  font-family: 'Oswald', sans-serif;

  font-size:15px;

  background:#a59c9b url(../images/menu-tail.jpg) repeat-x;

  background-position: 0 0;

  border-right:1px solid #1c1b1b;

    -webkit-transition:all 0.3s ease;

    -moz-transition:all 0.3s ease;

    -o-transition:all 0.3s ease;

  }



ul.sf-menu > li a,

ul.sf-menu > li span{}



ul.sf-menu ul li a,

ul.sf-menu ul li span{

  line-height:15px;

  margin:8px 0;

  background:none;

  border:none;

}



ul.sf-menu > li > a:hover,

ul.sf-menu > li.active > a,

ul.sf-menu > li.current > a,

ul.sf-menu > li.sfHover > a,

ul.sf-menu > li span:hover,

ul.sf-menu > li.active > span,

ul.sf-menu > li.current > span,

ul.sf-menu > li.sfHover > span{background-position: 0 -98px; color:#fff;}



ul.sf-menu ul li > a:hover,

ul.sf-menu ul li.active > a,

ul.sf-menu ul li.current > a,

ul.sf-menu ul li.sfHover > a,

ul.sf-menu ul li span:hover,

ul.sf-menu ul li.active > span,

ul.sf-menu ul li.current > span,

ul.sf-menu ul li.sfHover > span{color:#9d9493;}



  

ul.sf-menu ul li{

  padding:0px;

}

ul.sf-menu ul li a{}

  

ul.sf-menu ul li a, ul.sf-menu ul li span{}

  

ul.sf-menu ul{background:#2d2824; padding:15px 0;}

  

ul.sf-menu ul ul{}



@media only screen and (min-width: 480px) and (max-width: 767px) {

  #body-wrapper ul.menutop{width:100%; padding:0;}

  #body-wrapper .menutop li.root,

  #body-wrapper .sf-menu,

  #body-wrapper .sf-menu li{width:100%; float:none;}

  #body-wrapper .sf-menu a{display:block}

  .sf-menu { margin: 0; height:auto;}

  

  ul.sf-menu > li > a, ul.sf-menu > li > span {display:block;}

  

  ul.sf-menu > li{border:none;}

  

  ul.sf-menu > li.firstItem:hover a, 

  ul.sf-menu > li.firstItem.active a, 

  ul.sf-menu > li.firstItem.current a {

  }

  

  ul.sf-menu ul ul {margin-top: 0px;}

  ul.sf-menu ul{border-top:0px; border-bottom:0px; }

  ul.sf-menu ul ul li a{padding-left:2em; }

  

  /*submenu*/

  #body-wrapper .sf-menu ul {position:static; width:100%;}

  /*subsubmenu*/

  #body-wrapper .sf-menu ul ul{width:100%;}

}



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

  #body-wrapper ul.menutop{width:100%; padding:0;}

  #body-wrapper .menutop li.root,

  #body-wrapper .sf-menu,

  #body-wrapper .sf-menu li{width:100%; float:none;}

  #body-wrapper .sf-menu a{display:block}

  .sf-menu { margin: 0; height:auto;}

  

  ul.sf-menu > li > a, ul.sf-menu > li > span {display:block;}

  

  ul.sf-menu > li{border:none;}

  

  ul.sf-menu > li.firstItem:hover a, 

  ul.sf-menu > li.firstItem.active a, 

  ul.sf-menu > li.firstItem.current a {

  }

  

  ul.sf-menu ul ul {margin-top: 0px; }

  ul.sf-menu ul{border-top:0px; border-bottom:0px; }

  ul.sf-menu ul ul li a{padding-left:2em; }

  

  /*submenu*/

  #body-wrapper .sf-menu ul {position:static; width:100%;}

  /*subsubmenu*/

  #body-wrapper .sf-menu ul ul{width:100%;}

}