#cssmenu ul,
#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: #ffffff;
  display: inline-block;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 35px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 #333333;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li.active a {
  background: #7C96AAurl(../images/grad_dark.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #7C96AA0%, #7C96AA0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #7C96AA0));
  background: -webkit-linear-gradient(top, #7C96AA0%, #7C96AA0 100%);
  background: -o-linear-gradient(top, #7C96AA0%, #7C96AA0 100%);
  background: -ms-linear-gradient(top, #7C96AA0%, #7C96AA0 100%);
  background: linear-gradient(to bottom, #7C96AA0%, #7C96AA0 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#7C96AA0', GradientType=0);
  box-shadow: inset 0 0 10px #7C96AA0, inset 0 10px 10px #7C96AA0;
  -moz-box-shadow: inset 0 0 10px #7C96AA0, inset 0 10px 10px #7C96AA0;
  -webkit-box-shadow: inset 0 0 10px #7C96AA0, inset 0 10px 10px #7C96AA0;
  filter: none;
}
#cssmenu > ul > li.active a:hover {
  background: -moz-linear-gradient(top, #7C96AA0%, #7C96AA0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #7C96AA0));
  background: -webkit-linear-gradient(top, #7C96AA0%, #7C96AA0 100%);
  background: -o-linear-gradient(top, #7C96AA0%, #7C96AA0 100%);
  background: -ms-linear-gradient(top, #7C96AA0%, #7C96AA0 100%);
  background: linear-gradient(to bottom, #7C96AA0%, #7C96AA0 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#7C96AA0', GradientType=0);
  filter: none;
}
#cssmenu > ul > li a {
  box-shadow: inset 0 0 0 1px #7899AE;
  -moz-box-shadow: inset 0 0 0 1px #7899AE;
  -webkit-box-shadow: inset 0 0 0 1px #7899AE;
  background: #7C96AA0 url(../images/grad_dark.png) repeat-x left top;
  background: -moz-linear-gradient(top, #7899AE 0%, #6B8395 50%, #516372 51%, #36424C 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7899AE), color-stop(50%, #6B8395), color-stop(51%, #516372), color-stop(100%, #36424C));
  background: -webkit-linear-gradient(top, #7899AE 0%, #6B8395 50%, #516372 51%, #36424C 100%);
  background: -o-linear-gradient(top, #7899AE 0%, #6B8395 50%, #516372 51%, #36424C 100%);
  background: -ms-linear-gradient(top, #7899AE 0%, #6B8395 50%, #516372 51%, #36424C 100%);
  background: linear-gradient(to bottom, #7899AE 0%, #6B8395 50%, #516372 51%, #36424C 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#7899AE', endColorstr='#36424C', GradientType=0);
  border-bottom: 1px solid #5d5d5d;
  border-top: 1px solid #5d5d5d;
  border-right: 1px solid #5d5d5d;
  line-height: 34px;
  padding: 0 18px;
  filter: none;
}
#cssmenu > ul > li a:hover {
  background: #7899AE url(images/grad_dark.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #7C96AA0%, #7C96AA0 50%, #3b3b3b 51%, #525252 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #7C96AA0), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
  background: -webkit-linear-gradient(top, #7C96AA0%, #7C96AA0 50%, #3b3b3b 51%, #525252 100%);
  background: -o-linear-gradient(top, #7C96AA0%, #7C96AA0 50%, #3b3b3b 51%, #525252 100%);
  background: -ms-linear-gradient(top, #7C96AA0%, #7C96AA0 50%, #3b3b3b 51%, #525252 100%);
  background: linear-gradient(to bottom, #7C96AA0%, #7C96AA0 50%, #3b3b3b 51%, #525252 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#7899AE', endColorstr='#36424C', 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 #5d5d5d;
}
#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;
  /* IE7 */

  *width: 100%;
}
#cssmenu .has-sub ul li {
  text-align: center;
}
#cssmenu .has-sub ul li a {
  border-top: 0 none;
  border-left: 1px solid #5d5d5d;
  display: block;
  line-height: 120%;
  padding: 9px 5px;
  text-align: center;
}