/* 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:#ddd;
	color:#000;
	text-decoration: none;
}

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

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

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

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}

body ul.bjqs-controls li.bjqs-prev a{margin:0px;padding:0px;width:26px;height:35px;background:url(images/arrow.png) no-repeat 0 -35px;}
body ul.bjqs-controls li.bjqs-prev a:link:hover, body ul.bjqs-controls li.bjqs-prev a:visited:hover{background:url(images/arrow.png) no-repeat 0 -35px;}
body ul.bjqs-controls li.bjqs-next a{margin:0px;padding:0px;width:26px;height:35px;background:url(images/arrow.png) no-repeat 0 0;}
body ul.bjqs-controls li.bjqs-next a:link:hover, body ul.bjqs-controls li.bjqs-next a:visited:hover{background:url(images/arrow.png) no-repeat 0 0;}