/* Demo CSS - You do not need this css in your own slider */


#container{
	max-width:620px;
	margin:0 auto;
	padding-bottom:80px;
}

#banner-fade,
#banner-slide{
	margin-bottom: 60px;
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background-color: rgba(197, 213, 213, 0.3);
	color:#000;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#C3D3D3;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#E9E9E9;
	color:#333;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #C3D3D3;
}

p.bjqs-caption{
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(197, 213, 213, 0.3);
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	color: #333333;
}