#container {
	width:740px;
	height:287px;
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;	
}
#example {
	width:740px;
	height:263px;
	position:relative;
	margin:0;
	padding:0;
}

/*Slideshow*/

#slides {
	position:absolute;
/*	top:15px;
	left:4px;*/
	z-index:100;
	border:0;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:740px;
	overflow:hidden;
	position:relative;
	display:none;
	border:0;
}

.shadow {
	background: url(/grfx/carousel/shadow.png) no-repeat; 
	background-size: 100%;
	height: 24px; 
	bottom: -24px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container div.slide {
	width:740px;
	height:263px;
	/*display:block;*/
	 	
}

/*Pagination*/
.pagination {
	/*margin:-260px auto 0 387px;*/
	margin:-287px auto 0 -36px;
	width:200px;
	z-index:999;
	position:absolute;
}

.pagination li {
	float:left;
	margin:0 3px;
	list-style:none;
}
.pagination li a {
	display:block;
	width:22px;
	height:0;
	padding-top:22px;
	background-image:url('/grfx/carousel/pagination.png');
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -22px;
}
/*Caption*/
.caption {
	z-index:500;
	position:absolute;
	margin:0;
	left:0;
	height:30px;/*bar height*/
	padding:0 20px 20px 20px;
	background:#333;
	border-bottom: 5px solid #fff;
	/*background:rgba(0,0,0,.5);*/
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=70);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.7;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.7;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.7;
	width:597px;
	overflow:hidden;
	padding-top:14px;
	line-height:20px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:24px;
	z-index:505;
	
	
}
.caption {padding/*\**/:5px 20px 30px 20px\9;} /* Applies to IE 8 */
.caption p{
	vertical-align:top;
	
	padding-top:10px;
	line-height:20px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:24px;
	z-index:505;
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=100);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:1.0;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 1.0;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 1.0;
}