div#nav	{
  height: 25px;
  width: 547px;
  position: relative;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 103px;
  padding: 0;
  border: 0;
}

div#nav ul#menu	{
  height: 25px;
  width: 547px;
  background: url(../x-images/bkg-nav.gif) top left no-repeat;
  margin: 0;
  padding: 0;
  position: relative;
}

div#nav ul#menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
}
	
ul#menu li, ul#menu a {
  height: 25px;
  display: block;
}

/* distance from left; width of click area */
#home {left: 45px; width: 109px;}
#rentals {left: 154px; width: 195px;}
#contact {left: 349px; width: 151px;}

/* neg distance from left; neg distance from top */
/* hover behavior for non-active menu items */
#home a:hover {background: url(../x-images/bkg-nav.gif) -45px -24px no-repeat;}
#rentals a:hover {background: url(../x-images/bkg-nav.gif) -154px -24px no-repeat;}
#contact a:hover {background: url(../x-images/bkg-nav.gif) -349px -24px no-repeat;}

/* currently active menu item */
#home.current {background: url(../x-images/bkg-nav.gif) -45px -48px no-repeat;}
#rentals.current {background: url(../x-images/bkg-nav.gif) -154px -48px no-repeat;}
#contact.current {background: url(../x-images/bkg-nav.gif) -349px -48px no-repeat;}

/* make sure currently active menu item */
/* does not display non-active hover behavior */
#home.current a:hover {background: url(../x-images/bkg-nav.gif) -45px -48px no-repeat;}
#rentals.current a:hover {background: url(../x-images/bkg-nav.gif) -154px -48px no-repeat;}
#contact.current a:hover {background: url(../x-images/bkg-nav.gif) -349px -48px no-repeat;}