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

body{
	font-family: Verdana, Geneva, sans-serif;
}


h2{
	font-size: 48px;
}

pre + h2{
	margin-top: 80px;
}

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

#banner-fade,
#banner-slide{
	margin-bottom: 60px;
	border: 10px solid #777;
border-radius: 8px;
}

ul.bjqs-controls.v-centered li a{
	display:none;
	/*padding:10px;
	background:#fff;
	color:#000;*/
	text-decoration: none;
}

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

ol.bjqs-markers li a{
	padding: 10px 10px;
    background: #333;
    color: transparent;
    margin: 7px;
    text-decoration: none;
	font-size:1px;
	width:1px;
	height:1px;
	}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	 background: #666;
	border:8px solid #333;
		padding: 3px 3px;
    color: transparent;
    text-decoration: none;
	font-size:1px;
	width:1px;
	height:1px;
}

p.bjqs-caption{
	/*background: rgba(255,255,255,0.6);*/
}