/******************carousel**********************/
.carousel-border{
	background:url(../images/carousel-border.gif) center top repeat-x #151515;
	padding:1px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:0 5px 5px rgba(0,0,0,.35);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,.35);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,.35);
}
#carousel{
	position:relative;
	background:url(../images/slider-tail.jpg) center top repeat;
	padding:18px 19px 19px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:inset 0 0 15px rgba(255,255,255,.04);
	-moz-box-shadow:inset 0 0 15px rgba(255,255,255,.04);
	-webkit-box-shadow:inset 0 0 15px rgba(255,255,255,.04);
}
	#carousel .es-carousel{
		overflow:hidden;
		background:#1a1a1a;
		border:5px solid #1a1a1a;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		box-shadow:0 1px 0 #4d4d4d, 0 0 15px rgba(255,255,255,.04);
		-moz-box-shadow:0 1px 0 #4d4d4d, 0 0 15px rgba(255,255,255,.04);
		-webkit-box-shadow:0 1px 0 #4d4d4d, 0 0 15px rgba(255,255,255,.04);
	}
		#carousel li{float:left; position:relative;}
		#carousel h3{
			font:bold 22px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#4b4b4b;
			margin-bottom:14px;
		}
		#carousel img{
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}
#carousel .es-nav-prev, #carousel .es-nav-next{
	display:block !important;
	width:13px;
	height:22px;
	overflow:hidden;
	background-position:center top;
	background-repeat:no-repeat;
	position:absolute;
	top:19px;
	text-indent: -100%;
	font-size:0;
	line-height:0;
	white-space: nowrap;
	cursor:pointer;
	z-index:997;
}
#carousel .es-nav-prev{background-image:url(../images/carousel-prev.png); right:41px;}
#carousel .es-nav-next{background-image:url(../images/carousel-next.png); right:19px;}
	#carousel .es-nav-prev:hover, #carousel .es-nav-next:hover{background-position:0 -38px;}

/*------------------------------------------------------------------*/
@media only screen and (max-width: 995px) {
	#carousel{padding:15px 9px 9px;}
	#carousel li{width:175px !important; margin-right:6px !important;}
	#carousel h3{margin-bottom:8px !important;}
}

@media only screen and (max-width: 767px) {
	#carousel li{width:126px !important;}
}

@media only screen and (max-width: 479px) {
	#carousel{padding:15px 8px 9px 9px;}
	#carousel li{width:132px !important;}
}