#slider	{ 
	background:#B2217A url(images/slide.png) repeat-x; 
	height: 234px; 
	overflow: hidden;
	position: relative; 
	margin: 0; 
}
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 940px; /*Width of Carousel Viewer itself*/
	height: 225px; /*Height should enough to fit largest content's height*/
	margin: 0px 30px;
}
.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: 10px 20px ; /*margin around each panel*/
	width:900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:210px;
}
.stepcarousel .panel p{
	text-align: right; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px 320px 0px 0px;
	width:550px;
	line-height:20px;
	color:#fff;
	font-family:Tahoma,georgia, Helvetica, Sans-Serif; 
	font-size: 13px; 
}
.stepcarousel .panel h2{
	font-family:georgia, Helvetica, Sans-Serif; 
	font-size: 24px; 
	color: #ac0000; 
	padding:10px 0px;
	margin:5px 320px 0px 0px;
	width:500px;
	overflow:hidden;
}
.stepcarousel .panel h2 a:link, .stepcarousel .panel h2 a:visited  {
	color:#fff;
	background-color: transparent;
}
.stepcarousel .panel img{
	position: absolute; 
	top: 20px; 
	right: 10px;
	background:#D660CC;
	border:1px solid #D660CC;
	padding:10px 10px;
}