@font-face {
	font-family: 'proxima_bold';
	src: url('/assets/fonts/mark_simonson_-_proxima_nova_bold-webfont.eot');
	src: url('/assets/fonts/mark_simonson_-_proxima_nova_bold-webfont.eot') format('embedded-opentype'),
	url('/assets/fonts/mark_simonson_-_proxima_nova_bold-webfont.woff') format('woff'),
	url('/assets/fonts/mark_simonson_-_proxima_nova_bold-webfont.ttf') format('truetype'),
	url('/assets/fonts/mark_simonson_-_proxima_nova_bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'proxima_regular';
	src: url('/assets/fonts/mark_simonson_-_proxima_nova_regular-webfont.eot');
	src: url('/assets/fonts/mark_simonson_-_proxima_nova_regular-webfont.eot') format('embedded-opentype'),
	url('/assets/fonts/mark_simonson_-_proxima_nova_regular-webfont.woff') format('woff'),
	url('/assets/fonts/mark_simonson_-_proxima_nova_regular-webfont.ttf') format('truetype'),
	url('/assets/fonts/mark_simonson_-_proxima_nova_regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'proxima_semibold';
	src: url('/assets/fonts/mark_simonson_-_proxima_nova_semibold-webfont.eot');
	src: url('/assets/fonts/mark_simonson_-_proxima_nova_semibold-webfont.eot') format('embedded-opentype'),
	url('/assets/fonts/mark_simonson_-_proxima_nova_semibold-webfont.woff') format('woff'),
	url('/assets/fonts/mark_simonson_-_proxima_nova_semibold-webfont.ttf') format('truetype'),
	url('/assets/fonts/mark_simonson_-_proxima_nova_semibold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	height:100%;
}

html, button, input, select, textarea {
	color: #222;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font: 16px/26px 'proxima_regular', Arial, Helvetica, Helvetica Neue, Arial;
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/* ---------- Skip Link ---------- */
.skip-link {
	position: absolute;
	top: -40px;
	left: 0;
	background: #000000;
	color: white;
	padding: 8px;
	z-index: 100;
}

.skip-link:focus {
	top: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	vertical-align: middle;
}
a {
	color: #FFF;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
h1 {
	color: #bbbbbb;
	font-family: 'proxima_semibold', Arial, sans-serif;
	font-size: 27px;
	font-weight: normal;
	text-transform: uppercase;
	margin-left: 2%;
}


h1 span.breadcrumb {
	display: block;
	margin-left: 2%;
	font-size: 13px;
}


textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
.wrapper {
	width: 100%;
	margin: 0 0%;
}



.header-container, .footer-container {
	background-image: url(/assets/images/bg-white-85.png);
}




.title {
	color: white;
}
img.logo-ags {
	margin: 10px 0 10px 10px;
}


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

#nav a, #footer a.contact {
	display: block;
	margin-bottom: 0px;
	padding: 10px 10px 6px 45px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'proxima_bold', Arial, sans-serif;
	color: #000;
	border-top: 1px solid #DDD;
}
#footer a.contact {
	border-bottom: 1px solid #DDD;
}
#nav a span.mobile-link-arrow, #footer a.contact span.mobile-link-arrow {
	float :right;
}

#nav a:hover, #nav a:visited {
	color: #000;
}
#nav a:hover {
	text-decoration: none;
}

#nav a {
	background-position: 15px 10px;
	background-repeat: no-repeat;
}
#nav a.leadership, #nav a.leadership-selected { background-image: url(/assets/images/bg-nav-leadership.png); }
#nav a.projects, #nav a.projects-selected { background-image: url(/assets/images/bg-nav-projects.png); }
#nav a.environment, #nav a.environment-selected { background-image: url(/assets/images/bg-nav-environment.png); }
#nav a.community, #nav a.community-selected { background-image: url(/assets/images/bg-nav-community.png); }
#nav a.legacy, #nav a.legacy-selected { background-image: url(/assets/images/bg-nav-legacy.png); }
#footer a.contact {
	background-image: url(/assets/images/bg-nav-contact.png);
	background-position: 15px 10px;
	background-repeat: no-repeat;
}


/* ==============
    MOBILE: Main
   ============== */

.main {
	padding: 0px 0;
	color: #FFF;
}
.home-container {
	position:relative;
}
.mobile-splash {
	position: relative;
	width: 100%;
}
.mobile-splash img {
	width: 100%;
}
.mobile-splash .mobile-heading {
	height: 25px;
	width: 95%;
	padding: 10px 0 10px 5%;
	background-image: url(/assets/images/bg-black-70.png);
	color: #eeaa44;
	font-family: 'proxima_bold', Arial, sans-serif;
	font-size: 20px;
}
.mobile-splash .mobile-text {
	color: #FFF;
	padding: 10px 5% 10px 5%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333');
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
	background: -moz-linear-gradient(top,  #000,  #333);
}

#maximage {
	display: none;
}
.desktop-splash {
	display: none;
}
.main #article {
	margin: 0 10px 0 10px;
}
.main #article h1 {

}
.main #article img {
	width: 100%;
}
.main #aside {
	margin: 0 10px 0 10px;
	font-size: 17px;
}
.main #aside h2 {
	color: #EEAA44;
	font-family: 'proxima_semibold', Arial, sans-serif;
	font-size: 20px;
}
.footer-container #footer {
	color: #bbbbbb;
	padding: 0 0 20px 0;
}

#footer .logos {
	text-align: center;
	padding-top: 20px;
}
#footer .copyright {
	font-family: 'proxima_regular', Arial, sans-serif;
	font-size: 14px;
	text-align: center;
}

.bg-gradient {
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333');
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
	background: -moz-linear-gradient(top,  #000,  #333);*/
	background-image: url(/assets/images/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-color: #333;
}





/* **************************************************************************
   **************************************************************************
   *****								    							*****
   *****				LEADERSHIP STYLES SMALL SCREEN				    *****
   *****								    							*****
   **************************************************************************
   ************************************************************************** */
h1.leadership {
	color: #0088aa;
}


#article .leadership-wrapper,
#aside .leadership-wrapper {
	width: 100%;
	margin-bottom: 55px;
}
#article .leadership-wrapper .leadership-photo,
#aside .leadership-wrapper .leadership-photo {
	width: 100%;
}
#article .leadership-wrapper .leadership-photo img,
#aside .leadership-wrapper .leadership-photo img  {
	width: 100%;
}
#article .leadership-wrapper .leadership-title,
#aside .leadership-wrapper .leadership-title  {
	padding-top: 10px;
	font-family: 'proxima_semibold', Arial, sans-serif;
	font-size: 22px;
}
#article .leadership-wrapper .leadership-subtitle,
#aside .leadership-wrapper .leadership-subtitle {
	position: relative;
	top: -2px;
	font-family: 'proxima_semibold', Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}
#article .leadership-wrapper .leadership-caption,
#aside .leadership-wrapper .leadership-caption  {
	font-size: 13px;
	color: #DDDDDD;
}


#aside .quote-wrapper {
	margin: 40px 0px 40px 0px;
	text-align: left;
}



/* **************************************************************************
   **************************************************************************
   *****								    							*****
   *****				ENVIRONMENT STYLES SMALL SCREEN				    *****
   *****								    							*****
   **************************************************************************
   ************************************************************************** */
h1.environment {
	color: #99aa66;
}
h1.environment span.breadcrumb {
	font-size: 13px;
	color: #bbdd66;
	margin-left: 30px;
}
h1.environment span.breadcrumb a {
	color: #bbdd66;
	text-transform: none;
	text-decoration: none;
}
h1.environment span.breadcrumb a.selected, h1.environment span.breadcrumb a:hover {
	color: #fff;
}

.main {
	min-height: 660px;
}

/* Environment Landing Page */

.environment-landing-wrapper {
	width: 96%;
	margin: 0 2% 55px 2%;
}
.environment-landing-photo {
	width: 100%;
}
.environment-landing-photo img {
	width: 100%;
}
.environment-landing-title {
	padding-top: 10px;
	font-size: 23px;
	font-family: 'proxima_semibold', Arial, sans-serif;
}
.environment-landing-body {

}


/* Environment Other Page */

.environment-other-wrapper {
	width: 96%;
	margin: 0 2% 0 2%;
}
.environment-other-photo {
	width: 100%;
}
.environment-other-photo img {
	width: 100%;
}
.environment-other-title {
	height: 60px;
	line-height: 23px;
	font-size: 19px;
	font-family: 'proxima_semibold', Arial, sans-serif;
}
.first {
	padding-top: 25px;
	height: 35px;
}
.environment-other-title h2 {
	font-weight: normal;
}
.environment-other-body {
	font-size: 13px;
}


.main-container-environment .gallery-wrapper {
	height: 520px;
	overflow: hidden;
}

.main-container-environment .gallery-wrapper .gallery-thumbs-showing {
	display: none;
}

.main-container-environment .gallery-wrapper.no_right_description {
	height: auto;
	height: 592px;
}

.main-container-environment .gallery-wrapper.no_right_description .gallery-description-wrapper {
	height: auto;
}

.main-container-environment .gallery-wrapper .gallery-description-left {
	height: auto !important;
}
/*************???????*****************/
.main-container-environment .gallery-wrapper.no_right_description .left-arrow,
.main-container-environment .gallery-wrapper.no_right_description .right-arrow {
	color: #bbdd66;
	margin-top: 0px;
	top: 0px;
}










/* **************************************************************************
   **************************************************************************
   *****								    							*****
   *****				COMMUNITY STYLES SMALL SCREEN				    *****
   *****								    							*****
   **************************************************************************
   ************************************************************************** */
h1.community {
	color: #aa4466;
}

/* Community Landing Page - general styles. */

.community-title {
	font-size: 23px;
	font-family: 'proxima_semibold', Arial, sans-serif;
	padding-bottom: 10px;
}
.community-wrapper {
	width: 96%;
	margin: 0 2% 0 2%;
}
.community-photo-small {
	width: 30%;
	border: 3px solid #CCC;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}
.community-photo-small:hover,
.community-photo-small.chosen_photo {
	border: 3px solid #eeaa44;
}
.community-photo-small img {
	width: 100%;
}
.community-body {

}


/* these are the styles for the popup photo divs */
.community-popup-wrapper {
	width: 90%;
	margin: 0 5% 0 5%;
	outline: 6px solid #BBB;
	background-color: #000;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	opacity: 1;
	position: absolute;
	visibility: visible;
}
.community-popup-wrapper.hidden_popup {
	opacity: 0;
	visibility: hidden;
}
.community-popup-wrapper.left_side {
	margin-right:4%;
	right: 0%;
}
.community-popup-wrapper.right_side {
	left: 0%;
	margin-left:3%;
}

.community-popup-photo {
	position: relative;
}
.community-popup-title {
	position: absolute;
	bottom: 0;
	height: 50px;
	width: 95%;
	padding: 0 0 0 5%;
	background-image: url(/assets/images/bg-black-70.png);
}
.community-popup-close {
	width: 21px;
	height: 21px;
	position: absolute;
	left: 90%;
	top: 5%;
}
.community-popup-title h3 {
	margin-top: 10px;
	padding-top: 0;
	color: #eeaa44;
	font-size: 21px;
	font-family: 'proxima_semibold', Arial, sans-serif;
	text-transform: uppercase;
}
.community-popup-photo img {
	width: 100%;
}
.community-popup-photocaption {
	color: #f9da99;
	font-size: 16px;
	padding: 10px 10px 10px 5%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background: -moz-linear-gradient(top,  #333,  #000);
}


.community-popup-wrapper.left_side
.community-popup-wrapper.right_side {
	left: auto!important;
	right: auto!important;
	margin: 0!important;
	width: 100%!important;
}





/* **************************************************************************
  **************************************************************************
  *****								    							*****
  *****				LEGACY STYLES SMALL SCREEN					    *****
  *****								    							*****
  **************************************************************************
  ************************************************************************** */
h1.legacy {
	color: #1166bb;
}
h1.legacy  span.breadcrumb {
	color: #FFF;
}
h1.legacy  span.breadcrumb a {
	color: #FFF;
	text-transform: none;
	text-decoration: none;
}
h1.legacy  span.breadcrumb a.selected, h1.legacy  span.breadcrumb a:hover {
	color: #AACCFF;
}

/* main wrapper for content */
.legacy-wrapper {
	position: relative;
	width: 90%;
	margin: 0 5% 0 5%;
}
.legacy-wrapper .title {
	font-family: 'proxima_bold', Arial, sans-serif;
	font-size: 29px;
}
.legacy-wrapper .intro {
	font-family: 'proxima_semibold', Arial, sans-serif;
	font-size: 16px;
}

/* Next and Previous Arrow Links */
.arrow-wrapper {
	padding-bottom: 10px;
	display: none;
}
.legacy-wrapper .left-arrow,
.legacy-wrapper .right-arrow {
	display: block;
	float: left;
	position: relative;
	vertical-align: baseline;

}
.legacy-wrapper .right-arrow {
	float: right;
}

/* these are the styles for the 3 photo divs */
.legacy-content {
	width: 100%;
	margin: 0 0 10px 0;
	outline: 3px solid #BBB;
	background-color: #000;
}
.legacy-content-photo {
	position: relative;
}
.legacy-content-title {
	position: absolute;
	bottom: 0;
	height: 30px;
	width: 95%;
	padding: 0 0 0 5%;
	background-image: url(/assets/images/bg-black-70.png);
}
.legacy-content-title h2 {
	margin-top: 5px;
	padding-top: 0;
	color: #eeaa44;
	font-size: 14px;
	font-family: 'proxima_semibold', Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
.legacy-content-photo img {
	width: 100%;
}
.legacy-content-photocaption {
	color: #f9da99;
	font-size: 13px;
	padding: 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background: -moz-linear-gradient(top,  #333,  #000);
}

/* This is the BOTTOM NAVIGATION */
#legacy-nav {
	display: none;
}

















/* these are the styles for the quote on bottom of page */
.quote-wrapper {
	text-align: center;
	margin: 40px 80px 40px 80px;
}
.quote-wrapper .quote {
	color: #eeaa44;
	font-size: 20px;
	font-family: 'proxima_semibold', Arial, sans-serif;
	font-style: italic;
	line-height: 20px;
}
.quote-wrapper .name {
	color: #FFFFFF;
	line-height: 15px;
	font-size: 15px;
	margin-top: 10px;
}
.quote-wrapper .from {
	color: #aaaaaa;
	font-size: 11px;
}















@media only screen and (min-width: 768px) {

	.wrapper {
		width: 960px; /* 1140px - 10% for margins */
		margin: 0 auto;
	}

	/* **** HOMEPAGE STYLES ONLY ****/

	.home-container {
		min-height: 100%;
		position:relative;
	}
	.mobile-splash, .main .mobile-text {
		display: none;
	}
	#maximage {
		display: block;
	}
	.desktop-splash {
		position: relative;
		display: block;
	}
	.desktop-splash .desktop-text-container {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 35px 0 55px 0;
		background-image: url(/assets/images/bg-black-70.png);
	}
	.desktop-splash .desktop-text {
		color: #ffffff;
		font-family: 'proxima_regular', Arial, sans-serif;
		font-size: 18px;
	}
	.desktop-splash .desktop-text p {
		margin: 0;
		padding: 0;
	}
	.desktop-splash .desktop-text  .desktop-heading {
		color: #eeaa44;
		font-family: 'proxima_semibold', Arial, sans-serif;
		font-size: 30px;
	}
	h1 {
		margin-left: 0;
	}
	h1 span.breadcrumb {
		margin-left: 30px;
		display: inline;
	}

	img.logo-ags {
		margin: 20px 0 0 10px;
	}


	#nav {
		float: right;
		width: 80%;
		border-left: 3px solid #eee;
	}
	#nav a {
		float: left;
		width: 22%;
		width: 17%;
		margin: 0;
		text-align: center;
		border: none;
		padding: 45px 10px 20px 10px;
		background-position: center 20px;
		background-repeat: no-repeat;
		font-size: 15px;
	}
	#nav li:first-child a {
		margin-left: 0;
	}
	#nav li:last-child a {
		margin-right: 0;
	}
	#nav a span.mobile-link-arrow {
		display: none;
	}
	#nav a.leadership:hover { color: #0c89ab; }
	#nav a.projects:hover { color: #FF8833; }
	#nav a.environment:hover { color: #BBDD66; }
	#nav a.community:hover { color: #aa4466; }
	#nav a.legacy:hover { color: #2255CC; }

	#nav a.leadership-selected { color: #0c89ab; }
	#nav a.projects-selected { color: #CC6633; }
	#nav a.environment-selected { color: #99AA66; }
	#nav a.community-selected { color: #AA4466; }
	#nav a.legacy-selected { color: #224488; }

	#nav ul li { display: inline; }
	.oldie #nav a { margin: 0 0.7%; }




	.main {
		min-height: 730px;
	}

	.main #article, .main #article {
		display: block;
		float: left;
		width: 66%;
		margin: 0;
	}


	.main #aside, .main #aside {
		float: right;
		width: 30%;
		margin: 260px 0 0 0;
		font-family: 'proxima_regular', Arial, sans-serif;
		color: #DDDDDD;
	}
	.main #aside p b {
		font-family: 'proxima_semibold', Arial, sans-serif;
	}
	.footer-container {
		background-color: #FFF;
	}
	.footer-container #footer {
		position: relative;
		height: 70px;
		padding: 0;
	}
	.footer-container #footer .logos {
		position: absolute;
		top: 10px;
		left: 270px;
		width: 185px;
		padding: 0;
	}
	.footer-container #footer .copyright {
		position: absolute;
		top: 20px;
		left: 0px;
		width: 270px;
		font-family: 'proxima_regular', Arial, sans-serif;
		font-size: 11px;
		text-align: left;
	}
	.footer-container #footer a.contact {
		position: absolute;
		top: 0px;
		left: 750px;
		width: 115px;
		background-image: url(/assets/images/bg-nav-contact.png);
		background-position: 15px 10px;
		background-repeat: no-repeat;
		border: none;
	}
	.footer-container #footer a.contact span.mobile-link-arrow {
		display: none;
	}





	/* **************************************************************************
	   **************************************************************************
	   *****								    							*****
	   *****				LEADERSHIP STYLES lARGE SCREEN				    *****
	   *****								    							*****
	   **************************************************************************
	   ************************************************************************** */
	#article .leadership-wrapper {
		float: left;
		width: 240px;
		margin-right: 80px;
		margin-bottom: 35px;
	}
	#aside .leadership-wrapper {
		width: 240px;
	}

	.main #aside.leadership {
		margin-top: 73px;
	}








	/* **************************************************************************
	   **************************************************************************
	   *****								    							*****
	   *****				ENVIRONMENT STYLES lARGE SCREEN				    *****
	   *****								    							*****
	   **************************************************************************
	   ************************************************************************** */

	/* Environment Landing Page */
	.environment-landing-wrapper {
		float: left;
		width: 48%;
		margin: 0 4% 40px 0;
	}

	.main-container-environment {
		min-height: 0 !important;
	}

	/* Environment Other Page */
	.environment-other-wrapper {
		float: left;
		width: 30%;
		margin: 0 4% 40px 0;
	}
	.last {
		margin-right: 0;
	}


	.main-container-environment .gallery-wrapper.no_right_description .gallery-description-showing {
		margin-top: -120px !important;
	}
	.main-container-environment .gallery-wrapper.no_right_description {
		height: 532px;
	}


	.main-container-environment .gallery-wrapper.no_right_description .gallery-description-wrapper {
		height: 111px;
	}

	.main-container-environment .gallery-wrapper .gallery-description-left {
		height: 110px !important;
	}

	.main-container-environment .gallery-wrapper.no_right_description .left-arrow,
	.main-container-environment .gallery-wrapper.no_right_description .right-arrow {
		color: #bbdd66;
		margin-top: -240px;
	}

	.main-container-environment .gallery-wrapper .left-arrow {
		background-image: url("/assets/images/bg-environment-arrow-left.png");
	}
	.main-container-environment .gallery-wrapper .right-arrow {
		background-image: url("/assets/images/bg-environment-arrow-right.png");
	}

	.main-container-environment .gallery-wrapper .gallery-thumb-wrapper .gallery-thumb.current,
	.main-container-environment .gallery-wrapper .gallery-thumb-wrapper .gallery-thumb:hover {
		border-color: #bbdd66;
	}









	/* **************************************************************************
	   **************************************************************************
	   *****								    							*****
	   *****				COMMUNITY STYLES lARGE SCREEN				    *****
	   *****								    							*****
	   **************************************************************************
	   ************************************************************************** */

	/* Community Landing Page */
	.community-wrapper {
		float: left;
		width: 48%;
		margin: 0 4% 0 0;
	}

	.community-popup-wrapper.left_side
	.community-popup-wrapper.right_side {
		left: auto!important;
		right: auto!important;
		margin: 0!important;
		width: 100%!important;
	}
	.community-popup-wrapper.left_side {
		right: 50%;
	}
	.community-popup-wrapper.right_side {
		left: 50%;
	}
	.last {
		margin-right: 0;
	}

	.community-popup-wrapper {
		width: 400px;
		outline: 6px solid #BBB;
		margin-bottom: 20px;
	}


	/* **************************************************************************
	  **************************************************************************
	  *****								    							*****
	  *****				LEGACY STYLES lARGE SCREEN					    *****
	  *****								    							*****
	  **************************************************************************
	  ************************************************************************** */
	h1.legacy span.breadcrumb {
		display: none;
	}

	/* main wrapper for content */
	.legacy-wrapper {
		position: relative;
		width: 960px;
		height: 540px;
		margin: 0;
		background-image: url(/media/legacy/legacy-splash.jpg);
		background-repeat: no-repeat;
	}

	.legacy-content {
		width: 90%;
		margin: 0 5% 0 5%;
	}

	.legacy-wrapper .title {
		position: absolute;
		top: 190px;
		left: 125px;
		width: 700px;
	}
	.legacy-wrapper .intro {
		position: absolute;
		top: 210px;
		left: 125px;
		width: 700px;
		font-size: 20px;
	}


	/* Next and Previous Arrow Links */
	.arrow-wrapper {
		padding-bottom: 0px;
		display: block;
	}
	.legacy-wrapper .left-arrow,
	.legacy-wrapper .right-arrow {
		display: block;
		width: 100px;
		height: 100px;
		float: left;
		position: relative;
		vertical-align: baseline;
		background-repeat: no-repeat;
		background-position: 15px 15px;

		/* POSITION THE ARROWS */
		margin-top: 240px;
	}
	.legacy-wrapper .left-arrow {
		background-image: url(/assets/images/bg-legacy-arrow-left.png);
	}
	.legacy-wrapper .right-arrow {
		background-image: url(/assets/images/bg-legacy-arrow-right.png);
		float: right;
	}
	.legacy-wrapper .left-arrow span, .legacy-wrapper .right-arrow span {
		display: none;
		text-transform: uppercase;
	}



	/* This is the BOTTOM NAVIGATION */
	#legacy-nav {
		display: block;
		width: 100%;
		padding: 7px 0 0 0;
		height: 47px;
		background-color: #224488;
		box-sizing: border-box;

	}

	#legacy-nav * {
		box-sizing: border-box;
	}
	ul.legacy-navigation {
		padding: 0;
		margin: 0;
		width: 100%;
		text-align: center;
		list-style-type: none;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		justify-content: space-around;
		justify-content: space-evenly;
	}
	ul.legacy-navigation li {
		display: inline-block;
	}
	ul.legacy-navigation li a {
		display: inline-block;
		font-family: 'proxima_bold', Arial, sans-serif;
		font-size: 29px;
		color: #FFF;
		text-decoration: none;
		margin: 0 auto 0 auto;
	}
	ul.legacy-navigation li a:hover, ul.legacy-navigation li a.selected {
		color: #eeaa44;
	}


	/* these are the styles for the 3 photo divs */
	.legacy-content {
		height: 390px;
		width: 240px;
		outline: 3px solid #BBB;
		margin: 0 0 20px 0;
	}

	.legacy-wrapper .panel1 {
		position: absolute;
		top: 79px;
		left: 106px;
	}
	.legacy-wrapper .panel2 {
		position: absolute;
		top: 79px;
		left: 361px;
	}
	.legacy-wrapper .panel3 {
		position: absolute;
		top: 79px;
		left: 616px;
	}
	.legacy-wrapper .legacy-content-photocaption p {
		margin: 0;
		padding: 0;
	}






}







@media only screen and (min-width: 1065px) {
	.wrapper {
		width: 960px; /* 1140px - 10% for margins */
		margin: 0 auto;
	}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow:none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

a.editLink {
	text-decoration: none !important;
	color: #fff;
	font-size: 90%;
	margin-left: 5px;
	text-transform: lowercase;
}

a.editLink:hover {
	text-decoration: underline !important;
}