/* Carrusel1 CSS Document */
.stepcarousel1 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 800px; /*Width of Carousel Viewer itself*/
	height: 210px; /*Height should enough to fit largest content's height*/
	margin:20px auto 3px auto;
	overflow:hidden;
}
.stepcarousel1 .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel1 .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 2500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel1 .box {
	width:730px;
	height:210px;
	margin:0 35px;
}
.stepcarousel1 .box a .float-left {margin:0 40px 40px 0; border:5px solid #efe9dd; background-color:#000;}
.stepcarousel1 .box a:hover .float-left {border-color:#D0BF9B; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.stepcarousel1 .box h3 {padding-top:30px;}

/* Carrusel2 CSS Document */
.stepcarousel2 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 430px; /*Width of Carousel Viewer itself*/
	height: 185px; /*Height should enough to fit largest content's height*/
	margin:20px 0 3px 15px;
}
.stepcarousel2 .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel2 .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 1500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel2 .box {
	width:190px;
	height:185px;
	margin:0 25px;
	padding-right:190px;
	background:no-repeat right top;
}
.stepcarousel2 .box h2 {margin-top:0;}

/* Carrusel3 CSS Document */
.stepcarousel3 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 430px; /*Width of Carousel Viewer itself*/
	height: 185px; /*Height should enough to fit largest content's height*/
	margin:0 0 3px 15px;
}
.stepcarousel3 .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel3 .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 1500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel3 .box {
	width:380px;
	height:185px;
	margin:0 25px;
}