@import url("fonts/arvo/stylesheet.css");
#carouselContainer {
/*height:380px;*/
margin-top: 15px;
width:920px;
border-bottom:0 none;
margin-bottom: 0;
position:relative;
z-index: 2;
}
#carouselContainer {font-family: Arial, sans-serif;}
#carouselContainer p, #carouselContainer h3, #carouselContainer h1 {color:white; text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);}
#carouselContainer a {color:white;}

#carouselContainer h1 {font-family: Arvo, Arial, sans-serif; font-weight:bold; font-size: 48px; line-height: 56px; margin-bottom: 10px;}
#carouselContainer h1 .breakline {display: block;}
#carouselContainer h1 .smalltxt {font-size: 36px;}
#carouselContainer h3 {font-size: 18px; line-height: 24px; text-transform: uppercase; margin-bottom: 10px;}
#carouselContainer .slide4 h3 {margin-bottom: 0;}
#carouselContainer p {font-size: 15px; line-height: 22px;}
#carouselContainer .underlinetxt {text-decoration: underline;}

img {
	border:0;		
}

#scroll {
	position:relative;
	overflow:hidden;
	width:920px;
	height:380px;
	z-index: 2;
}

.slideArrows span {background: url(../images/home-d/arrow-left.jpg) no-repeat left top; display: block!important; width: 36px; height: 50px; position: absolute; z-index: 5; top: 163px; left: 0;}
.slideArrows span.slick-next {background: url(../images/home-d/arrow-right.jpg) no-repeat left top; display: block!important; width: 36px; height: 50px; left: auto; right: 0;}

#scroll .slide1 {background: url(../images/home-d/lead-1.jpg) no-repeat left top; height:380px;}
#scroll .slide2 {background: url(../images/home-d/lead-2.jpg) no-repeat left top; height:380px;}
#scroll .slide3 {background: url(../images/home-d/lead-3.jpg) no-repeat left top; height:380px;}
#scroll .slide4 {background: url(../images/home-d/lead-4.jpg) no-repeat left top; height:380px;}
#scroll .slide4 .content.leftSide {float: left;}
#scroll .slide4 .rightSide {float: right; width: 356px; position: relative;  right: 55px; left: auto;}
#scroll .slide .content {position: relative; width: 416px; top: 50px; left: 70px;}

.clear { clear:both; }

.mini-slider {position: relative; top: 25px;}
.toons {position: absolute; background: url(../images/home-d/lead-4-benefits.jpg) no-repeat left top; width: 338px; height: 309px; top: 5px;     z-index: 9;}
.minis {width: 250px; height: 250px; position: relative; top: 40px; margin: auto;}

.slick-dots {position: absolute; width: 100%; max-width: 72px; height: 10px; left: 0; right: 0; display: inline-block; margin: 0 auto; bottom:12px;}
.slick-dots li button {display: none!important;}
.slick-dots li {display: inline-block; margin-right: 10px;background: url(../images/home-d/pager-in.png) no-repeat left top; height:8px; width: 8px;}
.slick-dots li.slick-active {background: url(../images/home-d/pager-ac.png) no-repeat left top;}