/*~~~~~~~~~~~~~~~~~ slider background config~~~~~~~~~~~~~~~~~~~~~~*/
.content{
	height: 293px;
}
.img_bg {
	float:left;
	height:293px !important;
	width:100% !important;
}
/*~~~~~~~~~~~~~~~~~ header carousel~~~~~~~~~~~~~~~~~
#carousel_image_1 .img_bg{
	background: transparent url("/Site/Design/Application/Panels/header/images/header1.jpg") top left;
}
#carousel_image_2 .img_bg{
	background: transparent url("/Site/Design/Application/Panels/header/images/header2.jpg") top left;
}
#carousel_image_3 .img_bg{
	background: transparent url("/Site/Design/Application/Panels/header/images/header3.jpg") top left;
}
#carousel_image_4 .img_bg{
	background: transparent url("/Site/Design/Application/Panels/header/images/header4.jpg") top left;
}
#carousel_image_5 .img_bg{
	background: transparent url("/Site/Design/Application/Panels/header/images/header5.jpg") top left;
}
~~~~~~~~~~~~~~~~~ header carousel~~~~~~~~~~~~~~~~~ */
body#home .content{
	display: block;
	width:100%;
}
.header_image {
	position:relative;
	width:100%;
	z-index:4;
}
.header_carousel {
	position:relative;
	z-index:4;
}
.header_carousel #carousel_nav_wrapper {
	margin:0 auto;
	position:relative;
	z-index:11;
}
.carousel_nav {
	display:block;
	right: 0;
	position:absolute;
	top: 25px;
	z-index:11;
	overflow: hidden;
	margin: 0;
	float: right;
}
.carousel_nav li{
	margin: 1px 0;
	display: block;
	padding-bottom: 9px !important;
	width: 200px;
	background: #000;
}
.header_carousel .carousel_nav li a {
	color:#FFFFFF !important;
	display:block;
	padding:2px;
}
.header_carousel .carousel_nav li.active a{
	color: #000 !important;
}
.header_carousel .carousel_nav li.active{
	background: #fff;
}
.carousel_images, .carousel_images ul {
	position:absolute;
	width:100% !important;
}
.header_carousel ul,
.header_carousel ul li {
	padding:0;
}
.carousel_images ul li {
	background:transparent none repeat scroll 0 0 !important;
	width:100% !important;
}
.img_bg {
	float:left;
	width:100% !important;
}