/* container for the scrollable items */



#slideshow{
	overflow:hidden;
    height:192px; 
    float:left; 
    width:1024px; 
    padding-top: 18px;

}

#slideshow ul{
    width:3900px;
}

#slideshow li{
    float:left;
    margin:0 16px;
    cursor:pointer;
}


div.items { height:192px; float:left; width:100% !important; padding-top: 18px; }

/* Items Styles */
.classOverlay{display:block; background-image: url(/images/WhatWeDo/overlay.png); position: absolute; margin-right:25px; top: 23px; left: 20px; z-index: 50; width: 100%; height: 80px}
.classMainImage{ width: 100%; height: 192px; text-align: left; background-repeat:no-repeat;}
.classMainImage b{display:block; color: #f9cb4c; font-weight: bold; margin: 3px 0px 3px 0px; font-size: .95em}
.classMainImage span{display:block; color: #5e5499; font-size: .7em; line-height: 11px; height:60px; overflow:hidden}
.classMainImage a {text-decoration:none;}
.classPrevLayer{width: 35px; height: 192px; position: absolute; text-align: center; top: 0px; left: 0px; z-index: 100; background:url(/assets/visual/scroller/left-cover.png); padding: 0px 5px 0px 10px}
.classNextLayer{width: 50px; height: 192px; position: absolute; text-align: center; top: 0px; right: 0px; z-index: 100; background:url(/assets/visual/scroller/right-cover.png);}

/* single item */
div#slideshow li { display:block; float:left; margin-right:10px; width:200px; height:160px;
	          cursor:pointer; text-decoration: none; padding: 5px}

div#slideshow li:hover{background-color: #e1e0e1}

/* next / prev buttons */
a.prev, a.next { display:block; width:41px; height:59px; float:left; background-repeat:no-repeat;	
	             margin:15px 0 0 0; top: 45px; position: relative}

a.prev {background:url(/assets/visual/scroller/left-arrow-off.png); }

a.prev:hover {background:url(/assets/visual/scroller/left-arrow-off.png);}

a.next { background:url(/assets/visual/scroller/right-arrow-off.png);}

a.next:hover { background:url(/assets/visual/scroller/right-arrow-off.png);}