/*Home page carroussel*/
/* .banner .stepcarousel {visibility:hidden;} */
.banner .stepcarousel {
position: absolute; /*leave this value alone*/
height: 308px; /*Height should enough to fit largest content's height*/
width:960px;
overflow:hidden;
top: 25px;
}

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

.banner .stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: visible; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 0px 0px 0px; /*margin around each panel*/
width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 308px;
position:relative;
}


/*Portfolio carrousel*/
#loading {position:absolute;height: 600px;padding:130px 0px 0px 320px;z-index:110000000;background:#fff;display:none;width:380px;}

.text .stepcarousel {
position: relative; /*leave this value alone*/
min-height: 727px; /*Height should enough to fit largest content's height*/
width:700px;
margin-bottom:50px;
border-bottom: 1px solid #f3f3f3;
border-left: 1px solid #d1d2d4;
background: #fff url(../images/back-panel.png ) repeat-x top;
display:block;
}

#useful .text .stepcarousel {width:960px;}

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

.text .stepcarousel .list {
overflow: visible; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 0px 0px 0px; /*margin around each panel*/
width: 700px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
/* height: 707px; */
position:relative;
padding: 3px 0px 0px 0px;
list-style:none;
clear:both;
}

#useful .text .stepcarousel .list {width:960px;}