#menu{
  text-align: right;
  
  background-image: url('../images/menu-background.png');
  background-repeat: repeat-x;
  background-position: bottom;
}

#menu .tab{
  margin-right: 8px;
}

#menu .tab-left, #menu .tab-right{
  width: 8px;
}

#menu .tab span{
  display: inline-block;
  height: 20px;

  background-repeat: repeat-x;
  background-position: top;
}

#menu .tab-center         { background-image: url('../images/tab-center.png');        }
#menu .tab-left           { background-image: url('../images/tab-left.png');          }
#menu .tab-right          { background-image: url('../images/tab-right.png');         }
#menu .active .tab-center { background-image: url('../images/tab-center-active.png'); }
#menu .active .tab-left   { background-image: url('../images/tab-left-active.png');   }
#menu .active .tab-right  { background-image: url('../images/tab-right-active.png');  }