#myslides{





position:relative;
height:247px;
width: 960px;
margin-left: 5px;
}



.stepcarousel{

position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/

width: 955px; /*Width of Carousel Viewer itself*/

height:247px; /*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*/

 /*clip content that go outside dimensions of holding panel DIV*/

margin: 10px  3px ; /*margin around each panel*/

width:955px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

height:307px;


}


.stepcarousel .panel img{

float:left;
 /*clip content that go outside dimensions of holding panel DIV*/

margin-left: 24px;
margin-top: 15px;

	width: 446px;
	height: 215px;
	border: none;


}



.leftone{



	width:56px;

	height:61px;

	position:absolute;

	left:0px;

	top:140px;

	z-index:60;

	



}

.rightone{



	width:56px;

	height:61px;

	position:absolute;

	right:3px;

	top:140px;

	z-index:60;

	



}

	

.inpost{

	

	float:left;
	padding:5px 0px;
	margin-top: 5px;
	margin-left: 15px;
	z-index:100;
	color: #ffffff;
	line-height: 18px;
	width: 775px;
	font-size: 12px;

}

	

.inposttitle{

	font-size:25px;

	color: #ffffff;
	
	margin-bottom: 5px;

}

.inposttitle a:link, .inposttitle a:visited{

	color: #ffffff;

}



.inpost p{

	margin:0px 0px 0px 10px;

	font-size:11px;

	line-height:19px;
	
	color: #ffffff;

}	

.readmore {
	width: 110px;
	height: 32px;
	line-height: 32px;
	color: #555555;	
	font-size: 12px;
	text-align: center;
	background: url(images/readmore.png);
	margin-left: 15px;
	margin-top: 175px;
	float: left;
}

.readmore a:link {
	color: #555555;	
	text-decoration:none;
}

.readmore a:visited {
	color: #555555;	
	text-decoration:none;
}