@charset "utf-8";
/* CSS Document */

/*************** slider ***************/
 
 #carousel {
	width:100%;
	height:380px;
	margin:0 auto;
	overflow:hidden;
}

#slides {
	overflow: hidden;
	width: 100%;
	height: 380px;
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;
	width:1200px;
	height:380px;
	overflow:hidden;
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:233px;
	height:380px;
	float:left;
	padding-top: 15px;
}

#buttons {
	display: block;
	position: absolute;
	z-index: 999999999999;
	width: 960px;
}

#prev {
	position: absolute;
	right: -35px;
	top: 115px;
}
#prev {
position: absolute;
top: -27px;
right: 39px;
}
#next {
position: absolute;
top: -27px;
right: 65px;
}

/************** testimonials *******************/

.testimonial_wrapper #slides ul li {
width: 90%;
min-height: 100px;
float: left;
padding-top: 15px;
}

.testimonial_wrapper#carousel {
width: 100%;
height: 217px;
min-height: 100px;
margin: 0 auto;
overflow: hidden;
}

.testimonial_wrapper #slides {
overflow: hidden;
width: 100%;
height: 217px;
min-height: 288px;
}
.testimonial_wrapper #slides ul {
height: 217px;
}