/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
  
  #scrollablebg{
	 width: 345px;
    height:200px;
	background:url(../images/script-bg.png) no-repeat 52px -5px  ;
	 /*background-position:center left;*/
  }
  
.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 296px;
    height:200px;
}


.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
	
}

.items div {
    float:left;
    width:296px;
	height:200px;
}

.items div ul {
	list-style:none;
	background:#000;
}

.items ul li{
display:inline;
}

/* single scrollable item */


.scrollable img {
    float:left;
    padding-top:20px;
    width:300px;
    height:169px;
}