#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  color: #e7e892;
  display: inline-block;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  font-size: 15px;
  min-width: 35px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 #eeeeee;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li.active > a {
  background: #84723d url(menu_assets/images/grad_light.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #84723d 0%, #c7c7c7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #84723d), color-stop(100%, #c7c7c7));
  background: -webkit-linear-gradient(top, #84723d 0%, #c7c7c7 100%);
  background: -o-linear-gradient(top, #84723d 0%, #c7c7c7 100%);
  background: -ms-linear-gradient(top, #84723d 0%, #c7c7c7 100%);
  background: linear-gradient(to bottom, #84723d 0%, #c7c7c7 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#84723d', endColorstr='#c7c7c7', GradientType=0);
  box-shadow: inset 0 0 10px #84723d, inset 0 10px 10px #c7c7c7;
  -moz-box-shadow: inset 0 0 10px #84723d, inset 0 10px 10px #c7c7c7;
  -webkit-box-shadow: inset 0 0 10px #84723d, inset 0 10px 10px #c7c7c7;
  filter: none;
}
#cssmenu > ul > li.active a:hover {
  background: -moz-linear-gradient(top, #84733d 0%, #84784d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #84733d), color-stop(100%, #84784d));
  background: -webkit-linear-gradient(top, #84733d 0%, #bfbfbf 100%);
  background: -o-linear-gradient(top, #84733d 0%, #84784d 100%);
  background: -ms-linear-gradient(top, #84733d 0%, #84784d 100%);
  background: linear-gradient(to bottom, #84733d 0%, #84784d 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#84733d', endColorstr='#84784d', GradientType=0);
  filter: none;
}
#cssmenu > ul > li a {
  box-shadow: inset 0 0 0 1px #7a5c38;
  -moz-box-shadow: inset 0 0 0 1px #7a5c38;
  -webkit-box-shadow: inset 0 0 0 1px #7a5c38;
  background: #bfbfbf url(menu_assets/images/grad_light.png) repeat-x left top;
  background: -moz-linear-gradient(top, #7a5c38 0%, #7a5c38 50%, #84764d 51%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a5c38), color-stop(50%, #7a5c38), color-stop(51%, #7a5c38), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #7a5c38 0%, #7a5c38 50%, #7a5c38 51%, #ededed 100%);
  background: -o-linear-gradient(top, #7a5c38 0%, #7a5c38 50%, #7a5c38 51%, #ededed 100%);
  background: -ms-linear-gradient(top, #7a5c38 0%, #7a5c38 50%, #7a5c38 51%, #ededed 100%);
  background: linear-gradient(to bottom, #7a5c38 0%, #7a5c38 50%, #7a5c38 51%, #ededed 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#7a5c38', endColorstr='#ededed', GradientType=0);
  border-bottom: 1px solid #c7c7c7;
  border-top: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  line-height: 34px;
  padding: 0 30px;
  filter: none;
}
#cssmenu > ul > li a:hover {
  background: #ffffff url(menu_assets/images/grad_light.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #745320 0%, #745326 50%, #745329 51%, #c7c7c7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #745320), color-stop(50%, #745326), color-stop(51%, #745329), color-stop(100%, #c7c7c7));
  background: -webkit-linear-gradient(top, #745320 0%, #745326 50%, #745329 51%, #c7c7c7 100%);
  background: -o-linear-gradient(top, #745320 0%, #745326 50%, #745329 51%, #c7c7c7 100%);
  background: -ms-linear-gradient(top, #745320 0%, #745326 50%, #745329 51%, #c7c7c7 100%);
  background: linear-gradient(to bottom, #745320 0%, #745326 50%, #745329 51%, #c7c7c7 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#84723d', endColorstr='#ededed', GradientType=0);
  filter: none;
}
#cssmenu > ul > li:first-child a {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-left: 1px solid #d2d2d2;
}
#cssmenu > ul > li:last-child a {
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}
#cssmenu .has-sub:hover ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  top: 36px;
  left: -1px;
  min-width: 100%;
  text-align: center;
  width: 100%;
}
#cssmenu .has-sub ul li {
  text-align: center;
}
#cssmenu .has-sub ul li a {
  border-top: 0 none;
  border-left: 1px solid #d2d2d2;
  display: block;
  line-height: 120%;
  padding: 9px 5px;
  text-align: center;
}
