#indexModule {
	position: relative;
	overflow: hidden;
	width: 584px;
	height: 281px;
	margin: 0 0 0px 0px;
	padding: 0;
}


#indexModule.bigButtonStyle {cursor: pointer}

#indexModule #hideIndex {
	width: 584px;
	height: 281px;
	z-index: 9999;
}

#indexModule ul, #indexModule li {list-style: none}

#indexModule .jcarousel-container {
  position: relative;
  width: 584px;
	height: 281px;
}

#indexModule .jcarousel-clip {
	position: relative;
	overflow: hidden;
	width: 584px;
	height: 281px;
	margin: 0;
	padding: 0;
}

#indexModule .jcarousel-list {
	position: relative;
	overflow: hidden;
	height: 281px;
  margin: 5px 0 0 0;
  padding: 0;
	list-style: none;
}

#indexModule .jcarousel-list li, #indexModule .jcarousel-item {
	float: left;
	display: inline;
	width: 584px;
	height: 281px;
	margin: 0 0px 0 0;
	padding: 0;
	background-repeat: no-repeat;

}

#indexModule .jcarousel-prev {right: 32px; top: 10px}
#indexModule .jcarousel-next {right: 4px; top: 10px}

#indexModule.bigButtonStyle .jcarousel-prev {
	height: 32px;
	right: 42px; 
	top: 247px;
	background-image:url(../images/bigarrows.png);
}
#indexModule.bigButtonStyle .jcarousel-prev:hover {background-position: -64px 0}
#indexModule.bigButtonStyle .jcarousel-prev-disabled {background-position: -128px 0}
#indexModule.bigButtonStyle .jcarousel-prev-disabled:hover {background-position: -128px 0}

#indexModule.bigButtonStyle .jcarousel-next {
	height: 32px;
	right: 15px;
	top: 247px;
	background-image:url(../images/bigarrows.png);
}
#indexModule.bigButtonStyle .jcarousel-next:hover {background-position: -96px 0}
#indexModule.bigButtonStyle .jcarousel-next-disabled {background-position: -160px 0}
#indexModule.bigButtonStyle .jcarousel-next-disabled:hover {background-position: -160px 0}


/* ------ Information on hover on index.html ------ */

.indexHoverInfo {
	display: none;
	position: absolute;
	background:url(../images/indexbg.png) repeat;
	bottom: 0;
	padding: 9px 15px 9px 18px;
	width: 551px;

}
.indexHoverInfo .title h2 { /* Only renders if sIFR doesn't. */
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	font-style:italic;
	font-weight:normal;
	color: #CCCCCC;
	font-size: 15px;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
	width: 424px;
	text-decoration: none;
	letter-spacing:0.2pt;
}
.indexHoverInfo .title a {color: #fff; text-decoration: none; font-size:17-8px;}
.indexHoverInfo .title a:hover {
	color: #999999;
	background-color: transparent
}


/* ------
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(../images/bigarrows.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: 32px;
  height: 26px;
  cursor: pointer;
  background:url(../images/bigarrows.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}