/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */

.carousel {
	height: 500px;
	margin-bottom: 60px;
}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {
	z-index: 10;
}

/* Declare heights because of positioning of img element */

.carousel .item {
	height: 525px;
	background-color: transparent;
}

.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 525px;
}

.carousel-indicators li {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 1px;
	text-indent: -999px;
	border-radius: 10px;
	cursor: pointer;
	background-color: white;
	border-style: none;
	border-width: 0px;
}

.carousel-indicators .active {
	margin: 0;
	width: 15px;
	height: 15px;
	background-color: #84cd0d
}
.carousel-control {
	background-image: none;
}
.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 0
}
.carousel-control.left {
		background-image: none; 
    	background: url(../../img/sprite/slider_left.png) no-repeat left center;
}
.carousel-control.left:hover, .carousel-control.left:focus {
		background: url(../../img/sprite/slider_left_h.png) no-repeat left center;

}
.carousel-control:hover, .carousel-control:focus {
    outline: 0;
    opacity: 1;
    filter: alpha(opacity=100);

}
.carousel-control.right {
		background-image: none; 
    	background: url(../../img/sprite/slider_right.png) no-repeat right center;
}
.carousel-control.right:hover, .carousel-control.right:focus {
		background: url(../../img/sprite/slider_right_h.png) no-repeat right center;

}