/* ++ Homepage Primary Carousel Feature CSS Styles ++ */

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 735px; /*Width of Carousel Viewer itself*/
	height: 250px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 735px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel img { 
	display: block;
}

.stepcarousel .panel h6 {
	float: left;
	height: 14px;
	margin: 0;
	padding: 5px 10px;
	width: 346px;
}

/* gallery navigation */
ul#galleryNav {
	height: 24px;
	list-style: none;
	position: absolute;
	top: 226px;
	right: 10px;
	overflow: hidden;
	width: 124px;
}

ul#galleryNav li {
	float: left;
	height: 24px;
}

ul#galleryNav li a {
	display: block;
	height: 24px;
	text-indent: -3000px;
	width: 25px;
}

ul#galleryNav li a.next { width: 24px; }

ul#galleryNav li a.prev { background: transparent url(../img/homepage/galleryNav_prev.png);}
ul#galleryNav li a.one { background: transparent url(../img/homepage/galleryNav_1.png) no-repeat; }
ul#galleryNav li a.two { background: transparent url(../img/homepage/galleryNav_2.png) no-repeat; }
ul#galleryNav li a.three { background: transparent url(../img/homepage/galleryNav_3.png) no-repeat; }
ul#galleryNav li a.next { background: transparent url(../img/homepage/galleryNav_next.png) no-repeat; }

ul#galleryNav li a:link, ul#galleryNav li a:visited { background-position: top left; }
ul#galleryNav li a:hover, ul#galleryNav li a:active { background-position: bottom left; }