@charset "utf-8";
/* CSS Document */

body { background:#363636; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin:0; padding:0; line-height:20px; }

a{color:#f47b28;}
a:hover{color:#f04e28;}

p{ text-align:justify;}

#footer{
background:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#444444;}

#left{padding:20px; width:342px;}
#right{padding:20px; width:350px;}
#middle{padding:20px; width:755px;}


h1{font-family:Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; background-color:#444444; margin:0; padding:0; padding:10px; margin-left:-20px; margin-right:-20px;  }

h2{font-family:Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; background-color:#444444; margin:0; padding:0; padding:10px; margin-right:-20px; margin-left:-20px; }

.formheadings{font-family:Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#2a2a2a; background:#fff0ae; border:solid #ffd21d 1px;}
.subheadings-btn{border:#ff7800 solid 1px; background:#f47b28; font-family:Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; height:25px;}
.form {border:1px solid #ffd21d;}



/******************** Gallery *********************/

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


#myController span{
width:350px;
color:#FFF;
background:#fff;
margin:1px;
cursor:pointer;
}

<!-- Gallery End -->