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

/* Styles written by Jacob Bearce | jacob@weblinxinc.com | jacob@bearce.me */

#slideshowWrapper {
	background: url("../img/background-topWrapper.jpg") center top no-repeat #FFF;
	padding: 26px 20px;
}

@media screen and (max-width: 639px) {
	#slideshowWrapper {
		padding-left: 0;
		padding-right: 0;
	}
}

	#slideshowWrapper #slideshow {
		margin: 0 auto;
		width: 1130px;
	}

	@media screen and (max-width: 1279px) {
		#slideshowWrapper #slideshow {
			max-width: 1130px;
			width: auto;
		}
	}

		#slideshowWrapper #slideshow #slidesWrapper {
			background: url("../img/background-slideshow.gif") center center no-repeat #FFF;
			background: #FFF;
			border: 1px solid #FFF;
			float: left;
			width: 63.716814159292035398230088495575%;
			/* css3 */
			-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.15);
			box-shadow: 0 0 10px 1px rgba(0,0,0,0.15);
		}

		@media screen and (max-width: 959px) {
			#slideshowWrapper #slideshow #slidesWrapper {
				width: 48.5%;
			}
		}

		@media screen and (max-width: 767px) {
			#slideshowWrapper #slideshow #slidesWrapper {
				float: none;
				width: auto;
			}
		}

		@media screen and (max-width: 639px) {
			#slideshowWrapper #slideshow #slidesWrapper {
				border-left: 0;
				border-right: 0;
			}
		}

		#slideshowWrapper #slideshow #slidesWrapper.active {
			background: #FFF;
		}

			#slideshowWrapper #slideshow #slidesWrapper #slides {
				padding-bottom: 55.555555555555555555555555555556%;
				height: 0;
				position: relative;
				width: 100%;
			}

			/*
			@media screen and (max-width: 639px) {
				#slideshowWrapper #slideshow #slidesWrapper #slides {
					padding-bottom: 125%;
				}
			}
			*/

				#slideshowWrapper #slideshow #slidesWrapper #slides figure {
					bottom: 0;
					margin: 0;
					left: 0;
					opacity: 0;
					position: absolute;
					right: 0;
					top: 0;
					z-index: 1;
					/* css3 */
					-webkit-transition: opacity 0.25s;
					transition: opacity 0.25s;
				}

				#slideshowWrapper #slideshow #slidesWrapper #slides figure.active {
					opacity: 1;
					z-index: 2;
				}

					#slideshowWrapper #slideshow #slidesWrapper #slides figure img {
						display: block;
						width: 100%;
					}
					
					#slideshowWrapper #slideshow #slidesWrapper #slides figure img + p {
						font-size: 13px;
						text-align: center;
					}

					/*
					#slideshowWrapper #slideshow #slidesWrapper #slides figure img.desktop {
					}

					@media screen and (max-width: 639px) {
						#slideshowWrapper #slideshow #slidesWrapper #slides figure img.desktop {
							display: none;
						}
					}

					#slideshowWrapper #slideshow #slidesWrapper #slides figure img.mobile {
						display: none;
					}

					@media screen and (max-width: 639px) {
						#slideshowWrapper #slideshow #slidesWrapper #slides figure img.mobile {
							display: block;
						}
					}
					*/

		#slideshowWrapper #slideshow #caption {
			float: right;
			padding: 22px 0 0;
			width: 33.628318584070796460176991150442%;
		}

		@media screen and (max-width: 959px) and (min-width: 768px) {
			#slideshowWrapper #slideshow #caption {
				padding-top: 0;
				width: 48.5%;
			}
		}

		@media screen and (max-width: 767px) {
			#slideshowWrapper #slideshow #caption {
				float: none;
				width: auto;
			}
		}

		@media screen and (max-width: 639px) {
			#slideshowWrapper #slideshow #caption {
				padding-left: 20px;
				padding-right: 20px;
			}
		}

			#slideshowWrapper #slideshow #caption h2 {
				color: #1E86BB;
				font-family: "Open Sans", sans-serif;
				font-size: 24px;
				font-size: 1.5rem;
				font-style: italic;
				font-weight: 400;
				line-height: 36px;
				line-height: 1.5em;
				margin: 0 0 4px;
				margin-bottom: 0.16666666666666666666666666666667em;
			}

			@media screen and (max-width: 1079px) {
				#slideshowWrapper #slideshow #caption h2 {
					font-size: 20px;
					font-size: 1.25rem;
				}
			}

			@media screen and (max-width: 479px) {
				#slideshowWrapper #slideshow #caption h2 {
					font-size: 18px;
					font-size: 1.125rem;
				}
			}

				#slideshowWrapper #slideshow #caption h2 strong {
					color: #39B54A;
					display: block;
					font-size: 43px;
					font-size: 1.7916666666666666666666666666667em;
					font-style: normal;
					font-weight: 800;
				}

				@media screen and (max-width: 1279px) {
					#slideshowWrapper #slideshow #caption h2 strong {
						font-size: 40px;
						font-size: 39.6px;
						font-size: 1.65em;
					}
				}

		#slideshowWrapper #slideshow:after {
			clear: both;
			content: "\0020";
			display: block;
			visibility: hidden;
		}

#slideshowWrapper + #mainWrapper,
#slideshowWrapper + #blueBar + #mainWrapper {
	background: #FFF;
}