/* menu */
#menuWrapper {
  height: 32px;
  width: 100%;
}

#menu[sticky=true]{
  width: 969px;
  position: fixed;
  top: 0px;
}

#menu {
  height: 72px;
  height: 32px;

  position: relative;
  z-index: 3;
}

#menu .primary {
  background: url('../images/primary-menu-bg.png') 0px 96px;
}

#menu .primary table {
  width: 100%;
  height: 32px;
  background: url('../images/primary-menu-bg.png') 0px 64px;
  //transition: all .0s;
  //-moz-transition: all .0s; /* Firefox 4 */
  //-webkit-transition: all .0s; /* Safari and Chrome */
  //-o-transition: all .0s; /* Opera */
}

#menu .primary table.gradientBg {
  //background: -webkit-linear-gradient(bottom, rgba(102, 190, 152, 0.8), rgba(255, 255, 255, 0));
  background-position: 0px 32px;
  //transition: all .2s;
  //-moz-transition: all .2s; /* Firefox 4 */
  //-webkit-transition: all .2s; /* Safari and Chrome */
  //-o-transition: all .2s; /* Opera */

  //transition-timing-function: ease;
  //-moz-transition-timing-function: ease; /* Firefox 4 */
  //-webkit-transition-timing-function: ease; /* Safari and Chrome */
  //-o-transition-timing-function: ease; /* Opera */
}

#menu .primary table td {
  background: url('../images/primary-menu-bg.png') 0px 96px;

  text-align: center;
}

#menu .primary table td.hovered.center {
  background: none;
}

#menu .primary table td.begin {
  width: 64px;
  background-position: 0px 0px;
}

#menu .primary table td.end {
  width: 64px;
  background-position: 0px -32px;
}

#menu .primary table td.beginHovered  {
  background-position: 64px 0px;
}

#menu .primary table td.endHovered {
  background-position: 64px -32px;
}



#menu .primary table td.divider {
  width: 64px;
  background-position: 0px 128px;
}

#menu .primary table td.divider.hovered.left {
  background-position: 0px 160px;
}

#menu .primary table td.divider.hovered.right {
  background-position: 64px 160px;
}

#menu .primary table td.divider.hovered.leftRight {
  background-position: 64px 128px;
}

#menu .primary table td a {
  display: block;
  height: 100%;
  line-height: 32px;

  font-size: 10px;
  font-weight: bold;
  text-shadow: 1px 1px 0px #999;
  color: #222;
  
  white-space: nowrap;
}

#menu .primary table td a:hover {
  color: #000;
  text-decoration: none;
  text-shadow: 1px 1px 0px #aaa;
}
/* END MENU */