#indexModule {
	position: relative;
	overflow: hidden;
	width: 980px;
	height: 355px;
	padding: 0;
}
#indexModule.bigButtonStyle {cursor: pointer}

#indexModule #hideIndex {
	width: 980px;
	height: 355px;
	z-index: 9999;
}

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

#indexModule .jcarousel-container {
  position: relative;
  width: 980px;
	height: 355px;
}

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

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

#indexModule .jcarousel-list li, #indexModule .jcarousel-item {
	float: left;
	display: inline;
	width: 980px;
	height: 355px;
	margin: 0 31px 0 0;
	padding: 0;
	background-repeat: no-repeat;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

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

#indexModule.bigButtonStyle .jcarousel-prev {
	height: 32px;
	right: 48px; 
	top: 305px;
	background-image: url(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: 13px;
	top: 305px;
	background-image: url(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(indexbg.png) repeat;
	bottom: 0;
	padding: 15px;
	width: 980px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

.indexHoverInfo .title h2 { /* Only renders if sIFR doesn't. */
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
	width: 800px;
	text-decoration: none;
	letter-spacing: -1px;
}
.indexHoverInfo .title a {color: #fff; text-decoration: none}
.indexHoverInfo .title a:hover {color: #a87fdd; background-color: transparent}