/*************************************************************
 * Ultra-simple carousel styles.
 * Height and width of the carousel and images is determined
 * by the .sbccarousel class style.  Images are cropped to fit.
 *************************************************************/


/*-*-* Carousel BEGIN *-*-*/
.sbccarousel {
  position: relative;
 /*width: 100%;*/
  /*height: 450px;*/
  overflow: hidden;
  margin: 0 auto;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  
}

.sbcslide {
  float: right;
  position: absolute;
  z-index: 1;
  width:100%;
  max-width: 100%;
  height: 100%;/*450px;*/
  background-color: #eee;
  text-align: center;
  transition: opacity 0.4s;
  opacity: 0;
}
.sbcslide img
{
	position:relative;
	width:100%;
	height:100%;
}
.sbcslide-annotation {
  /*content: attr(annot);*/
  display: block;
  position: absolute;
  color:#700e04;
  /*color: rgba(255,255,255,0.9);*/
  font-size: 14px;
  font-weight: 300;
  z-index: 12;
  opacity: 0;
  width:100%;
  height:100%;
  text-align:left;
  transition: opacity 0.3s;
  text-shadow: 0 0 1px #000;
}
.sbcslide-annotation span
{
	position:absolute;
	bottom:0px;
}
.sbcslide-annotation:hover
{
	opacity:1;
}

/*-*-* Carousel END *-*-*/