.carousel{overflow:hidden;position:relative;}
.carousel .media{float:left;left:0;overflow:hidden;position:relative;top:0;z-index:1;}
.carousel .content{left:0;position:absolute;top:0;z-index:2;}
.carousel .controls{left:0;position:absolute;top:0;z-index:3;}

 .carousel
{
  height: 320px;
  left: 0;
  margin: 20px auto 0 auto;
  overflow: hidden;
  padding: 0 30px;
}

 .carousel .media
{
  height: 320px;
  margin: 0 11px;
  width: 278px;
}

 .carousel .media .content
{
  top: 170px;
}

 .carousel .media .content h3
{
  padding: 0 0;
}

 .carousel .media .content h3 a
{
  color: #2F2F2F;
}

 .carousel .media .content p
{
  color: #2F2F2F;
  text-align: left;
}

 .carousel .controls
{
  width: 980px;
}

 .carousel .controls .item
{
  background: transparent no-repeat 0 0;
  cursor: pointer;
  display: block;
  height: 50px;
  left: auto;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-indent: -9999px;
  top: 120px;
  width: 17px;
}

 .carousel .controls .item:hover {background-position: 0 -49px;}

 .carousel .controls .item.previous
{
  background-image: url('/images/carousel_left.png');
  left: 3px;
}

 .carousel .controls .item.next
{
  background: url('/images/carousel_right.png') -4px 0;
  right: 3px;
}

 .carousel .controls .item.next:hover {url('/images/carousel_right.png') -4px -49px;}