#slider {
    width: 650px;
    margin: 0 auto;
    position: relative;
}
 
.scroll {
    height: 400px;
    width: 650px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
   /* background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;*/
}
 /*Div that holds individual content*/
.scrollContainer div.panel {
    padding: 20px;
    height: 400px;
    width: 610px;
    position:relative;
}
/*The (reflected) image of the website in each panel */
.scrollContainer div.panel img.panel_img {
	position:absolute;
	top:75px;
}
/*The info box thats in each panel*/
.scrollContainer div.panel div.panel_info {
    position:absolute;
    top:75px;
    right:0px;
    width:350px;
    font-family:Helvetica;
    color:#666;
}
 
#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

 
.scrollButtons {
    position: absolute;
    top: 0px;
    cursor: pointer;
    height:400px;
    width:25px;
    z-index:5;
}
 
.scrollButtons.left {
    left: -25px;
}
 
.scrollButtons.right {
    right: -25px;
}
 
.hide {
    display: none;
}