#carousel {
  background:#CCC;
  width:960px;
  height:330px;
  overflow:hidden;
  position:relative;
  z-index:1;
}

#carousel ul {
  margin:0;
  padding:0;
  list-style:none;
}

#carousel-slides li {
  color:#FFF;
  display:block;
  float:left;
  width:960px;
  height:330px;
  margin:0;
  padding:0;
  position:relative;
}

#carousel-slides h1 {
  background:url(../images/carousel-sprite.png) no-repeat;
  font-size:35px;
  position:absolute;
  top:142px;
  left:0;
  margin:0;
  text-indent:15px;
  line-height:60px;
  text-transform:uppercase;
  width:640px;
  height:133px;
}

#carousel-slides p {
  font-size:13px;
  position:absolute;
  top:190px;
  left:20px;
  width: 600px;
}

#carousel-slides img {
  display:block;
  width:960px;
  height:330px;
}

#carousel-slides div {
  background:#FFF;
  color:#333;
  font-size:18px;
  position:absolute;
  right:0;
  top:142px;
  padding:8px 15px;
}


#carousel-navigation {
  position:absolute;
  bottom:0;
  right:0;
  z-index:1;
}

#carousel-navigation li {
  float:left;
}

#carousel-navigation a {
  background:url(../images/carousel-sprite.png) -896px -133px no-repeat;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  width:20px;
  height:36px;
}

#carousel-navigation a.active {
  background-position:-876px -133px;
}

#carousel-navigation a.last {
  background-position:-924px -133px;
  width:36px;
}