ul.IR li {
  position: relative;
  font-size: 0.9em;
}

.IR em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

/* For IE5.x mac only */
* html>body .IR {
  position: static;
  font-size: 10px;
}

* html>body .IR em  { position: static; }

.nav { list-style: none; }
.nav li { float: left; padding-bottom: 10px; }
.nav li, .nav li em { width: 90px; height: 23px; }


.about em, .wines em, .store em, .art em, .contact em {
  background: url(../images/nav.gif);
  background-repeat: no-repeat;
  cursor: pointer;
}

.about em { left: 0; }
.about em {
  background-position: 0 0;
}
.about:hover em {
  background-position: 0 -19px;
}
.wines { left: 75px; }
.wines em {
  background-position: -113px 0;
}
.wines:hover em {
  background-position: -113px -19px;
}
.store { left: 148px; }
.store em {
  background-position: -220px 0;
}
.store:hover em {
  background-position: -220px -19px;
}
.art { left: 216px; }
.art em {
  background-position: -327px 0;
}
.art:hover em {
  background-position: -327px -19px;
}

.contact { left: 267px; }
.contact em {
  background-position: -416px 0;
}
.contact:hover em {
  background-position: -416px -19px;
}

.nav a { display: block; }
/* The Holly Hack */
* html .nav a { height: 1%; }

.nav li ul {
  position: absolute;
  z-index: 10; /* show the
  dropdowns above the images */
  top: 20px; /* position the dropdowns a set distance from the top of the image */
  left: -999em;
  list-style: none;
  border: 1px solid #000;
}

.nav li:hover ul { left: auto; }


.nav li li {
  height: auto;
  padding-bottom: 0; /* reset the height
  set on the IR list items */
  font-size: 100%;
  border-bottom: 1px solid #000;
}

ul, li {
	margin: 0px;
	padding: 0px;
}

.nav li ul a {
  padding: 0.25em;
  color: #000;
  background: #fff;
}

.nav li ul a:visited {
  padding: 0.25em;
  color: #000;
  background: #fff;
}

.nav li ul a:hover {
  color: #000;
  background: #af3b08;
}

#nav_bar li a, #nav_bar li a:hover {
	color: #000;
}