/* ========================================================================= */
/* LAYOUT STYLES FOR STEP CAROUSEL                                           */
/* ========================================================================= */

	#portfolio { width: 930px; height: 306px; overflow: hidden; margin-bottom: 10px; /*border-top: 1px solid #fff; border-bottom: 1px solid #cecece; */}
	#portfolio-scroll { float: left; width: 930px;  margin: -15px auto 0 auto;  }

/* = ELEMENT STYLES: Classes and ID's ====================================== */	

	.stepcarousel { position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ height: 306px; /*Height should enough to fit largest content's height*/ width: 800px; top: -1px; left: 0; }
	.stepcarousel .belt { position: absolute; /*leave this value alone*/ left: 0; top: 0; }
	.stepcarousel .panel { float: left; /*leave this value alone*/ width: 930px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ }