#carousel-holder {
  width: 100%;
  overflow: hidden;
  /* background: url(../images/bg-slider.png) no-repeat top center; */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/* pager */
#carousel-holder div.thumbs {
  width: 980px;
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto;
  background: url(../images/bg-pager.jpg) no-repeat top left;
  height: 35px;  
  font-family: "Liberation Sans", sans-serif;  
  position: relative;
  z-index: 3;  
}

#carousel-holder div a {
  color: #404040;
  float: left;
  padding: 3px;
  margin-right: 3px;
}

#carousel-holder div a.active {
  background-color: #888888;
  color: #fff;
}

#carousel {
  margin: 0 auto;
  z-index: 0;
  position: relative;
}

#carousel ul {
  list-style: none;
  width: 1000px;
  margin: 0;
  padding: 0;
  position: relative;
}

#carousel li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
} 

.carousel-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 470px;
  overflow: hidden;
}

.carousel-left {
  z-index: 1;
  width: 1000px;
  position: absolute;
  left: 50%;
  margin-left: -1500px;
  background: url(../images/homepage/carousel-left.png) no-repeat top left;
  height: 470px;  
}

.carousel-middle {
  z-index: 1;
  width: 1000px;
  position: absolute;
  left: 50%;
  margin-left: -500px;
  height: 132px;
  background: url(../images/homepage/carousel-mid.png) no-repeat top left;
}

.carousel-right {
  z-index: 1;
  background: url(../images/homepage/carousel-right.png) no-repeat top left;
  width: 1000px;
  position: absolute;
  left: 50%;
  margin-left: 500px;
  height: 470px; 
}