@charset "utf-8";
/* CSS Document */


/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:17px auto 0 auto;
	width:850px;
	height:350px;
	position:relative;
}


#slideshow #slidesContainer {
  margin:0 auto;
  width:750px;
  height:346px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  border: 2px solid #232323;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  padding:0;
  width:730px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:350px;
  position:relative;
  background:#B9B9B9 url('../imgs/no_img.png') no-repeat center;
}

#slideshow #slidesContainer .slide:hover{
	cursor:pointer;
}

/* ---- more button ---- */
.slide .more{
	background: url('../imgs/slideshow/slide_overlay_bg.png') repeat;
	padding: 10px 15px 10px 15px;
	position:absolute;
	right:0;
	top:0;
	color:#FFC300;
}


/* ---- transparent overlay ---- */
.slide .txtOverlay{
	background: url('../imgs/slideshow/slide_overlay_bg.png') repeat;
	width:100%;
	height:60px;
	position:absolute;
	left:0;
	bottom:0;
	overflow:hidden;
	text-decoration:none;
}

.slide:hover .txtOverlay{
	background: #666 url('../imgs/slideshow/slide_overlay_bg.png') repeat;
	text-decoration:none;
	color: #F2BC00; 
	cursor:pointer;
}

/* ---- big heading ---- */
.slide .txtOverlay .h2{
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:26px; 
	font-weight:bold;
	color:#FFF;
	position:relative;
	left: 10px;
	top: 3px;
}

.slide:hover .txtOverlay .h2{
	color: #F2BC00; 
}

/* ---- small heading ---- */
.slide .txtOverlay .h3{
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#878787;
	position:relative;
	left: 10px;
	top: 7px;
}

.slide:hover .txtOverlay .h3{
	color:#FFF;
}

/* ---- extract ---- */
.slide .txtOverlay .extract{
	width:350px;
	position:absolute;
	right:15px;
	top:10px;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:justify;
	color:#CCC;
}

.slide:hover .txtOverlay .extract{
	color: #FFC300; 
}

/* remove paragraph formatting incase extract doesn't exist */
.slide .txtOverlay .extract p{
	padding:0;
	margin:0;
}

/* ---- slideshow controls style rules ---- */
.control {
  display:block;
  width:50px;
  height:350px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background: url('../imgs/slideshow/slide_btn_left.png') no-repeat center left;
}
#rightControl {
  top:0;
  right:0;
  background: url('../imgs/slideshow/slide_btn_right.png') no-repeat center right;
}