#nav {
  @extend .group;
  position: relative;
  z-index: 1;
  background-color: $nav-bg;
  @include background-image(linear-gradient(#fcfcfc, #f4f4f4 0.3, #dddddd));
  border: {
    top: 1px solid $nav-border-top;
    bottom: 1px solid $nav-border-bottom; };
  ul {
    position: relative;
    @include horizontal-list;
    margin: 0 auto;
    padding: 6px 0;
    li {
      padding: 0 15px;
      border-left: 1px solid $nav-border-left;
      border-right: 1px solid $nav-border-right;
      &:first-child {
        border-left: none;
        padding-left: 0; }
      &:last-child {
        border-right: 0; }
      a {
        display: inline-block;
        color: $nav-color;
        line-height: 150%;
        text-decoration: none;
        &:hover {
          color: $nav-color-hover; } } } } }