

#container {
	width:580px;
	position:relative;
	z-index:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:20px
}


#example {
	width:531px;
	height:245px;
	position:relative;
	/*background:red;*/
	background-image:url(../images/bgslides.png);
	background-repeat:no-repeat;
	background-color:#1f6481;
	margin-left:34px;
	
}

/*
	Slideshow style
*/

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

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width:531px;
	height:190px;
	overflow:hidden;
	position:relative;
	display:none;
	/*background-color:gray;*/
	
	padding:10px
}

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide {
	padding:20px;
	width:477px;
	height:230px;
	display:block;
}

#slides .slide {
	padding:20px;
	width:477px;
	height:230px;
	display:block;
}

#slides .slide h2 span.active {
	color:#8dc540
}

#slides .slide a:link,a:visited {
	color:#72c1de;
	text-decoration:none;
}

#slides .slide a:hover,a:active {
	color:#72c1de;
	text-decoration:underline;
}

/*
	Next/prev buttons
*/
#slides .next,#slides .prev {
	background-image:url(../img/arrow.png);
	position:absolute;
	top:0px;
	left:-34px;
	width:34px;
	height:245px;
	display:block;
	z-index:101;
}

#slides .prev {
	background-position: 0px 0px;
	
}

#slides .prev:hover{
	background-position: -35px 0px;
	
}

#slides .next {
	left:957px;
	background-position: -70px 0px;
}

#slides .next:hover{
	background-position: -104px 0px;
}

/*
	Pagination
*/

.pagination {
	margin:0;
	padding-left:30px;
	width:200px;
	
	
}

.pagination li {
	float:left;
	list-style:none;
}

.pagination .page{
	display:block;
	width:26px;
	height:26px;
	margin-right:7px;
	background-image:url(../img/pagination.png);
	background-repeat:no-repeat;
	/*float:left;
	overflow:hidden;*/
	
}

.pagination li .page1 {
	background-position:0 0;
	
}

.pagination li .page1:hover,.pagination li.page1_current.current a {
	background-position:-27px 0;
	
}

.pagination li .page2 {
	background-position:-54px 0;
}

.pagination li .page2:hover,.pagination li.page2_current.current a {
	background-position:-81px 0px;
}

.pagination li .page3 {
	background-position:-108px 0px;
}

.pagination li .page3:hover,.pagination li.page3_current.current a {
	background-position:-135px 0px;
}

.pagination li .page4 {
	background-position:-162px 0px;
}

.pagination li .page4:hover,.pagination li.page4_current.current a {
	background-position:-189px 0px;
}


#container h1 {
	color:#FFFFFF;
	margin:0;
	padding:0
}

#container h2 {
	color:#FFFFFF;
	
}

#container p {
	font-size:12px;
	text-align:justify;
	color:#d5eaf3
	
}

#slides .link {
	display:block;
	margin-top:10px;
	font-weight:800;
	font-size:13px;
	text-align:right;
	padding:0
}
