.contentCarousel {visibility: hidden}

#fullCarousel {overflow: hidden}
.halfCarousel {
	float: left;
	overflow: hidden;
	width: 474px;
}

.contentCarousel .jcarousel-container {
  position: relative;
	height: 343px;
}
#fullCarousel .jcarousel-container {width: 980px}
.halfCarousel .jcarousel-container {width: 474px}

.contentCarousel .jcarousel-clip {
  position: relative;
  z-index: 2;
  overflow: hidden;
	height: 343px;
	margin: 0;
	padding: 0;
}
#fullCarousel .jcarousel-clip {width: 980px}
.halfCarousel .jcarousel-clip {width: 474px}

.contentCarousel .jcarousel-list {
  position: relative;
	z-index: 1;
	overflow: hidden;
	height: 306px;
	margin: 15px 0 0 0;
  padding: 0;
}
#fullCarousel .jcarousel-list {width: 980px}
.halfCarousel .jcarousel-list {width: 474px}

.contentCarousel .jcarousel-list li, .contentCarousel .jcarousel-item {
  float: left;
  width:  186px;
  height: 251px;
  margin: 0 42px 0 0;
  padding: 15px;
  list-style: none;
	background-repeat: no-repeat;
}


/* ------
Next and previous buttons for case studies, client type, full-width teaser, and half-width teaser 
carousels on work.html, index.html, and studio.html. Both the next/prev buttons and the section 
header are dropped down 30px for the case studies carousel. This is done so the section header 
lines up with the top of content on other pages.
------ */

.jcarousel-prev {
  z-index: 3;
  display: none;
	position: absolute;
	right: 47px;
	top: 9px;
  width: 32px;
  height: 26px;
  cursor: pointer;
  background: url(carouselarrows.png) no-repeat 0 0;
}
.jcarousel-prev:hover {background-position: -128px 0}

.jcarousel-prev-disabled {
  cursor: default;
  background-position: -64px 0;
}
.jcarousel-prev-disabled:hover {background-position: -64px 0}

.jcarousel-next {
  z-index: 3;
  display: none;
	position: absolute;
	right: 19px;
	top: 9px;
  width: 31px;
  height: 26px;
  cursor: pointer;
  background: url(carouselarrows.png) no-repeat -32px 0;
}
.jcarousel-next:hover {background-position: -160px 0}

.jcarousel-next-disabled {
  cursor: default;
  background-position: -96px 0;
}
.jcarousel-next-disabled:hover {background-position: -96px 0}