.overview 				{	color:#2E2E2E;		}
.overview-left 			{	width:22.8%;		}
.overview-right 		{	width:77.2%;		}
.overview-right-inner 	{	padding-left:4%; 	}
.overview-title-box 	{
	min-height:		155px;
	padding-bottom:	20px;
	border-top:		2px solid black;
}
.overview-title {
	margin-top:20px;
	font-size:24px;
}
.overview-subtitle-box {
	border-bottom:	2px solid black;
	padding-bottom:	10px;
}
h4.overview-subtitle {
	font-size:12px;
	letter-spacing:2px;
}
.overview-copy {
	margin-top:30px;
	padding-bottom:20px;
	border-bottom:	2px solid black;
	font-size:20px;
	line-height:120%;
	margin-bottom:20px;
}
.contact-icons {
	margin-bottom:20px;
}
.contact-icon {
	display:block;
	margin-right:20px;	
}
.contact-icon img {
	max-height:20px;
}
.overview-hero {
	position:relative;
	background-color:#EAE9E7;
	margin-bottom:12px;
	width:100%;
}
/* This makes the hero container scale at 16:9 becauser 9/16 = 0.5625, and padding-top is calculated as a percentage of width. */
.overview-hero::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}
.hero-controls {
	cursor:pointer;
	z-index:98;
	width:42px;
	height:75px;
	position:absolute;
	top:0; bottom:0;
	margin:auto;
	background-repeat	: no-repeat;
	background-position	: center center;
	background-color: rgba(44,44,44,0.25);
}
.hero-controls:hover {
	background-color: rgba(44,44,44,0.5);
}
#hero-prev	{
	background-image:url(../../../../../themes/default/images/chevron-left.png);
	left:0;
	-webkit-border-top-right-radius: 		4px;
		-moz-border-top-right-radius: 		4px;
			border-top-right-radius: 		4px;
	-webkit-border-bottom-right-radius: 	4px;
		-moz-border-bottom-right-radius: 	4px;
			border-bottom-right-radius: 	4px;
}
#hero-next	{
	background-image:url(../../../../../themes/default/images/chevron-right.png);
	right:0;
	-webkit-border-top-left-radius: 		4px;
		-moz-border-top-left-radius: 		4px;
			border-top-left-radius: 		4px;
	-webkit-border-bottom-left-radius: 		4px;
		-moz-border-bottom-left-radius: 	4px;
			border-bottom-left-radius: 		4px;
}

.overview-hero-inner img {
	position:absolute;
	top:0; bottom:0; right:0; left:0;
	margin:auto;
	max-height:100%;
	max-width:100%;
}

#thumbs {
	margin:20px 0;
	position:relative;
	padding:0 30px;
}
.thumbs-nav {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	max-height:100%;
	cursor	: pointer;
	padding	: 0;
	width 	: 20px;
	background-color	: #CACACA;
	background-repeat	: no-repeat;
	background-position	: center center;
}
.thumbs-nav:hover {
	background-color:#959595; 
}
#thumbs-prev { left:0; }
#thumbs-next { right:0; }
#thumbs-container {
	position:relative;
	width:100%;
	height:auto;
	-webkit-overflow-scrolling: touch;
	overflow-x:hidden;
	white-space: nowrap;
	line-height:0;
	font-size:0;
}
#thumbs-container::-webkit-scrollbar {
	display: none;
}
.thumb {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	cursor:pointer;
	line-height:0;
	font-size:0;
	display:inline-block;
	vertical-align:top;
	margin-right:1%;
	width:13.4285714286%; /* == (100-1*6)/7 */
}
.thumb:last-child {
	margin-right:0;
}
.thumb-padder {
	padding-top:100%;
	height:0;
}

@media all and (max-width: 1300px) {
	.content {
		padding-left:20px;
		padding-right:20px;
	}
}
@media all and (max-width: 1200px) {
	.thumb {
		margin-right:1.1%;
		width:15.75%;
	}	
}
@media all and (max-width: 1020px) {
	.overview-left 			{	width:27%;		}
	.overview-right 		{	width:73%;		}
	.overview-right-inner 	{	padding-left:4%; 	}
}
@media all and (max-width: 1000px) {
	.thumb {
		width:18.8%;
		margin-right:1.5%;
	}
}
@media all and (max-width: 880px) {
	.thumb {
		margin-right:1.1%;
		width:15.75%;
	}	
	.overview-left 			{	width:100%;		}
	.overview-right 		{	width:100%;		}
	.overview-right-inner 	{	padding-left:0; 	}	
}
@media all and (max-width: 750px) {
	.thumb {
		width:18.8%;
		margin-right:1.5%;
	}	
}
@media all and (max-width: 650px) {
	.overview-title-box {
		min-height:initial;
	}
}
@media all and (max-width: 550px) {
	.thumb {
		width:23.875%;
	}
}
@media all and (max-width: 420px) {
	.thumb {
		width:32%;
		margin-right:2%;
	}	
}