#nav-wrap
  max-width: 960px
  position: relative
  margin: 0 auto
  .navbar-inner
    height: 48px
    background-color: transparent
    background-image: image-url('theme1/nav-bar-left.png'), image-url('theme1/nav-bar-right.png'), image-url('theme1/nav-bar-middle.png')
    background-repeat: no-repeat, no-repeat, repeat-x
    background-position: left center, right center, center center
    border: 0
    -ms-filter: ''
    .nav-collapse
      &.in.collapse
        background-color: rgba(0,0,0,0.4)
        z-index: 400
    ul.nav
      margin: 0
      padding: 0
      list-style: none
      li
        position: relative
        list-style: none
        float: left
        a
          border: 0
          color: white
          display: block
          font-family: $font-family-navigation
          text-decoration: none
          font-size: 18px
          height: 46px
          line-height: 46px
          margin: 0 10px
          padding: 0 20px
          text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5)
          &:hover
            color: $green
          @media (max-width: 480px)
            font-size: 12px
            margin: 0 5px
            padding: 0 10px
        &.active
          a
            color: $green
            background-color: inherit
      &.secondary
        @media (max-width: 924px)
          position: absolute
          background-color: #555
          z-index: 5487
          top: 48px
          width: 100%
          opacity: 0.8
          display: none
          li
            float: none
          &.active
            display: block
  .menu-secondary-toggle
    float: right
    display: none
    margin-top: 8px
    margin-right: 1em
    span
      @extend .fa, .fa-lg, .fa-bars
    @media (max-width: 924px)
      display: inline-block