@charset "utf-8";
/* CSS Document */


.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 960px; /*Width of Carousel Viewer itself*/
	height: 380px; /*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*/
margin: 0px; /*margin around each panel*/
width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:380px;
display:block;



}



.stepcarousel .panel h1{
font-family:'ColaborateThinRegular';
color:#CC3300;
font-size:50px;
line-height:45px;
font-weight:normal;

}

.stepcarousel .panel h2{
	font-family:'ColaborateThinRegular';
	font-size:26px;
	line-height:26px;
	font-weight:normal;
	margin-bottom:5px;
	color: #333;
	border:none;
}


.stepcarousel .panel p{
font-family:'ColaborateLightRegular';
font-size:15px;
letter-spacing:1px;
line-height:17px;
font-weight:normal;
padding:5px 20px 0px 280px;
margin-bottom:5px;
color:#444;
}



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


}

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

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