/**
 * @file
 * Navigation Styling
 */


/*
 * Admin Menu
 */
div#main-menu ul {
  background: url(../images/bg-navi.png) repeat-x scroll 0 0 #333333;
  float: left;
  font-size: 1.3em;
  width: 700px;
}

div#main-menu ul li {
  float: left;
}

div#main-menu ul li a,
div#main-menu ul li span {
  background: url(../images/bg-navi.png) repeat-x scroll 0 0 #333333;
  border-right: 1px solid #CCCCCC;
  color: #CCCCCC;
  display: block;
  font-weight: bold;
  height: 38px;
  line-height: 38px;
  padding: 0 20px;
}
div#main-menu ul li a:hover,
div#main-menu ul li a:focus,
div#main-menu ul li.active span {
  background-position: 0 -40px;
  color: #FFFFFF;
  text-decoration: none;
}