#container {
	width:745px;
	padding:0px;
	margin:9px auto 0;
	margin-bottom:0px;
	position:relative;
	z-index:0;

}

#example {
	width:745px;
	height:510px;
	position:relative;
}
#container2 #example {
	height:628px;
}

#ribbon {
	position:absolute;
	top:20px;
	left:36px;
	z-index:500;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	width:745px;
	height:375px;
	//background-color:#000000;
	padding:0 0 0px 0px;
	position: relative;
	clear: both;
	float: left;
	margin-bottom: 20px;
}

#container2 #slides {
	height:493px;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:745px;
	overflow:hidden;
	position:relative;
	display:none;
	float:left;
//	margin-left:25px;
}

/*
	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 a {
	width:745px;
	height:375px;
	display:block;	
	overflow:hidden;	
}

#container2 .slides_container a {
	height:493px;
}

.slides_container a img {
	display:block;
	overflow:hidden;	
}

.slides_container img {
	max-width:745px;
	max-height:375px;
}
#container2 img {
	max-height:493px;
}
.slides_container div.slide {
	width:745px;
	height:375px;
	display:block;
}
#container2 div.slide {
	height:493px;
}
/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
//	position:absolute;
//	top:107px;
//	left:-45px;
//	width:45px;
//	height:43px;
//	display:block;
//	z-index:101;
}

#slides .next {
//	left:820px;
}
/*
	Pagination
*/

ul.pagination { 
	display: block; 
	width:745px; 
	float:left; 
	margin:0; 
	margin-top:20px;
	margin-left:-6px;
	overflow: hidden;  
	padding:0;
	position: relative;  
	font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold;
	}
	 	 
	ul.pagination li { width:100%; }
	ul.pagination li a {  font-size:14px; font-weight:bold; display: block; float: left; 
	margin-right: 10px; margin-left:auto; padding-bottom: 10px; padding:4px 2px 0px; text-decoration: none; min-width:30px; }
	ul.pagination li a:hover { text-decoration: none!important;  }
	ul.pagination li.current a { }
	
	
/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:60px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:530px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

.caption p {
	padding:0px;
	margin-top:10px;
}


.slides_container .caption a {
	width: auto;
}

#slides ul li, #slides ul li {
	display:inline;
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0;
}

#slides .pagination li a {
font-weight: bold;
padding: 0;//2px 5px 15px 7px;
margin: 20px 0px 0 7px;
}
#slides .pagination li a {
	margin-left:7px;//8px;
}
#slides .pagination li:first-child a {
	margin-left:0px;
}

#slides .pagination li {
	margin-right:0px;
}
#content #slides .pagination li {
	background-image:none;
	padding:0;
}



#slides .pagination li a {
	text-decoration: none;
	color: #000000;
}

#slides .pagination li.current a, #slides .pagination li a:hover {
}

.caption, .caption p, .caption a, .caption p a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight:normal;
}

.caption a, .caption p a {
	text-decoration:none;
}


a.browse { position: absolute; width: 48px; height: 76px; display: block; cursor: pointer; font-size: 1px; z-index: 99; text-indent: -2000px; outline:none; border:none;}


a.prev { position: absolute; top: 185px; left: 5px; background: url("images/gallery/arrow-prev.png") no-repeat 0 0; background-position: 0 0px; }
a.prev:hover { background: url("images/gallery/arrow-prev.png") no-repeat 0 0; background-position: 0 0px; }

a.next { position: absolute; top: 185px; left: 703px; background: url("images/gallery/arrow-next.png") no-repeat 0 0; background-position: 0 0px; }
a.next:hover { background: url("images/gallery/arrow-next.png") no-repeat 0 0; background-position: 0 0px; }