div#nav	{
  height: 42px;
  width: 727px;
  position: relative;
  margin: 10px 0 0 0;
  padding: 0;
  border: 0;
}

div#nav ul#menu	{
  height: 42px;
  width: 727px;
  background: url(../x-images/bkg_nav.png) 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: 42px;
  display: block;
}

/* distance from left; width of click area */
#echobio {left: 0px; width: 136px;}
#echopics {left: 136px; width: 111px;}
#echomusic {left: 247px; width: 116px;}
#echoshows {left: 363px; width: 124px;}
#digitalkitchen {left: 487px; width: 240px;}

/* neg distance from left; neg distance from top */
/* hover behavior for non-active menu items */
#echobio a:hover {background: url(../x-images/nav-states.png) 0px -42px no-repeat;}
#echopics a:hover {background: url(../x-images/nav-states.png) -136px -42px no-repeat;}
#echomusic a:hover {background: url(../x-images/nav-states.png) -247px -42px no-repeat;}
#echoshows a:hover {background: url(../x-images/nav-states.png) -363px -42px no-repeat;}
#digitalkitchen a:hover {background: url(../x-images/nav-states.png) -487px -42px no-repeat;}

/* currently active menu item */
#echobio.current {background: url(../x-images/nav-states.png) 0px -84px no-repeat;}
#echopics.current {background: url(../x-images/nav-states.png) -136px -84px no-repeat;}
#echomusic.current {background: url(../x-images/nav-states.png) -247px -84px no-repeat;}
#echoshows.current {background: url(../x-images/nav-states.png) -363px -84px no-repeat;}
#digitalkitchen.current {background: url(../x-images/nav-states.png) -487px -84px no-repeat;}

/* make sure currently active menu item */
/* does not display non-active hover behavior */
#echobio.current a:hover {background: url(../x-images/nav-states.png) 0px -84px no-repeat;}
#echopics.current a:hover {background: url(../x-images/nav-states.png) -136px -84px no-repeat;}
#echomusic.current a:hover {background: url(../x-images/nav-states.png) -247px -84px no-repeat;}
#echoshows.current a:hover {background: url(../x-images/nav-states.png) -363px -84px no-repeat;}
#digitalkitchen.current a:hover {background: url(../x-images/nav-states.png) -487px -84px no-repeat;}