#main .galleria{ list-style:none;  margin: 0px auto; float:left;}
#main .galleria li{display:block;width:70px;height:70px;overflow:hidden;float:left;margin:0 0px 0px 0}
#main .galleria li a {display:none}
#main .galleria li div {position:absolute;display:none;top:0;left:180px}
#main .galleria li div img{cursor:pointer}
#main .galleria li.active div img,.galleria li.active div{display:block}
#main .galleria li img.thumb {cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
#main .galleria li .caption {display:block;padding-top:.5em}
#main p.nav  { text-align:center }
* html .galleria li div span {width:400px} /* MSIE bug */


#mainimage {
 background-image:url(/images/healing-environments-bg.gif);
 background-repeat: no-repeat;
 border: none; 
 height: 410px;
 vertical-align:middle;
 text-align:center;
 padding: 0px;
}

.galleria_container {
padding: 0px;
 vertical-align:middle;
 text-align:center;
}

.galleria_wrapper {
width: 585px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: hidden; /*leave this value alone*/
width: 560px; /*Width of Carousel Viewer itself*/
height: 200px; /*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; /*margin around each panel*/
width: 170px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
border: ;
}