/* CSS Document */

/* SLIDESHOW */
#sq-carousel{
	width:100%;
	min-width:240px;
	max-width: 1040px;
	min-height: 293px; 
	margin:0px;
	overflow:hidden;
	padding-bottom:5px;
	margin-bottom:1px;
	
}
#sq-carousel .banners{
	position:relative;
	padding:0px 0px 0px 5px;
	
}
#sq-carousel .banner_1,
#sq-carousel .banner_2,
#sq-carousel .banner_3,
#sq-carousel .banner_4,
#sq-carousel .banner_5 {
	position:absolute;
	top:0px;
	left:0px;
	overflow: hidden; 
	width:100%;
}
#sq-carousel .banner_2,
#sq-carousel .banner_3,
#sq-carousel .banner_4,
#sq-carousel .banner_5 {
	visibility:hidden;
}
.banner-wrap {
	height:100%;
}
#sq-carousel .photo {
	float:right;
	/*padding:8px;
	width:50%;*/
	padding:0px;
	width:60%;
	text-align:right;
}
#sq-carousel img.banner-img {
	width:100%;
	max-width:540px;
	height:auto;
	box-shadow:none;
	display:block;
	line-height:0;
	margin: 0 auto;
}

#sq-carousel .text {
	/*width:45%;*/
	width:36%;
	padding:8px 16px;
}


#sq-carousel h1.slide-title{
	font-size:25px;
	line-height:28px;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
	clear:none;
	padding:25px 0px 0px;
	color:#005E9D;
	margin-bottom:5px;
}
#sq-carousel h2,
#sq-carousel h2.slide-sub-title{
	font-size:20px;
	line-height:25px;
	font-family: 'Open Sans', sans-serif;
	clear:none;
	padding:0px 10px 5px 0px;
	margin-bottom:5px;
}
.no-fontface #sq-carousel h1.slide-title,
.no-fontface h2.slide-sub-title {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
#sq-carousel p{
	margin:0px 0px 12px;
	font-size:14px;
	padding:0px;
}
#sq-carousel a.more-link {
	color:#FFF;
	background-color:#31AEE4;
	border-radius: 5px;
	padding:5px 10px;
	white-space:nowrap;
	text-transform:uppercase;
	letter-spacing:0.75px;
	font-family: 'Open Sans', sans-serif;
	margin-right:5px;
}
#sq-carousel a.more-link:hover,
#sq-carousel a.more-link:active {
	background-color:#005E9D;
}
#caroNav {
	z-index:100;
	bottom:35px;
	left:15px;
	position:relative;
	overflow:hidden;
	height:30px;
	width:130px;
}
#caroNav ul { 
	height:20px;
	width:130px;
	margin:0px; 
	padding:0px;
	list-style:none;
}
#caroNav li {
	cursor:pointer;
	list-style:none;
	float:left;
	padding:5px;
	font-size:24px;
	line-height:24px;
	margin:0px 2px 0px 0px;
	color:#999;
}
#caroNav li:hover {
	color:#06C;
}
#caroNav li.current {
	color:#09C;
	cursor:default;
}

/*AS the picture gets smaller */
@media (max-width: 970px) {	
	#sq-carousel{	min-height: 280px; }
}
@media (max-width: 800px) {	
	#sq-carousel{	min-height: 280px; }
	#sq-carousel h1.slide-title { padding-top:5px; font-size:22px; } 
	#sq-carousel h2.slide-sub-title { font-size:18px; }
	
	#sq-carousel .text {   width: 30%;}
	#sq-carousel .photo {  width: 65%;}
}
/*When home page loses sidebar */
@media (max-width: 640px) {	
	#sq-carousel{	min-height: 280px; }
	#sq-carousel h1.slide-title { font-size:18px; line-height:22px; padding-bottom:1px; } 
	#sq-carousel h2.slide-sub-title { font-size:15px;  padding-bottom:1px; line-height:20px;}
	#sq-carousel p{	margin-bottom:5px; }
	#sq-carousel h2 { font-size:15px;  padding-bottom:1px; line-height:20px;}
	#sq-carousel .text {   width: 35%;}
	#sq-carousel .photo {  width: 60%; margin-top:40px;}

}

/*Standard phone width }*/
@media (max-width: 480px) {	
	#sq-carousel { min-height:400px; }
	#sq-carousel .photo { float:none; width:95%;  margin:0px auto; padding-bottom:3px;}
	#sq-carousel .photo img.banner-img {}
	#sq-carousel .text { float:none; width:95%; padding-top:1px; padding-left:8px; margin:0px auto 5px; }
	#sq-carousel h1.slide-title { padding-top:1px;  } 
	#sq-carousel p{	margin-top:5px; }
	#sq-carousel .text a { font-size:12px; }
}