/* CSS Document */

.list_carousel {
				background:url(../images/clients-bg.jpg) repeat-x left top;
				margin: 0 0 0px 0px;
				width: 960px;
				height:100px;
				border:0px solid red;
			}
			.list_carousel ul {
				padding: 0;
				list-style: none;
				display: block;
				width:70%;
				position:relative;
				text-align:center;
				margin: 15px 0px 0px 10px;
				float:left;
				border:0px solid red;
				
				
			}
			.list_carousel li {
				color: #999;
				text-align: center;
				border: 0px solid #999;
				height: 56px;
				padding: 0;
				margin: 6px 23px 6px 15px;
				display: block;
				float: left;
			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				float: left;
				background:url(../images/prev-carousel.jpg) no-repeat 12px center;
				width:3%;
				height:91px;
				border:0px solid red;
			}
			.next {
				float: right;
				background:url(../images/next-carousel.jpg) no-repeat 15px center;
				width:4%;
				height:91px;
				border:0px solid red;
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}
			

/* for 980px or less */
@media screen and (max-width: 980px) {
.list_carousel{
width:100%;}

.list_carousel ul {
width:auto;
}

.list_carousel li img{
width:100%;}
}