/* Free carousel: http://coolcarousels.frebsite.nl /*/
/* carousel-bio.css */

#carouselwrapper {
	background-color: #fff;
	position:relative;
	width: 100%;
	overflow: hidden;
	left: 0; }
	
#carousel img {
	display: block;
	float: left; }
	
#carouselwrapper.bio, #carousel.bio img { height: 200px; }
	
img.opa50 { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ }
img.opa50:hover { opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ }
	
#prev, #next {
	/*background-color: rgba(255, 255, 255, 0.5);*/
	display: block;
	height: 200px;
	width: 50%; 
	top: 0;
	position: absolute; } 

/*	== Showing caption on every image ==
#prev, #next {
	/*background-color: rgba(255, 255, 255, 0.5);* /
	position: absolute;
	display: block;
	height: 50px;
	width: 60px;
	top: 80px; } */
	

#prev:hover, #next:hover {
	/*background-color: rgba(255, 255, 255, 0.75);*/ }

#prev {
	left: -405px; /* left: -0 position the arrow to the edge of the browser */ 
	background: url(/100/Carousel/arrow-sm-previous.png) no-repeat 95% 50%; }

#next {
	right: -405px; /* right: -0 position the arrow to the edge of the browser */
	background: url(/100/Carousel/arrow-sm-next.png) no-repeat 5% 50%; }

/* Trini - slide-in caption */

figure {
	display: block;
	height: 200px;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	padding:0; }	
	
figure:before {
	content: "";
	position: absolute;
	display:none; }
	
figure:hover:before { opacity:0; }
figure:hover figcaption { opacity: 1; }

.cap-left:before {  bottom: 0; right: -160px; }
.cap-left figcaption { bottom: 0; right: -160px; }
.cap-left:hover figcaption { right: 0; }

figcaption {
	position: relative;
	width:160px;
	height: 25px; 
	top: 175px; 
	right: 0;
	padding: 0;
	margin:0;
	color: #002d56;
	text-align:right;
	font-size: 80%;

	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition:    all 0.6s ease;
	-o-transition:      all 0.6s ease; }
	
figcaption a { position:absolute; right:0; bottom:0; color: #002d56 !important; margin-top:5px; padding: 2px 15px 3px 15px; text-shadow: 0 0 5px #fff; background: url(/100/Carousel/bg_caption.png); 
	-webkit-border-top-left-radius : 7px;
	-moz-border-radius-topleft : 7px;
	border-top-left-radius : 7px; }
figcaption a:hover { color: #000 !important; }