/* Basic jQuery Slider essential styles */

ul.bjqs {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: none;
}

li.bjqs-slide {
	display: none;
	position: absolute;
}

ul.bjqs-controls {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 9999;
	display: none;
}

	ul.bjqs-controls li {
		float: left;
		margin-right: 1px;
	}

ol.bjqs-markers {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 9999;
}

	ol.bjqs-markers li {
		float: left;
	}

p.bjqs-caption {
	display: block;
	width: 96%;
	margin: 0;
	padding: 2%;
	position: absolute;
	bottom: 0;
}

/* demo styles */

body {
	background: #f5f5f5;
	/*font-family: 'Carter One', sans-serif;*/
}

#container {
	width: 980px;
	padding: 100px 0;
	margin: 0 auto;
	overflow: hidden;
}

#banner {
	height: 300px;
	width: 700px;
	margin: 0 auto;
	position: relative;
	/*background:#fff;
  border:20px #fff solid;
  box-shadow:0 0 50px rgba(0,0,0,0.5);*/
}

ul.bjqs-controls li a {
	display: block;
	padding: 5px 5px;
	/*position:absolute;*/
	background: #fff;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}

	ul.bjqs-controls li a:hover {
		background: #ced1d4;
	}

a.bjqs-prev {
	left: 0;
}

a.bjqs-next {
	right: 0;
}

p.bjqs-caption {
	background: rgba(0,0,0,0.7);
	color: #fff;
	text-align: center;
}

ol.bjqs-markers {
	position: absolute;
	bottom: -50px;
}

	ol.bjqs-markers li {
		float: left;
		margin: 0 3px;
	}

		ol.bjqs-markers li a {
			display: block;
			height: 10px;
			width: 10px;
			border: 4px solid #fff;
			overflow: hidden;
			text-indent: -9999px;
			background: #000;
			border-radius: 10px;
			box-shadow: 0 0 50px rgba(0,0,0,0.5);
		}

		ol.bjqs-markers li.active-marker a {
			background: #000000;
		}