/*
Carousel CSS
*/

.slider {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/ 
	height:427px;
	width:955px;
	float:left;
}
	
	.slider .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0; 
	}
	
	.slider .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 955px;
	height:427px;/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	} 
	
	.slider img {
		border:5px solid #5b7489;
	}