#mygallery {
	background-color:#bcd7dd;
	background-image: url(../image/top-sliver.gif);
	background-repeat: repeat-x;
	background-position:top;
}

.stepcarousel{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:511px; /*Width of Carousel Viewer itself*/
height:296px; /*Height should enough to fit largest content's height*/
margin-left:45px;
margin-top:8px;
}

.stepcarousel .belt{
position:absolute; /*leave this value alone*/
left:0;
top:6px;
}

.stepcarousel .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right:0px ; /*margin around each panel*/
width:511px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:284px;
}
.stepcarousel .panel p{
text-align:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:5px 5px ; /*margin around each panel*/

}

.stepcarousel .panel h2{
text-align:left; /*leave this value alone*/
height:20px;
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}

.stepcarousel .panel img{
float:left; /*leave this value alone*/
margin:0; /*margin around each panel*/
padding:0;
}