#container {
	width:620px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
	
}

#example {
	width:620px;
	height:325px;
	position:relative;
}



/*
	Slideshow
*/

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

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

.slides_container {
	width:620px;
	overflow:hidden;
	position:relative;
	display:none;
	background-color:#EFEFEF;
}

/*
	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:620px;
	height:325px;
	display:block;
}


/*
	Next/prev buttons
*/

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



/*
	Pagination


.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}


.pagination li.current a {
	background-position:0 -12px;
}


********************** PAGINATION 2 *********************

.pagination 
{
			list-style:none;
			margin:0;
			padding:0;
}
		
.pagination .current a 
{
			color:red;
}

********************** PAGINATION 3 ********************* 
*/



.pagination
{
padding: 6px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "right" to right align pagination interface*/
font-size: 18px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 8px;
border: 1px solid #000000;
text-decoration: none; 
color: #000000;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #000000;
color: #000;
}

.pagination a.currentpage{
background-color: #2e6ab1;

border-color: #2b66a5;
font-weight: bold;
cursor: default;
color:red;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

.pagination .current a 
{
			color:white;
			background-color: #663300;
}


/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	/*
	bottom:-35px;
	*/
	left:450px;
	height:100%;
	padding:5px 5px 0 5px;
	background:#fff;
	width:170px;
	font-size:1.3em;
	line-height:1.33;
	color:#000;
	/*
	border-top:1px solid #000;
	background-color: rgba(255,255,255,0.7);
	*/
	text-shadow:none;
	
	opacity : 0.7;
    filter : alpha(opacity=70);
}



   
   
.caption  a:link,a:visited 
{
	font-size:12px;
	padding: 5px 8px;
	color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4),0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	text-decoration: none;
}

.caption  a:link,a:visited 
{
	border: solid 1px #2A4E77;
	text-decoration: none;
	
}

.caption  a:active 
{
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	border: solid 1px #203E5F;
}

.caption h1 {
	font-size:25px;
	font-style : italic;
}

.caption p {
	font-size:15px;
	color:#1E1E1E;
	text-align: left;
	font-style : italic;
	
}