#slides {
	position:relative; 
	overflow:hidden;
}
/* main slide container */
#slides, .slides_container {
	width:890px;
	height:335px;
}
.slides_container div.slide {
	width:890px;
	height: auto; 
	display:block;
}
.slides_container div.slide img { 
	max-width:100%; 
	height: auto;
}

/* caption */
.caption { 
	width:748px; 
	background: #ffffff; opacity: .65; box-shadow: 0px 0px 10px black; -moz-box-shadow: 0px 0px 10px black; -webkit-box-shadow: 0px 0px 10px black;
	overflow:hidden;
	position:absolute; 
	right:-450px; 
	bottom:0px;
	border-top:0px solid #cccccc;
	border-right:1px solid #cccccc;
}

.caption div {
	position:relative;
	height:48px;
	padding: 11px 0 0 28px;
}

.caption strong {
	color:#222222;
	font:30px Arial, Helvetica, sans-serif; line-height:32px;
	font-weight:normal;
	display:block;
	margin-top:3px;
}



/* pagination */
.pagination2 {
	background:url(../images/px6.png) top left repeat; #cccccc; box-shadow: 0px 0px 10px black; -moz-box-shadow: 0px 0px 10px black; -webkit-box-shadow: 0px 0px 10px black;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:99;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	height:43px;
	width:108px;
	padding: 16px 16px 0 16px;

}

.pagination2 li {
	float:left;
	padding-left:5px;
}

.pagination2 li:first-child {padding:0;}

.pagination2 li a {
	text-indent: -5000px;
	display:block;
	background:url(../images/buttons.png) right 0 no-repeat;
	height:23px;
	width:23px;
	margin-top:2px;
}

.pagination2 li a:hover, .pagination2 li.current a {background-position: 0 0;}



@media only screen and (min-width: 768px) and (max-width: 959px) {
	.slides_container div.slide, #slides,.slides_container {width: 748px !important;height:314px;}
	.next,.prev{bottom:55px;}
}

@media only screen and (max-width: 767px) {
	.slides_container div.slide, #slides,.slides_container {width: 300px;height:160px;}
	.pagination {padding-left:90px;padding-top:4px;bottom:0px !important; left:0px !important;height:30px;}
	.caption{display:none;}
	.next,.prev{bottom:10px;}
	.next{right:10px;}
	.prev{right:76px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.pagination {padding-left:147px;padding-top:8px;height:35px;}
	.slides_container div.slide, #slides,.slides_container {width: 420px;height:219px;}
}