#navigationBackground {
  -moz-user-select: none;
  -webkit-user-select: none;
  width: 100%;
  position: relative;
  background-image: url(img/mainNavigation_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  background-size: auto 100%;

  .shadow {
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -572px;
    width: 1144px;
    background-image: url(img/base_bg_shadow.png);
    background-repeat: repeat-y;
    background-position: center top;
  }
  
  
  .border {
    background-color: transparent;
    &.first {
    }
    &.last {
      clear: both;
    }
  }

  #navigation {

    width: 1024px;
    position: relative;
    left: 50%;
    margin-left: -512px;
    z-index: 300;

    .navItem {
      position: relative;
      display: inline-block;
      float: left;
      padding: 17px 30px;
      cursor: pointer;

      &:hover {
        background-image: url("/styles/base/img/siteNav_hover.png");
        background-repeat: repeat-x;
      }

      &:first-child {
        padding-left: 45px;
      }
      
      &.active {
        background-image: url("/styles/base/img/siteNav_hover.png");
        // cursor: default;

        .activeIcon {
          width: 18px;
          height: 13px;
          position: absolute;
          top: -4px;
          // background-image: url("/styles/base/img/mainNav_activeIcon_orange.png");
          background-repeat: no-repeat;
          left: 50%;
          margin-left: -9px;
        }
      }
    }

    #SiteNav0 .activeIcon {
      background-image: url("/styles/base/img/mainNav_activeIcon_orange.png");
    }
    #SiteNav1 .activeIcon {
      background-image: url("/styles/base/img/mainNav_activeIcon_yellow.png");
    }
    #SiteNav2 .activeIcon {
      background-image: url("/styles/base/img/mainNav_activeIcon_green.png");
    }
    #SiteNav3 .activeIcon {
      background-image: url("/styles/base/img/mainNav_activeIcon_turqoise.png");
    }
    #SiteNav4 .activeIcon {
      background-image: url("/styles/base/img/mainNav_activeIcon_blue.png");
    }
    #SiteNav5 .activeIcon {
      background-image: url("/styles/base/img/mainNav_activeIcon_purple.png");
    }
    #SiteNav6 .activeIcon {
      background-image: url("/styles/base/img/mainNav_activeIcon_orange.png");
    }

    .separator {

      display: inline-block;
      float: left;
      width: 3px;
      height: 55px;
      background-image: url("/styles/base/img/mainNav_separator.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;

    }

    .floatFix {
      clear: both;
    }

  }

}

// Font Settings 

#navigation {
  color: white;
  font-size: 14px;
  line-height: 1.5;
}