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

.slide1{
	background-image:url(images/AnthonJon1.png);
	background-repeat:no-repeat;
	width:500px;
	height:417px;
	padding-left:290px;
	padding-top:210px;
	}
.slide2{
	background-image:url(images/Saxophone1.png);
	background-repeat:no-repeat;
	width:460px;
	height:417px;
	padding-left:320px;
	padding-top:210px;
	}

.slide3{
	background-image:url(images/TRUMPET.png);
	background-repeat:no-repeat;
	width:460px;
	height:417px;
	padding-left:320px;
	padding-top:210px;
	}
	
.slide4{
	background-image:url(images/ali.png);
	background-repeat:no-repeat;
	width:460px;
	height:417px;
	padding-left:320px;
	padding-top:210px;
	}

.galleryPics{

	}

.picHolder{
	float:left;
	width:200px;
	margin-top:200px;
	margin-left:60px;
	}
.textHolder{
	float:left;
	color:#FFF;
}

.textHolder h1{
	margin:0 0 0 0
}

.textHolder h3{
	line-height:1.5em;
	margin-top:5px
}

.readMore{
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:right;
	color:red;
	padding-right:20px;
	font-weight:bold;
}
.introText{
	width:230px;
	}