#carousel {
	width:800px;
	height:200px;	
	margin:0 auto;
	overflow:hidden;
}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:800px;
	height:175px;
	border:0.5 em solid #ccc;
	
}

/* 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:1500px;
	height:154px;
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:115px;
	height:161px;	
 	border-left:1px solid #ccc; 
	border-right:1px solid #ccc; 
  	border-top:1px solid #ccc; 
    border-bottom:1px solid #ccc; 
	 
    float:left;
	padding:2px;
	background-color:#FFF;
}

 
.slides-right {
	width:1px;
	height:152px;	
    border-right:1px solid #ccc; 
    float:right;
	color:red;
 }

#slides li img {
	padding:4px;
}
.clear {clear:both}
#photos {
	height:	245px;
	width: 12000px;
	position: relative;
	z-index: 2;
	top: 0;
	left: 150px;
}
#photos ul {
	list-style: none;
	clear:both;
	float: left;
	height: 300px;
	padding-bottom: 10px;
}
#photos li {
	float: left;
	height: 300px;
	margin-right: 50px;
	/*min-width: 450px;*/
	text-align:center;
/*  width:auto !important;
  width:450px;*/
}