.container { position: relative; width: 100%; margin: 0; padding: 0; }

		.stepcarousel{ background-color: #175a91; position: relative; /*leave this value alone*/
		border: solid 2px white; overflow: scroll; /*leave this value alone*/
		width: 160px; /*Width of Carousel Viewer itself*/
		height: 450px; margin: 80px 0 0; /;padding: 0;/*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: 5px; /*margin around each panel*/
		width: 160px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		}
.panel img { margin: 0; padding: 3px 2px; }
#back { position: absolute; left: 0; bottom: 0; z-index: 100; }
#more { position: absolute; right: 0; bottom: 0; z-index: 100; }
#back a, #more a { background-color: transparent; }
.panel a:hover { background-color: transparent; }
#bigpic { position: absolute !important; top: 0; width: 450px; height: 450px; float: right; margin-top: -73px; padding-left: 165px; }