html {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
*, *:before, *:after {
   -webkit-box-sizing: inherit;
   -moz-box-sizing: inherit;
   box-sizing: inherit;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
}

.clear { clear: both !important; }
.mobile-only { display: none !important; }

h3 {
	font: 40px "crimson_italic", Arial;
	text-align: center;
}

#page_container {
	width: 954px;
	margin: 0px auto;
	position: relative;
	z-index: 50;
}

#aonb {
	position: absolute;
	left: 26px;
	z-index: 10;
}

/*
 *	NAVIGATION
 *	______________________________
 *
 */
 
#navigation {
	border-bottom: 4px solid #fcc000;
	height: 60px;
	text-align: center;
	position: absolute;
	width: 100%;
	z-index: 10;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navigation ul li {
	display: inline-block;
}

#navigation ul li:first-child {
	margin-left: 170px;
}

#navigation ul li:last-child {
	margin-right: 0px;
}

#navigation ul li a {
	font: 11px "montserratregular", Arial;
	display: block;
	text-transform: uppercase;
	color: #000000;
	padding: 23px 14px 23px 14px;
}

#navigation ul li.parent {
    position: relative;
}

/* Sub navigation */
#navigation .sub-nav-wrap {
    display: none;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1000;
    background-color: #FFF;
    border-bottom: 4px solid #fcc000;
    min-width: 180px;
}

#navigation .sub-nav-wrap ul li:first-child {
    margin-left: 0;
}

#navigation .sub-nav-wrap ul li {
    display: block;
    float: none;
    width: 100%;
}

#navigation .sub-nav-wrap ul li a {
    padding: 15px 44px 15px 44px;
    border-bottom: 1px solid #fcc000;
}

#navigation .sub-nav-wrap ul li:last-child a {
    border: none;
}



/*
 *	PAGE BACKGROUND SLIDESHOWS
 *	______________________________
 *
 */

#page-bg {
	position: absolute;
	z-index: -1;
	top: 60px;
	width: 100%;
	min-height: 1116px;
	background: #ffffff url(../images/page-bg.jpg) top center no-repeat;
	background-size: cover;
}

#banner {
	height: 536px;
}


/*
 *	CONTENT CONTAINERS
 *	______________________________
 *
 */
 
.intro {
	width: 100%;
	margin-bottom: 20px;
}

.intro-container {
	background-color: #fcc000;
	padding: 50px 0px 50px 0px;
	color: #ffffff;
}

.intro-btm {
	width: 100%;
	height: 61px;
	background: transparent url(../images/intro-bg.png) top center no-repeat;
	background-size: cover;
}

#page-container {
	background-color: #ffffff;
	min-height: 400px;
}

#page-container .center-content {
	text-align: left;
}

#side-column {
	/*width: 242px;*/
    width: 220px;
	float: left;
	padding-left: 46px;
	padding-top: 82px;
}

#content-column {
	/*width: 666px;*/
    width: 715px;
	float: right;
	padding-top: 82px;
	padding-right: 46px;
}


/*
 *	CONTENT STYLES
 *	______________________________
 *
 */

#side-column h1 {
	font: 18px "montserratregular", Arial;
	margin-top: 0px;
	text-transform: uppercase;
}

#side-column .sub-navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#side-column .sub-navigation ul li a {
	padding: 42px 0px 19px 0px;
	font: 11px "montserratregular", Arial;
	display: block;
	text-transform: uppercase;
	color: #000000;
	background: #ffffff url(../images/sub-nav-bg.png) bottom left no-repeat;
}

#content-column .first-para {
	margin-top: 0px;
	font: 28px "crimson_roman", Arial;
}

#side-column .back_button {
	background-color: #fcc000;
	color: #ffffff;
	padding: 8px 16px;
	text-transform: uppercase;
	font: 11px "montserratregular", Arial;
	margin: 10px 0px;
	display: inline-block;
}

#side-column .news-image img {
	/*width: 196px;
	height: 196px; */
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}

#news_list ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#news_list ul li {
	clear: both;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #000;
	display: block;	
	height: 120px;
}

#news_list ul li:last-child {
	border-bottom-width: 0px;
}

#news_list ul li a {
	color: #000000;
	display: block;
}

#news_list li .image {
	width: 100px;
	height: 100px;
	margin-right: 20px;
	float: left;
}

#news_list li .image img {
	width: 100px;
	height: 100px;	
}

#news_list li .title {
	font: 16px "montserratregular", Arial;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#news_list li .date {
	font-size: 14px;
}

#news_article h2 {
	font: 28px "crimson_italic", Arial;
	margin: 0px;
}

#news_article .date {
	font: 16px "crimson_italic", Arial;
}


.previous_year_list ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.previous_year_list ul li a {
	color: #000000;
	padding: 10px 0px;
	display: block;
}

.previous_year_list ul li a.selected {
	color: #fcc000;
}


/*
 *	FEATURES
 *	______________________________
 *
 */

.feature {
	width: 290px;
	position: relative;
	vertical-align: top;
	margin-right: 20px;
	text-align: left;
	display: inline-block;
	border-bottom: 4px solid #fcc000;
	min-height: 442px;
	margin-bottom: 20px;
	background-color: rgba( 244, 244, 244, 0.9 );	
}

.feature:first-child { margin-left: 10px; }
.feature:last-child { margin-right: 0px; }
.feature.no-border { 
	border-bottom-width: 0px;
	box-shadow: 0px 6px 10px rgba( 0, 0, 0, 0.2 );
}

.feature .heading {
	background-color: #fcc000;
	font: 11px "montserratregular", Arial;
	color: #000000;
	text-align: left;
	text-transform: uppercase;
	padding: 11px 11px 11px 24px;
	position: absolute;
}

.feature .date {
	padding: 30px 11px 11px 24px;
	font: 11px "montserratregular", Arial;
	color: #000000;
	text-transform: uppercase;
	position: absolute;
	top: 196px;
	width: 100%;
	height: 61px;
	background-color: rgba( 244, 244, 244, 0.9 );	
}

.feature .title {
	width: 100%;
	font: 24px "crimson_italic", Arial;
	padding: 11px 11px 11px 24px;
	position: absolute;
	top: 255px;
}

.feature .image {
    height: 257px;
    overflow: hidden;
}

.feature .image img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}

.feature h4 {
	display: block;
	position: static;
}

.feature.wwlp h4 {
	margin: 0px;
	padding: 153px 30px 0px 30px;
	background: transparent url(../images/wwlp-icon.png) 10px 44px no-repeat;
	font: 22px "crimson_roman", Arial;
}

.feature hr {
	border-width: 0px;
	border-top-width: 3px;
	width: 25px;
	text-align: left;
	margin: 30px;
}

.feature.wwlp hr {
	border-top-color: #84a00c;
}

.feature.downtothecoast hr {
	border-top-color: #4ec1ea;
}

.feature.wildonwight hr {
	border-top-color: #e34e13;
}

.feature.downtothecoast h4 {
	margin: 0px;
	padding: 153px 30px 0px 30px;
	background: transparent url(../images/downtothecoast-icon.png) 10px 44px no-repeat;
	font: 22px "crimson_roman", Arial;
}

.feature.wildonwight h4 {
	margin: 0px;
	padding: 153px 30px 0px 30px;
	background: transparent url(../images/wildonwight-icon.png) 10px 44px no-repeat;
	font: 22px "crimson_roman", Arial;
}

.feature p {
	padding: 0px 30px 50px 30px;
}

.feature .link {
	position: absolute;
	bottom: 0px;
	width: 100%;
	font: 11px "montserratregular", Arial;
	text-transform: uppercase;
	padding: 13px 13px 11px 13px;
}

.feature a {
	color: #000000;
	display: block;
	height: 100%;
}
.feature .link a {
	color: #ffffff;
	display: block;
}

.feature.wwlp .link {
	background-color: #84a00c;
}

.feature.downtothecoast .link {
	background-color: #4ec1ea;
}

.feature.wildonwight .link {
	background-color: #e34e13;
}


/*
 *	CONTENT
 *	______________________________
 *
 */
 
#strapline {
	position: absolute;
	top: 260px;
	left: 46px;
}

#strapline .strapline,
#strapline h1 {
	margin: 0px;
	padding: 0px 200px 0px 0px;
	font: 37px "crimson_roman", Arial;
	color: #ffffff;
	text-shadow: 0px 0px 10px rgba( 0, 0, 0, 1 );
	text-align: left;
	line-height: 70px;
}

#strapline .strapline span,
#strapline h1 span {
	font-size: 83px;
	line-height: 80px;
	display: inline-block;
}
 
 
.center-content {
	width: 954px;
	position: relative;
	margin: 0px auto;
	font: 15px "montserratlight", Arial;
	text-align: center;
}

.center-content .first-para {
	font: 28px "crimson_roman", Arial;
}

.features {
	position: relative;
}




/*
 *	PROJECTS
 *	______________________________
 *
 */
 
.projects {
	width: 100%;
	height: 400px;
	margin-top: 60px;
	background: transparent url(../images/projects-bg.jpg) top center no-repeat;
	background-size: cover;
	position: relative;
} 

.project {
	text-align: left;
}

.project.grey {
	background: #e1e1e1 url(../images/grey-bg.jpg) top right no-repeat;
	color: #000000;
}

.project.grey a {
	color: #000000;
}

.project.green {
	background: #47755c url(../images/green-bg.jpg) top right no-repeat;
	color: #ffffff;
}

.project.green a {
	color: #ffffff;
}

.project.grey h3,
.project.grey h4 {
	background: transparent url(../images/green-arrow.png) 22px 24px no-repeat;
	padding: 80px 0px 0px 22px;
	margin: 0px;
	font: 28px "crimson_roman", Arial;
	text-align: left;
}

.project.green h3,
.project.green h4 {
	background: transparent url(../images/white-arrow.png) 22px 24px no-repeat;
	padding: 80px 0px 0px 22px;
	margin: 0px;
	font: 28px "crimson_roman", Arial;
	text-align: left;
}

.project.gallery .image {
	position: absolute;
	top: 0px;
	right: 0px;
}

.project p {
	font: 14px "montserratlight", Arial;
	padding: 22px 22px 0px 22px;
	margin: 0px;
}

.project.gallery p {
	padding-right: 340px;
}

.projects .our-projects {
	width: 642px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.projects .meet-the-team {
	width: 312px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 642px;
}
.projects .gallery {
	width: 642px;
	height: 200px;
	position: absolute;
	top: 200px;
	left: 0px;
}
.projects .planning {
	width: 312px;
	height: 200px;
	position: absolute;
	top: 200px;
	left: 642px;
}


/*
 *	FOOTER
 *	______________________________
 *
 */
 
.footer {
	background: #619077 url(../images/footer-bg.jpg) top center no-repeat;
	background-size: cover;
	width: 100%;
	height: 500px;
	padding-top: 200px;
	font: 13px "montserratregular";
	color: #ffffff;
}

body.home .footer {
	margin-top: -150px;
}

.footer .partners, 
.footer .info, 
.footer .contact {
	text-align: left;
	margin-right: 20px;
	width: 290px;
	font: 11px "montserratregular", Arial;
	float: left;
	padding-left: 13px;margin-left: 20px; 
}
.footer .info { padding-left: 0px; margin-right: 0px;}
.footer .contact { }
.footer .partners { float: left; margin-left: 20px; padding-left: 0px;  margin-right: 0px; }
.footer label {
	font: 11px "montserratregular", Arial;
	text-transform: uppercase;
}
.footer .info #email-signup {
	border: 1px solid #ffffff;
	background-color: transparent;
	font: 13px "montserratlight", Arial;
	color: #ffffff;
	padding: 8px;
	width: 200px;
}
.footer .info #email-signup-btn {
	border-width: 0px;
	background-color: #e0e0e0;
	font: 11px "montserratregular", Arial;
	text-transform: uppercase;
	color: #447259;
	padding: 8px;
	width: 200px;
	text-align: left;
	cursor: pointer;
}

.footer .info .credit {
	font: 10px "montserratlight", Arial;
	text-transform: uppercase;
	margin-top: 20px;
}
.footer .info .credit a {
	color: #ffffff;
}

/*
 *	TOOLS
 *	______________________________
 *
 */
 

#tools {
	position: fixed;
	top: 147px;
	right: 0px;
	z-index: 500;
}

.fa.fa-search,
#tools .fa {
	background-color: #fcc000;
	color: #ffffff;
	font-size: 20px;
	padding: 8px;
	margin-bottom: 2px;
	display: block;
	text-align: center;
	width: 38px;
	height: 38px;
}

#tools .fa a {
	display: block;
	background-color: rgba( 255, 0, 0, 0.5 );
}

.fa.fa-search {
	position: fixed;
	top: 107px;
	right: 0px;
	z-index: 500;
	background-color: #49785f;
	cursor: pointer;
}

.search-field {
	position: fixed;
	top: 107px;
	right: -338px;
	z-index: 500;
}
.search-field input[type=text] {
	border-width: 0px;
	background-color: #6d937f;
	font: 20px "montserratlight", Arial;
	padding: 8px;
	height: 38px;
	width: 300px;
	position: absolute;
	top: 0px;
	right: 38px;
	color: #ffffff;
}
.search-field button {
	border-width: 0px;
	background-color: #49785f;
	color: #ffffff;
	font: 16px "montserratlight", Arial;
	height: 38px;
	width: 38px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.projects .social-box {
    position: absolute;
    height: 200px;
    width: 312px;
    right: 0;
    top: 0;
}

/* Map manager */
#map_front {
	height: 600px;
	width: 100%;
	border: none;
}

.map-wrapper {
	width: 100%;
	margin: 50px 0;
	clear: both;
}

.map-wrapper .map-list,
.map-wrapper .map-container {
	float: left;
}

.map-wrapper .map-list {
	width: 30%;
	height: 600px;
	background-color: #4D6A79;
}

.map-wrapper .map-container {
	width: 70%;
}

.map-wrapper .map-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.map-wrapper .map-list ul li a {
	display: block;
	color: #FFF;
	font-size: 18px;
	padding: 10px 0 10px 20px;
}
.map-wrapper .map-list ul li a.selected {
	background-color: #698c9e;
}