/*
jFlow Demo CSS
Description: Demo CSS for jFlow
*/

#sliderContainer { width: 980px; height: 280px; position: relative; margin: 0 auto; }

.slideContent {  background:url("../images/contentBg.png") repeat scroll 0 0 transparent; position: absolute; bottom:0px; right:0px;   padding: 15px;   width: 910px; }

.slide h3 {  font: 700 26px/1em 'Open Sans', sans-serif; color: #FFF;  margin: 0 0 10px 0; }

.slide p { font-size: 14px; color: #FFF; margin: 0; }

.jFlowSlideContainer { overflow: hidden; }

.jFlowSlideContainer a { color: #F90; text-decoration: none; font-style: italic; }

.jFlowSlideContainer a:hover { text-decoration: none; }

.jFlowSlideContainer a:focus { position: relative; top: 1px; }

.jFlowNext {height:0px;}

.jFlowPrev {height:0px;}

.jFlowPrev:hover { background-position: -84px -235px; }

.jFlowNext:hover { background-position: 0px -235px; }


/* controller pagination */

#myController { padding: 10px; min-width: 100px; }

.dot-block{
	width: 100px;
	margin: 5px auto;
}
.jFlowControl {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 6px;
	outline: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: solid 1px #96a542;
	float:left !important;
	margin-right: 5px;
}
.jFlowControl:hover {
	background: #96a542;
	cursor: pointer;
}
.jFlowSelected{
	background: #96a542;
	cursor: pointer;
}