#home
  {
    display: block;
    width: 90px;
    height: 40px;
    background: url("images/Homeblack.gif") no-repeat 0 0;

  }

  #home:hover
  { 
    background: url("images/Homered.gif") no-repeat 0 0;
  }
  
  #about
  {
    display: block;
    width: 115px;
    height: 40px;
    background: url("images/Abtblack.gif") no-repeat 0 0;

  }

  #about:hover
  { 
    background: url("images/Abtred.gif") no-repeat 0 0;
  }
  #products
  {
    display: block;
    width: 222px;
    height: 40px;
    background: url("images/Problack.gif") no-repeat 0 0;

  }

  #products:hover
  { 
    background: url("images/Prored.gif") no-repeat 0 0;
  }
  #locations
  {
    display: block;
    width: 123px;
    height: 40px;
    background: url("images/Locblack.gif") no-repeat 0 0;

  }

  #locations:hover
  { 
    background: url("images/Locred.gif") no-repeat 0 0;
  }
   #calc
  {
    display: block;
    width: 210px;
    height: 40px;
    background: url("images/Calcblack.gif") no-repeat 0 0;

  }

  #calc:hover
  { 
    background: url("images/Calcred.gif") no-repeat 0 0;
  }
   #contact
  {
    display: block;
    width: 132px;
    height: 40px;
    background: url("images/Contblack.gif") no-repeat 0 0;

  }

  #contact:hover
  { 
    background: url("images/ContRed.gif") no-repeat 0 0;
  }
  #end
  {
    display: block;
    width: 60px;
    height: 40px;
    background: url("images/end.gif") no-repeat 0 0;

  }

  #end:hover
  { 
    background: url("images/end.gif") no-repeat 0 0;
  }