@charset "utf-8";
/* CSS Document */

/* FlexSlider Custom Styles
*********************************/ 
#flexslider-wrapper {
	width:100%;
	margin-bottom:0px;
	background-color:#ccc;
	position:relative; /* Makes it so the torn edges can be positioned over top the slider */
}

#slider-top-edge {width:100%; height:30px; background-image:url(../SiteImages/bg_slider_topedge.png); background-position:top center; background-repeat:no-repeat; position:absolute; top:0; z-index:500;}
#slider-btm-edge {width:100%; height:30px; background-image:url(../SiteImages/bg_slider_btmedge.png); background-position:top center; background-repeat:no-repeat; position:absolute; bottom:0; z-index:500;}
#slider-top-edge img,
#slider-btm-edge img {display:block; margin:0 auto;}

#sliderpic1 {background-image:url(../SiteImages/bg_sliderpic1.jpg); background-position:top center; background-repeat:no-repeat;}
#sliderpic2 {background-image:url(../SiteImages/bg_sliderpic2.jpg); background-position:top center; background-repeat:no-repeat;}
#sliderpic3 {background-image:url(../SiteImages/bg_sliderpic3.jpg); background-position:top center; background-repeat:no-repeat;}
#sliderpic4 {background-image:url(../SiteImages/bg_sliderpic4.jpg); background-position:top center; background-repeat:no-repeat;}
#sliderpic5 {background-image:url(../SiteImages/bg_sliderpic5.jpg); background-position:top center; background-repeat:no-repeat;}

.slide-content-area {max-width:1000px; /* height:600px; */ height:auto; margin:0 auto; overflow:hidden;}
.slide-pic {width:48%; float:left;}
.slide-caption {width:50%; padding-left:2%; float:left;}
/* .slide-caption h2 {font-family:"OpenSansCondensedBold", Arial, Helvetica, sans-serif; color:#fff; font-size:8em; line-height:.875em; letter-spacing:-.063em; margin-left:-10px; margin-bottom:30px; margin-top:60px; padding:0; text-shadow: 0px 4px 4px #666; font-weight:normal;} Re-implement Title someday when fittext.js works properly with Flexslider */
.slide-caption img {margin-top:15%; margin-bottom:10px;}
.slide-caption p {font-family: "geared_slabbold", Arial, Helvetica, sans-serif; color:#ffeed1; font-size:26px; font-size:1.625rem; line-height:1.125; font-weight:normal; text-shadow:1px 1px 3px #333;}
img.slider-button {display:block; max-width:247px !important; height:auto; margin-top:8%;}

@media screen and (max-width: 1000px) {
  #slider-top-edge {width:100%; height:auto; background-image:none;}
	#slider-top-edge img {width:100%; height:auto;}
  #slider-btm-edge {width:100%; height:auto; background-image:none;}
	#slider-btm-edge img {width:100%; height:auto;}
}