.page-title {
	background: url('../images/areas-we-serve-title-bg.jpg') top center;
}

.areas-we-serve {
	background: #dff7fb url('../images/shell-content-bg.jpg') top center no-repeat;
}
.areas-we-serve .areas-we-serve-content {
	height: 394px;
	padding: 70px 0 0;
	font-size: 16px;
}
.areas-we-serve .areas-we-serve-content img {
	float: right;
	margin: -70px 0 0 20px;
	width: 495px;
	max-width:100%;
	height: 394px;
}
.areas-we-serve .areas-we-serve-content h1 {
	font-size: 60px;
	text-transform: none;
	margin: 0 0 40px;
}

.areas-we-serve-list {
	padding: 0 0 60px;
}
.areas-we-serve-list .list-area {
	float: left;
	display: inline-block;
	background: #FFFFFF;
	padding: 32px 25px;
	margin: 0 20px 22px 0;
	width: 577px; 
	max-width:100%;
	font-size: 16px;
}
.areas-we-serve-list .list-area-image {
	display: inline-block;
	float: left;
	width: 212px;
	height: 180px;
	margin: 0 27px 0 0;
}
.areas-we-serve-list .list-area-image img {
	width: 212px;
	height: 180px;
}
.areas-we-serve-list .list-area-name h3 {
	font-size: 32px;
	margin: 0 0 30px;
}
.areas-we-serve-list .list-area a {
	font-family: 'Futura Medium Condensed';
	font-weight: bold;
	color: #0b4f97;
	text-decoration: none;
}


.area-intro {
	margin: 0 0 20px;
}
.area-intro h1 {
	text-transform: none;
	font-size: 60px;
	margin: 0 0 40px;
}
.area-intro .area-intro-content {
	float: left;
	background: #FFFFFF;
	padding: 85px 40px;
	width: 610px;
}
.area-intro .area-intro-slideshow {
	float: right;
	width: 540px;
	margin: 85px 0 0;
}
.area-intro .area-intro-slideshow .gv_galleryWrap {
	padding: 0 !important;
}

.area-things-to-do {
	background: #FFFFFF;
	padding: 40px;
	margin: 0 0 20px;
}
.area-things-to-do-content {
	float: left;
	width: 620px;
}
.area-things-to-do h1 {
	font-size: 46px;
	text-transform: none;
	margin: 0 0 40px;
}
.area-things-to-do .area-map-location {
	background: #DFDFDF;
	float: right;
	display: block;
	width: 500px;
	height: 400px;
}

.area-listings {
}
.area-listings-content {
	border-bottom: 9px solid #0b4f97;
	background: #FFFFFF;
	padding: 0 0 40px;
}
.area-listings h1 {
	background: #0b4f97;
	color: #FFFFFF;
	text-transform: none;
	display: inline-block;
	line-height: 84px;
	font-size: 48px;
	padding: 0 86px 0 36px;
	margin: 0 0 40px;
}

.area-listings .view-more-listings {
	padding: 40px 0;
	text-align: center;
}
.area-listings .view-more-listings a {
	display: inline-block;
	background: #0b4b8a;
	color: #FFFFFF;
	font-family: 'Futura Medium Condensed';
	font-size: 28px;
	text-align: center;
	height: 49px;
	line-height: 49px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	text-decoration: none;
	padding: 0 40px;
}

@media screen and (max-width: 1200px) {
	.areas-we-serve .areas-we-serve-content {
		height: auto;
	}
	.areas-we-serve-list {
		width: 577px;
		max-width:100%;
		margin: 0 auto;
	}
	.areas-we-serve-list .list-area {
		margin: 0 0 20px;
	}


	.area-intro .area-intro-content {
		width: 100%;
		margin: 0 0 40px;
	}
	.area-intro .area-intro-slideshow {
		float: none;
		text-align: center;
	}
	.area-things-to-do .area-things-to-do-content {
		float: none;
		width: 100%;
		margin: 0 0 40px;
	}
	.area-things-to-do .area-map-location {
		clear: both;
		float: none;
		margin: 0 auto;
		width: 100%;
	}
}

@media screen and (max-width: 980px) {
.areas-we-serve .areas-we-serve-content {height:auto;}
	.areas-we-serve .areas-we-serve-content {
		text-align: center;
		margin: 0 0 40px;
	}
	.areas-we-serve .areas-we-serve-content img {
		float: none;
		clear: both;
	}
	.areas-we-serve-list .list-area {
		width: 100%;
		margin: 0 0 20px;
	}

	.area-intro {
		text-align: center;
	}
	.area-intro .area-intro-content {
		padding: 40px;
	}
	.area-intro .area-intro-content h1 {
		font-size: 30px;
		margin: 0 0 20px;
	}
	.area-intro .area-intro-slideshow {
		max-width: 100%;
	}
	.area-intro .area-intro-slideshow img {
		max-width: 100%;
	}

	.area-things-to-do {
		text-align: center;
	}
	.area-things-to-do h1 {
		font-size: 30px;
		margin: 0 0 20px;
		line-height: 1em;
	}
	.area-listings {
		text-align: center;
	}
	.area-listings h1 {
		display: block;
		margin: 0 -40px 40px -36px;
		text-align: center;
		padding: 0;
		font-size: 30px;
	}
}

@media screen and (max-width: 768px) {
.areas-we-serve-list .list-area{padding-bottom:0px;}
.areas-we-serve-list a{float:left; display:block; width:100%; }
.areas-we-serve-list div{float:left; width:100% !important; padding-top:20px;}
.areas-we-serve-list .list-area-name {
}
	.area-listings .view-more-listings a span {
		display: none !important;
	}
}