div#body div.hero {
  width: 960px;
  height: 330px;
  background: #000 url(../../images/slides/bg.png) repeat-x top;
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-indent: 0px;
  overflow: show;
  position: relative;
}

div#body div.hero div.viewer {
  width: 695px;
  height: 310px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

div#body div.hero div.viewer ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 70000px;
}

div#body div.hero div.viewer li {
  display: block;
  float: left;
  list-style: none;
  margin: 0px;
  padding: 15px 1px;
  width: 693px;
  position: relative;
}

div#body div.hero div.viewer li a.medium_image {
  display: block;
  float: left;
  width: 340px;
  height: 282px;
  margin-right: 15px;
  text-indent: -2000px;
  overflow: hidden;
}

div#body div.hero div.viewer li div.title {
  font-size: 18px;
  color: #e97033;
  margin-bottom: 15px;
}

div#body div.hero div.viewer li div.title a {
  font-size: 12px;
  color: #fff;
}
div#body div.hero div.viewer li div.title a:hover {
  color: #e97033;
}

div#body div.hero div.viewer li div.subtitle {
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
  width: 338px;
  margin-left: 355px;
  padding-bottom: 15px;
  border-bottom: 1px solid #999;
  margin-bottom: 15px;
}

div#body div.hero div.viewer li div.description,
div#body div.hero div.viewer li div.description div {
  font-size: 12px;
  margin-bottom: 15px;
  color: #fff;
}

div#body div.hero div.viewer li div.images {
  position: absolute;
  width: 338px;
  right: 0px;
  bottom: 15px;
}

div#body div.hero div.viewer li div.images a.enlarge_image {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  color: #e97033;
}
div#body div.hero div.viewer li div.images a.enlarge_image:hover {
  color: #fff;
}

div#body div.hero div.viewer li div.images a.small_image {
  display: block;
  float: left;
  width: 34px;
  height: 34px;
  margin-top: 5px;
  margin-right: 5px;
  text-indent: -2000px;
  overflow: hidden;
  border: 1px solid #999;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
}
div#body div.hero div.viewer li div.images a.small_image:hover {
  border: 1px solid #fff;
  opacity: 1.0;
  -moz-opacity: 1.0;
  filter:alpha(opacity=100);
}

div#body div.hero a.arrow {
  display: block;
  position: absolute;
  top: 131px;
  width: 30px;
  height: 48px;
  text-indent: -2000px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top left;
}
div#body div.hero a.prev {
  left: 15px;
  background-image: url(../../images/slides/left.png);
}
div#body div.hero a.prev:hover {
  background-image: url(../../images/slides/left_hover.png);
}
div#body div.hero a.next {
  right: 15px;
  background-image: url(../../images/slides/right.png);
}
div#body div.hero a.next:hover {
  background-image: url(../../images/slides/right_hover.png);
}

div#body div.hero div.navigator {
  text-align: center;
  padding-top: 6px;
  margin-left: auto;
  margin-right: auto;
}
div#body div.hero div.navigator a.nav {
  display: block;
  float: left;
  width: 8px;
  height: 8px;
  background: url(../../images/slides/dot.png) no-repeat top left;
  text-indent: -2000px;
  overflow: hidden;
  margin: 0px 1px;
}
div#body div.hero div.navigator a.nav:hover,
div#body div.hero div.navigator a.active {
  background-image: url(../../images/slides/dot_hover.png);
}