#carouselHolder{position:absolute; top:129px}


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

.slide1{
	background-image:url(images/AnthonJon1.png);
	background-repeat:no-repeat;
	width:790px;
	height:495px;
	padding-left:230px;
	padding-top:230px;
	}
.slide2{
	background-image:url(images/Saxophone1.png);
	background-repeat:no-repeat;
	width:790px;
	height:495px;
	padding-left:230px;
	padding-top:230px;
	}

.slide3{
	background-image:url(images/TRUMPET2.png);
	background-repeat:no-repeat;
	width:790px;
	height:495px;
	padding-left:230px;
	padding-top:230px;
	}
	
.slide4{
	background-image:url(images/ali.png);
	background-repeat:no-repeat;
	width:790px;
	height:495px;
	padding-left:230px;
	padding-top:230px;
	}

.galleryPics{

	}

.picHolder{
	float:left;
	width:200px;
	margin-top:200px;
	margin-left:60px;
	}
	
.textHolder{
	background:url(../style/images/textHolderBG.png) no-repeat;
	color:#FFF;
	width:575px;
	padding:25px 78px;
	height:220px
}

.textHolder h2{
	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;
	}