/*
Theme Name: Madrona
*/


/* css for basic items---------------------------------------------------------------------------------------------------*/
html,body {
	width: 100%;
   }
body {
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: #595553;
 	background: #ffffff;
 	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
img {
	padding: 0; 
	margin: 0;
	border: 0;
	}
a,
a:visited,
a:active {
	color: #9f550d;
	text-decoration: none;
	outline: none;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    }
a:hover {
	color: #9f550d;
	text-decoration: none;
	outline: none;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
   	}
ul {
	padding: 0 0 20px 15px;
	margin: 0;
	list-style: url(images/bullet.png);
	}
ul li {
	padding: 0 0 10px 0;
	margin: 0;
	float: none;
	}
ul li ul {
	padding: 15px 0 0 15px;
	}		
ol {
	padding: 0 0 0 15px;
	margin: 0;
	}
ol li {
	padding: 0 0 10px 0;
	margin: 0;
	float: none;
	}
p {
	padding: 0 0 26px 0;
	margin: 0;
	}
i,
em {
	font-style: italic;
	}	
b,
strong {
	}
hr {
	margin: 5px 0 35px 0;
	width: 100%;
	height: 1px;
	border: none;
	border-bottom: 1px solid #000;
	}
h1 {
 	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
	font-size: 60px;
	line-height: 65px;
	font-weight: normal;
	color: #595553;	
	}
h2 {
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
	font-size: 28px;
	line-height: 30px;
	font-weight: normal;
	color: #595553;
	text-transform: uppercase;
	}
h3 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
	font-size: 15px;
	line-height: 16px;
	font-weight: normal;
	color: #595553;
	text-transform: uppercase;
	}
h4 {
	padding: 0px 0 0 0;
	margin: 0 0 0 0;
	font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	color: #595553;
	text-transform: uppercase;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

#outer {
	width: 100%;
  	background: #fff;
   }
.container {
	position: relative;
	padding: 0 1% 0 1%;
	margin: 0 auto 0 auto;
	width: 98%; 
	max-width: 1152px;
  	}
.content {
	display: inherit;
	}
#navbar-container-mobile,
#mobile-search-btn,
#mobile-search,		
.mobile-content {
	display: none;
	}
#content-grid-home {
	position: relative;
	margin: 0 auto 0px auto;
	width: 100%;
	}	
#content-grid {
	position: relative;
	margin: 0 auto 0px auto;
	width: 100%;
	}	

.mobiledragon {
	display: none;
	}
#openseadragon1	{
	display: inherit;
	}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#top {
	width: 100%;
	height: 160px;
	margin: 0 0 4px 0;
	background: #eeeeee;
	}
	#header {
		position: relative;
		margin: 0 auto 0 auto;
		width: 1140px;
		}
		#logo {
			position: absolute;
			top: 40px;
			left: 0;
			}
		#navbar {
			display: inherit;
			position: absolute;
			top: 95px;
			right: 0;
			width: 36px;
			height: 40px;
			background: url(images/menu.png) no-repeat;
			cursor: pointer;
			z-index: 2;
			}		
		#navbar-on {
			display: inherit;
			display: none;
			position: absolute;
			top: 95px;
			right: 0;
			width: 36px;
			height: 40px;
			background: url(images/close.png) no-repeat;
			cursor: pointer;
			z-index: 2;
			}		
	#search {
		position: absolute;
		top: 95px;
		right: 130px;
		}
		#search .text-field-search {
			display: none;
			margin: 0;
			padding: 0 0 0 10px;
			width: 240px;
			height: 40px;
			border: 0;
			background: #dfdede;
			font-size: 20px;
			vertical-align: top;
			border-radius: 0;
			outline: none;
			}
	#search-btn {
		position: absolute;
		top: 95px;
		right: 50px;
		}
		#search-btn .btn-open-search,
		#search-btn .btn-search {
			margin: 0;
			padding: 0 0 0 0;
			width: 80px;
			height: 40px;
			border: 0;
			background: none;
			border-radius: 0;
			-webkit-appearance: none;
			background: #595553;
			font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
			font-size: 12px;
			line-height: 45px;
			font-weight: normal;
			vertical-align: middle;
			text-align: center;
			color: #fff;
			cursor: pointer;
			outline: none;
			}
		#search-btn .btn-search {
			display: none;
			}
#mainnav-container {
	display: none;
	width: 100%;
	background: #eeeeee;
	}
	#mainnav {
		position: relative;
		padding: 21px 0 21px 0;
		margin: 0 auto 0 auto;
		width: 1140px;
		font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
		font-size: 24px;
		line-height: 31px;
		text-transform: uppercase;
		text-align: right;
		}
	#mainnav ul {
		padding: 0;
		list-style: none;
		}
	#mainnav ul li {
		display: block;
		padding: 0;
		}
	#mainnav ul li a {
		color: #9f550d;
		}
	#mainnav ul li a:hover,
	#mainnav ul li a.set,
	#mainnav ul li.current_page_parent a,
	#mainnav ul li.current-page-ancestor a,
	#mainnav ul li.current-menu-item a,
	#mainnav ul li.current_page_item a {
		color: #595553;
		text-decoration: none;
		}

/* --------------------------------------------------------------------------------------------------------------- */
/* css for common text areas ------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.title {
	position: relative;
	height: 234px;
	padding: 104px 0 52px 53px;
	font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
	}
	.title .title-text-top {
		display: none;
		font-size: 120px;
		line-height: 125px;		
		}
	.title .title-text-bottom {
		margin-top: -15px;
		display: none;
		font-size: 120px;
		line-height: 125px;		
		color: #657c40;
		}
	.down-arrow {
		position: absolute;
		bottom: 12px;
		left: 0;
		right: 0;
		width: 26px;
		height: 26px;		
		background: url(images/down-arrow-off.png) no-repeat;
		margin: 0 auto 0 auto;
		cursor: pointer;
		}	
	.down-arrow:hover {
		background: url(images/down-arrow-on.png) no-repeat;
		}	
.message {
	position: relative;
	padding: 110px 0 49px 53px;
	font-family: 'BrandonGrotesque-Regular', 'Open Sans', arial;
	font-size: 30px;
	line-height: 36px;
	}
	.message span {
		color: #657c40;
		}
	.message h1 {
		text-transform: uppercase;
		}
	.message h2 {
		font-family: 'BrandonGrotesque-Regular', 'Open Sans', arial;
		font-size: 30px;
		line-height: 36px;
		text-transform: inherit;
		}
.color-block {
	padding: 37px 12% 30px 12%;
	margin: 0 .5% 12px .5%;
	width: 75%;
	font-size: 17px;
	line-height: 30px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	}
	.color-block p {
		padding: 0;
		}
	.color-block h2 {
		padding: 0 10% 15px 10%;
		font-size: 36px;
		line-height: 36px;
		color: #fff;
		}
	.gray {
		background: #595553;
		}
	.blue {
		background: #296586;
		}
		.blue .btn {
			margin-top: 20px;
			background: #3f7592;
			color: #fff;
			}
			.blue .btn:hover {
				color: #9fbac9;
				}
.photo-right {
	margin: 0 6px 12px 6px;
	width: 1140px;
	max-height: 640px;
	overflow: hidden;
	}
	.photo-right .text {
		padding: 30px 50px 0 30px;
		width: 496px;
		float: left;
		}		
	.photo-right .photo {
		width: 564px;
		float: left;
		}
		.photo-right .photo img {
			width: 100%;
			height: auto;
			}		
.photo-left {
	margin: 0 6px 12px 6px;
	width: 1140px;
	}
	.photo-left .text {
		padding: 30px 50px 0 30px;
		width: 484px;
		float: right;
		}		
	.photo-left .photo {
		width: 564px;
		float: left;
		}		
		.photo-left .photo img {
			width: 100%;
			height: auto;
			}		

/* --------------------------------------------------------------------------------------------------------------- */
/* css for home grid --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.home-boxes-container {
	position: relative;
	margin: 0 0 12px 0;
	width: 100%;	
	}
	.home-boxes-container h2 {
		font-size: 24px;
		color: #fff;
		}	
	.home-boxes {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0 auto 0 auto;
		background: #000;
		}
		.home-boxes .box {
			width: 190px;
			height: 190px;
			float: left;
			background: #595553;
			cursor: pointer;
			transition: all 0.2s linear;
			}
		.home-boxes .box:hover {
			opacity: .6;
			transition: all 0.2s linear;
			}
		.home-boxes .big-box {
			padding: 35px;
			width: 310px;
			height: 310px;
			float: left;
			background: #595553;
			color: #fff;
			cursor: default;		
			}	
	.box-over {
		position: absolute;
		margin: 0 auto 0 auto;
		width: 1140px;
		top: 0;
		left: 0;
		right: 0;
		display: none;
		z-index: 9999;
		cursor: default;
		background: #eeeeee;
		line-height: 28px;
		}
		.box-over .ent-photos {
			width: 380px;
			float: left;
			}
			.box-over .ent-photos .small {
				width: 50%;
				height: auto;
				float: left;
				}
			.box-over .ent-photos img {
				width: 100%;
				height: auto;
				}
		.box-over .ent-content {
			position: relative;
			width: 640px;
			min-height: 525px;
			padding: 35px 85px 10px 35px;
			float: left;
			}
			.box-over .ent-content h2 {
				padding: 0 0 15px 0;
				font-size: 24px;
				color: #5a5a5a;
				}
			.box-over .ent-content .link {
				font-size: 14px;
				text-transform: uppercase;
				font-weight: 700;
				}	
			.box-over .ent-content .link2 {
				font-size: 15px;
				}	
			.box-over .ent-content strong,
			.box-over .ent-content b {
				font-size: 14px;
				text-transform: uppercase;
				font-weight: 700;
				}
		.box-over .close {
			position: absolute;
			top: 25px;
			right: 25px;
			width: 36px;
			height: 36px;
			background: url(images/close-off.png) no-repeat;
			cursor: pointer;
			-o-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-khtml-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-ms-transition: all 0.2s linear;
			transition: all 0.2s linear;
			}	
		.box-over .close:hover {
			background: url(images/close-on.png) no-repeat;
			-o-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-khtml-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-ms-transition: all 0.2s linear;
			transition: all 0.2s linear;
			}	
.the-link a {
	display: block;
	margin: -20px 0 15px 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	}
/* -------------------------------------------------------------------------------------------------------------- */
/* css for hero ------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

#hero {
	position: relative;
	margin:  0 auto 12px auto;
	padding: 0;
	width: 1140px;
	height: 360px;
	text-align: center;
	}
	#hero #slider li {
		background-repeat: no-repeat;
		background-position: center center;
		}
	#hero #slider li .caption {
		position: absolute;
		top: 140px;
		padding: 0 8% 0 8% !important;
		width: 84% !important;
		font-size: 22px;
		line-height: 40px;
		color: #fff;
		text-transform: uppercase;
		}
		#hero #slider li .caption h1 {
			padding-bottom: 10px;
			color: #fff;
			font-size: 52px;
			line-height: 40px;
			}
		#hero #slider li .caption h2 {
			font-family: 'Open Sans', arial, sans-serif;
			font-size: 22px;
			line-height: 40px;
			text-transform: none;
			color: #fff;
			}
.homegrid {
	display: block;
	position: relative;
	margin: 0 0 12px 0;
	width: 50%;
	height: 320px;
	float: left;	
	background-repeat: no-repeat;
	background-position: center center;	
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	}		
.homegrid:hover {
	color: #fff;
	text-decoration: none;
	}	
	.homegrid h2 {
		font-size: 24px;
		color: #fff;
		}	
	#home1 {
		width: 49%;
		margin: 0 .5% 12px .5%;
		}
	#home2 {
		padding: 35px 3% 0 3%;
		margin: 0 .5% 12px .5%;
		width: 43%;
		height: 285px;
		background: #657c40;
		font-size: 24px;
		line-height: 36px;
		}
		#home2 h2 {
			padding-bottom: 35px;
			}
		#home2 p a,
		#home2 h2 a {
			color: #fff;
			}
		#home2 .date {
			padding: 0 0 8px 0;
			font-size: 14px;
			line-height: 28px;
			color: #a3b08c;
			font-weight: 600;
			}
		#home2 .arrow {
			position: absolute;
			top: 25px;
			right: 25px;
			display: block;
			width: 38px;
			height: 39px;
			background: url(images/home-news-arrow.png) no-repeat;
			}
	#home3 {
		padding: 35px 3% 0 3%;
		margin: 0 .5% 12px .5%;
		width: 43%;
		height: 285px;
		background: #296586;
		font-size: 16px;
		line-height: 29px;
		}
		#home3 h2 {
			padding-bottom: 15px;
			}
		#home3 a.btn {
			background: #3f7592;
			color: #fff;
			}
			#home3 a.btn:hover {
				color: #9fbac9;
				}
	#home4 {
		margin: 0 .5% 12px .5%;
		width: 49%;
		background-size: cover;
		}
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for about content ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.aboutgrid {
	display: block;
	position: relative;
	margin: 0 .5% 1% .5%;
	padding: 3%;
	width: 26.33%;
	height: 274px;
	float: left;
	background: #eeeeee;	
	text-decoration: none;
	}		
	#about1 {
		color: #fff;
		background: #657c40;
		}
		#about1 h2 {
			color: #fff;
			}
		#about1 a.btn {
			background: #758953;
			color: #fff;
			}
		#about1 a.btn:hover {
			color: #c2cab6;
			}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for people content --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.peoplegrid {
	position: relative;
	margin: 0 6px 1% 6px;
	width: 276px;
	height: 333px;
	float: left;
	}
	.peoplegrid a {
		display: block;
		width: 276px;
		height: 333px;
		font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
		font-size: 11px;
		line-height: 14px;
		text-transform: uppercase;
		color: #a0a0a0;
		}
	.peoplegrid a:hover {
	    text-decoration: none;
		}	
		.peoplegrid a:after {
 			position: absolute;
 			content: ' ';
 			width: 276px;
 			height: 276px;
 			top: 0; 
 			left: 0;
 			background: #000;
 			opacity: 0;
 			transition: all 0.5s;
 			-webkit-transition: all 0.5s;
			}
		.peoplegrid a:hover:after {
			opacity:.4;
			}
		.peoplegrid img {
			width: 100%;
			height: auto;
			margin-bottom: 12px;
			}
	.investments {
		padding: 0;
		text-transform: uppercase;
		}
	ul.investments {
		padding: 0;
		list-style: none;
		line-height: 17px;
		text-transform: uppercase;
		}
		ul.investments li {
			padding: 0 0 8px 0;
			}
		
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for portfolio content ------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.portgrid {
	position: relative;
	margin: 0 6px 1% 6px;
	width: 178px;
	height: 98px;
	border: 1px solid #eeeeed;
	float: left;
	}
	.portgrid-bw img {
		-webkit-filter: grayscale(100%); 
		-moz-filter: grayscale(100%);
		filter: gray; 
		filter: grayscale(100%);

		opacity: .4;
		}
	.portgrid img {
		cursor: pointer;
		}
	.portroll .link {
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 700;
		}	
	.close-box {
		cursor: pointer;
		}	
	.portroll {
		display: none;
		margin: 0 6px 1% 6px;
		padding: 35px 35px 0 35px;
		width: 492px;
		height: 285px;
		background: #eeeeee;
		font-size: 16px;
		line-height: 30px;
		}
		.close-box {
			position: absolute;
			top: 20px;
			right: 20px;
			width: 36px;
			height: 36px;
			background: url(images/close-port-off.png) no-repeat;
			}
		.close-box:hover {
			background: url(images/close-port-on.png) no-repeat;
			-o-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-khtml-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-ms-transition: all 0.2s linear;
			transition: all 0.2s linear;
			}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for job content ------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.jobs {
	padding: 37px 7% 30px 7%;
	margin: 0 .5% 12px .5%;
	width: 85%;
	}
.job-board iframe {
	width: 99%;
	margin: 0 0 100px 6px;
	}			
	.job-board h1 {
		font-family: 'BrandonGrotesque-Regular', 'Open Sans', arial;
		font-size: 18px;
		line-height: 20px;
		}
	.job-board h2 {
		padding: 0;
		font-family: 'BrandonGrotesque-bold', 'Open Sans', arial;
		font-size: 18px;
		line-height: 20px;
		}
	.job-board h1 img,
	.job-board h2 img {
		vertical-align: text-bottom;
		}
	.job-board p {
		padding: 0 0 5px 0;
		}	
	.job-board hr {
		margin: 0 0 15px 0;
		border-bottom: 1px solid #a8a6a5;
		}
		
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for event content ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.event-subtitle {
	padding: 16px 10px 11px 19px;
	margin: 0 0 11px 0;
	background: #595553;
	font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	text-transform: uppercase;
	}	
	.event-subtitle img {
		vertical-align: middle;
		}	

#event-single {
	position: relative;
	float: left; 
	width: 66%; 
	margin: 0 0 100px 0; 
	padding: 0 0 0 0;
	font-size: 16px;
	line-height: 30px;
	}
		#event-single .pic {
			margin: 0 0 0 0;
			height: auto; 
			overflow: hidden;
			}
		#event-single .pic img {
			max-width: 100%;
			width: auto;
			height: auto;
			}
	#event-single .event-post {
		width: 100%; 
		margin: 18px 0 0 0; 
		padding: 0;
		}
		#event-single .event-post p {
			padding: 0 6% 30px 0;
			}
		#event-single .event-post hr {
			margin: 5px 0 30px 0;
			border-bottom: 1px solid #cdcccb;
			}
		#event-single h1,
		#event-single .event-title {
			padding: 25px 90px 15px 0;
			font-family: 'BrandonGrotesque-Regular', 'Open Sans', arial;
			font-size: 42px; 
			line-height: 48px;
			text-transform: inherit;
			}
		#event-single .event-post h2 {
			padding: 0 0 5px 0;
			font-size: 20px;
			line-height: 22px;
			color: #595553;
			font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
			font-weight: normal;
			text-transform: uppercase;
			}
		#event-single .event-post .presenter-pic {
			width: 33%;
			margin: 9px 3% 20px 0;
			max-width: 180px;
			height: 180px;
			float: left;
			background-color: #eeeeee;
			}
			#event-single .event-post .presenter-pic img {
				width: 100%;
				height: auto;
				}
		#event-single .event-post .presenter-text {
			margin: 0 0 15px 0;
			width: 64%;
			float: left;
			}
		#event-single .event-post .presenter-text p {
			padding: 0 0 12px 0;
			}
		.photo-credit {
			clear: both;
			font-size: 12px;
			line-height: 18px;
			}	

.event-sidebar {
	float: left; 
	width: 32.9%; 
	margin: 0 0 50px 1.1%;
	background: #eeeeee;
	font-size: 16px;
	line-height: 30px;
	}
	.event-sidebar h2 {
		padding: 16px 10px 11px 35px;
		margin: 0 0 0 0;
		background: #657c40;
		font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
		font-size: 16px;
		line-height: 16px;
		color: #fff;
		}
	.event-sidebar .text {
		padding: 26px 35px 0px 35px;
		max-width: 300px;
		word-wrap: break-word;
		}
	.event-sidebar hr {
		margin: 10px 0 20px 0;
		border-bottom: 1px solid #cdcccb;
		}	
	.event-sidebar ul {
		padding: 3px 0 5px 12px;
		list-style: url(images/sidebar-bullet.png);
		}		
	.event-sidebar ul li {
		padding: 0 0 5px 0;
		}		
	.annual-single hr {
		margin-bottom: 15px !important;
		}
	.annual-single h3 {
		padding: 15px 0 3px 0 !important;
		font-size: 16px;
		color: #657c40;
		}
	.annual-single p {
		padding: 0 0 15px 0 !important;
		}
	.annual-single .btn {
		padding-top: 15px;
		color: #fff;
		background: #9f550d;
		}	
	.event-title2 {
		padding: 0 0 25px 0;
		font-family: 'BrandonGrotesque-Regular', 'Open Sans', arial;
		font-size: 26px; 
		line-height: 30px;
		width: 75%;
		}
		.annual-sidebar h3 {
			padding: 10px 0 5px 0;
			}
		.annual-sidebar p {
			padding: 0 0 20px 0;
			}			
.form-title {
	padding: 16px 10px 11px 19px;
	margin: 0;
	background: #657c40;
	font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	text-transform: uppercase;
	max-width: 631px !important;
	}	


.gform_title {
	font-size: 20px !important;
	line-height: 22px !important;
	color: #595553 !important;
	font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial !important;
	text-transform: uppercase !important;
	font-weight: normal !important;
	}		
.gform_wrapper {
	}		
.gfield_label {
		font-size: 14px !important;
		line-height: 18px !important;
		font-weight: normal !important;
	}	
	#field_3_13 .gfield_label,
	#field_3_14 .gfield_label,
	#field_3_15 .gfield_label,
	#field_3_16 .gfield_label {
		font-size: 16px !important;
		line-height: 20px !important;
		font-weight: normal !important;
		display: inline-block !important;
		padding: 0 !important;
		margin: 0 !important;
		padding-right: 10px !important;
		width: 65% !important;
		}
	.ginput_container_radio li,
	.ginput_container_radio li label,
	.ginput_container_radio {
		font-size: 16px !important;
		line-height: 20px !important;
		padding: 0 !important;
		margin: 0 !important;
		padding-right: 10px !important;
		display: inline-block !important;
		}	
	.attend {
		color: #657c40;		
		}		
.gform_confirmation_wrapper {
	margin-bottom: 30px !important;
	}	
.event-sidebar input[type='email'],
.event-sidebar input[type='text'] {
	padding: 0 0 0 15px !important;
	margin: 0 0 0px 0 !important;
	height: 40px !important;
	width: 97% !important;
	max-width: 471px !important;
	border-radius: 0 !important;
	border: none !important;
	outline: none !important;
	font-size: 12px !important;
	line-height: 14px !important;
	color: #595553 !important;
	}
.event-sidebar input[type='submit'] {
	display: inline-block !important;
	margin: 0 0 40px 0 !important;
	padding: 14px 25px 12px 25px !important;
	height: 40px !important;
	cursor: pointer !important;
	background: #9f550d !important;
	border: 0 !important;
	font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
	color: #fff !important;
	font-size: 12px !important;
	text-align: center !important;
	text-transform: uppercase !important;
	}
	.event-sidebar input[type='submit']:hover {
		color: #cfaa86 !important;
		}

.annual-single .gform_wrapper {
	margin-top: 0 !important;
	padding: 20px 30px 63px 30px !important;
	background: #f1f1f1;
	max-width: 600px !important;
	}
.annual-single .gfield {
	padding: 0 0 5px 0 !important;
	margin: 0 !important;
	}	
.annual-single input[type='phone'],
.annual-single input[type='email'],
.annual-single input[type='text'] {
	padding: 0 0 0 15px !important;
	margin: 0 0 0px 0 !important;
	height: 40px !important;
	width: 100% !important;
	border-radius: 0 !important;
	border: none !important;
	outline: none !important;
	font-size: 12px !important;
	line-height: 14px !important;
	color: #595553 !important;
	text-transform: uppercase;
	}
.annual-single textarea {
	padding: 15px 0 0 15px !important;
	margin: 0 0 0px 0 !important;
	height: 200px !important;
	width: 100% !important;
	border-radius: 0 !important;
	border: none !important;
	outline: none !important;
	font-size: 12px !important;
	line-height: 14px !important;
	color: #595553 !important;
	text-transform: uppercase;
	}
.annual-single input[type='submit'] {
	display: inline-block !important;
	margin: 0 0 40px 0 !important;
	padding: 14px 25px 12px 25px !important;
	height: 40px !important;
	cursor: pointer !important;
	background: #9f550d !important;
	border: 0 !important;
	font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
	color: #fff !important;
	font-size: 12px !important;
	text-align: center !important;
	text-transform: uppercase !important;
	}
	.annual-single input[type='submit']:hover {
		color: #cfaa86 !important;
		}




/* -------------------------------------------------------------------------------------------------------------- */
/* css for contact content -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.banner {
	display: block;
	position: relative;
	margin: 35px 0 30px 0;
	width: 100%;
	height: 360px;
	background-position: center center;
	background-repeat: no-repeat;
	}
.banner h2 {
	color: #fff;
	}
.contact .title-mobile {
	display: none;
	}
.contact .mobile1 {
	width: 26.3%;
	padding: 35px 3% 5px 3%;
	margin: 0 0 0 6px;
	background: #eeeeee;
	font-size: 16px;
	line-height: 26px;
	float: left;
	}
	.contact .mobile1 h2 {
		padding-bottom: 30px;
		font-size: 20px;
		line-height: 26px;
		}
.contact .mobile2 {
	width: 27.3%;
	padding: 35px 3% 0px 3%;
	float: left;
	}
	.contact .mobile2 h2 {
		padding: 0 0 0 0;
		font-size: 20px;
		line-height: 26px;
		}
.contact .mobile3 {
	width: 29.3%;
	padding: 35px 1% 0px 3%;
	float: left;
	}
	.contact .mobile3 h2 {
		padding-bottom: 0px;
		font-size: 20px;
		line-height: 26px;
		}
		.contact .mobile2 .linkedin {
			background: url(images/icon-linkedin-mobile-off.png) no-repeat;
			}	
		.contact .mobile2 .linkedin:hover {
			background: url(images/icon-linkedin-mobile-on.png) no-repeat;
			}	
		.contact .mobile2 .twitter {
			background: url(images/icon-twitter-mobile-off.png) no-repeat;
			}	
		.contact .mobile2 .twitter:hover {
			background: url(images/icon-twitter-mobile-on.png) no-repeat;
			}	
		.contact .mobile2 .facebook {
			display: none;
			background: url(images/icon-facebook-mobile-off.png) no-repeat;
			}	
		.contact .mobile2 .facebook:hover {
			background: url(images/icon-facebook-mobile-on.png) no-repeat;
			}	
	.mobile4 {
		width: 93%;
		margin: 30px 0 100px 6px;
		border: 35px solid #eeeeee;
		}
		.mobile4 img {
			width: 1071px;
			height: auto;
			}
	.mobile4 iframe {
		width: 1071px;
		height: 468px; 
		}
					
/* -------------------------------------------------------------------------------------------------------------- */
/* css for general content -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.content-left {
	position: relative;
	padding: 0 40px 0 6px;
	width: 344px;
	float: left;
	}
	.content-left img {
		margin: 0 0 12px 0;
		}
	.content-left .small {
		width: 50%;
		height: auto;
		float: left;
		}
	.content-left img {
		width: 100%;
		height: auto;
		}
.content-right {
	position: relative;
	padding: 0 60px 80px 0;
	width: 536px;
	min-height: 300px;
	float: left;
	}
	.content-right h2 {
		padding: 0 0 0 0;
		}
	.content-right h3 {
		padding: 0 0 20px 0;
		font-size: 16px;
		line-height: 30px;
		color: #a0a0a0;
		}
.sidebar {
	position: relative;
	padding: 0 6px 0 0;
	margin: -5px 0 0 0;
	width: 160px;
	float: left;
	font-family: 'BrandonGrotesque-Regular', 'Open Sans', arial;
	font-size: 14px;
	line-height: 30px;
	}
	.sidebar .biopic h2 {
		font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
		font-size: 14px;
		line-height: 30px;
		color: #9f550d;
		}
	.sidebar a {
		font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
		}
	.sidebar h2 {
		padding: 0 0 0 0;
		font-size: 14px;
		line-height: 30px;
		color: #9f9f9f;
		}
	.sidebar .biopic {
		line-height: 16px;
		text-transform: uppercase;
		}	
	.sidebar .biopic img {
		margin: 15px 0 5px 0;
		}	
	.sidebar h3 {
		padding: 0 0 0 0;
		font-size: 12px;
		line-height: 16px;
		color: #a0a0a0;
		}
	.sidebar hr {
		margin: 25px 0 8px 0;
		width: 100%;
		height: 1px;
		border: none;
		border-bottom: 1px solid #cdcccb;
		}
	.quote {
		padding: 70px 5% 70px 5%;
		margin: 0 0 60px 0;
		width: 90%;
		background: #657c40;
		font-family: 'BrandonGrotesque-Regular', 'Open Sans', arial;
		font-size: 40px;
		line-height: 46px;
		font-weight: normal;
		}
	.sidebar .item {
		color: #9f550d;
		}




		.close-popup {
			position: absolute;
			top: 20px;
			right: 20px;
			width: 36px;
			height: 36px;
			cursor: pointer;
			background: url(images/close-port-off.png) no-repeat;
			}
		.close-popup:hover {
			background: url(images/close-port-on.png) no-repeat;
			-o-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-khtml-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-ms-transition: all 0.2s linear;
			transition: all 0.2s linear;
			}


	.item {
		cursor: pointer;
		}
	.popup-bck {
		display: none;
		background-color: rgba(255, 255, 255, .75);
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: 99998;
		cursor: default;
		}
	.popup-content-box {
		display: none;
		opacity: 0;
		position: fixed;
		top: 55%;
		left: 50%;
		padding-top: 35px;
		padding-left: 35px;
		padding-right: 35px;
		padding-bottom: 5px;
		margin-top: -210px;
		margin-left: -210px;
		width: 360px;
		min-height: 360px;
		z-index: 99999;
		background-color: #eeeeee;
		cursor: default;
		text-align: left;
		color: #595553;
		}
		.popup-content-box h2 {
			padding: 0 0 15px 0;
			margin: 0 0 0 0;
			font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
			font-size: 28px;
			line-height: 30px;
			font-weight: normal;
			color: #595553;
			text-transform: uppercase;
			}
		.popup-content-box p {
			padding: 0 0 15px 0;
			font-family: 'Open Sans', arial, sans-serif;
			font-size: 16px;
			line-height: 30px;
			}
		.popup-content-box a {
			color: #9f550d;
			}


	.popup-content-box .link {
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 700;
		}	
		
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for isotope content -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.isotope {
	position: relative;
	margin: 0 auto 30px auto;
	}
	.port-isotope {
		margin-top: 35px;
		}
	.ui-group {
		margin: 0 0 35px 6px;
		font-size: 12px;
		line-height: 13px;
		font-weight: 600;
		text-transform: uppercase;
		width: 99%;
		background: #595553;
		}
	.contain-group {
		margin: 0 0 0 6px;
		width: 99%;
		height: 43px;
		background: #595553;
		}
		.group-port {
			margin: 0 0 0 0;
			font-size: 12px;
			line-height: 13px;
			font-weight: 600;
			text-transform: uppercase;
			float: left;
			}
		.secondary-group {
			border-left: 1px solid #fff;
			}
		.checkbox-group {
			position: relative;
			display: none;
			clear: both;
			}
			.checkbox-group .button-group {
				position: relative;
				padding: 20px;
				width: 418px;
				background: #eeeeee;
				}
				.checkbox-group div {
					width: 190px;
					padding: 0 10px 10px 0;
					float: left;
					}
			.close-checkbox {
				position: absolute;
				bottom: 5px;
				right: 5px;
				width: 28px !important;
				height: 28px !important;
				background: url(images/close-box-sm-off.png) no-repeat;
				cursor: pointer;
				border: none !important;
				}
			.close-checkbox:hover {
				background: url(images/close-box-sm-off.png) no-repeat !important;
				-o-transition: all 0.2s linear;
				-moz-transition: all 0.2s linear;
				-khtml-transition: all 0.2s linear;
				-webkit-transition: all 0.2s linear;
				-ms-transition: all 0.2s linear;
				transition: all 0.2s linear;
				background-color: none !important;
				}



	.secondary-group label,
	.initial-group label {
		color: #fff;
		cursor: pointer;
		}

	.button {
		display: block;
		padding: 15px 25px 15px 25px;
		height: 13px;
		border-left: 1px solid #7a7775;
		cursor: pointer;
		float: left;
		color: #fff;
		}
		#btn7 {
			border-right: 1px solid #7a7775;
			}
		.button:hover {
			background: #74706f;
			-o-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-khtml-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-ms-transition: all 0.2s linear;
			transition: all 0.2s linear;
			}
	.checkit {
		color: #595553;
		padding: 7px 0 7px 18px !important;
		cursor: pointer;
		background: none;
		border: none;
		background: url(images/check-off.png) no-repeat left center;
		}
		.checkit:hover {
			background: url(images/check-off.png) no-repeat left center;
			}
		.btn-arrow {
			padding: 15px 40px 15px 25px;
			background-color: #595553;
			background-image: url(images/arrow-down.png) !important;
			background-repeat: no-repeat !important;
			background-position: right center !important;
			}	
		.btn-arrow:hover {
			background: #74706f url(images/arrow-down.png) no-repeat right center !important;
			}	
		.initial-group .button {
			padding: 15px 0px 15px 40px;
			background: #657c40 url(images/btn-radio-off.png) no-repeat 20px center;
			border: 0;
			}	
			.initial-group #btn3 {
				padding-right: 25px;
				}
			.radio-btn {
				background: #657c40 url(images/btn-radio-on.png) no-repeat 20px center !important;
				}	
	.button-on {
		background: #9f550d url(images/arrow-down.png) no-repeat right center;
		}
	.button-on:hover {
		background: #9f550d url(images/arrow-down.png) no-repeat right center !important;
		}
	.peoplegroup .button-on,
	.companygroup .button-on {
		background: #9f550d !important;
		} 	
	.button-view {
		float: right;
		}
		.button-view .button-view {
			padding-right: 25px;
			}
		.peoplegroup .button-group .button-view {
			padding-right: 25px !important;
			}		
		.peoplegroup .button {
			padding: 15px 21px 15px 21px;
			}		
	.button-view .button {
		background-image: none !important;
		}
	.button-view:hover {
		color: #cfaa86;
		background: #9f550d !important;
		background-image: none !important;
		}
	.button-off {
		display: block;
		padding: 15px 25px 15px 25px;
		float: left;
		background: #6a6665;
		color: #fff;
		}
	.grid-buttons a,	
	a.button-back {
		display: block;
		padding: 15px 20px 15px 20px;
		float: left;
		background: url(images/back-arrow.png) no-repeat 20px center;
		color: #fff;
		border-right: 1px solid #7a7775; 
		}	
	.grid-buttons a:hover,	
	a.button-back:hover {
		background: #74706f url(images/back-arrow-on.png) no-repeat 20px center;
		text-decoration: none;
		-o-transition: all 0.2s linear;
    	-moz-transition: all 0.2s linear;
    	-khtml-transition: all 0.2s linear;
    	-webkit-transition: all 0.2s linear;
    	-ms-transition: all 0.2s linear;
    	transition: all 0.2s linear;
		}	
	a[rel="next"] {
		padding-left: 40px;
		background: url(images/back-arrow.png) no-repeat 20px center;
		}		
	a[rel="next"]:hover {
		padding-left: 40px;
		background: #74706f url(images/back-arrow-on.png) no-repeat 20px center;
		}		
	a[rel="prev"] {
		padding-right: 40px;
		background: url(images/next-arrow.png) no-repeat 60px center;
		}		
	a[rel="prev"]:hover {
		padding-right: 40px;
		background: #74706f url(images/next-arrow-on.png) no-repeat 60px center;
		}		
	a.grid:hover,
	a.grid {
		display: block;
		padding: 0;
		width: 43px;
		height: 43px;
		float: left;
		background: #9f550d url(images/grid.png) no-repeat;
		border: 0;
		}
			


/* -------------------------------------------------------------------------------------------------------------- */
/* css for vertical centering ----------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.box-outer-homegrid {
	display: table-cell; 
	top: 50%; 
	width: 564px;
	height: 320px;
	vertical-align: middle;
	text-align: center;
	}
.box-outer-contact {
	display: table-cell; 
	top: 50%; 
	width: 1152px;
	height: 380px;
	vertical-align: middle;
	text-align: center;
	}
.box-inner {
	top: -50%;
	}
.box {
	margin: 0 auto 0 auto;
	}	
						
/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#footer {
	position: relative;
	padding: 54px 0 10px 0;
	width: 100%;
	height: 165px;
	background: #595553;
	}
	.footer-links {
		padding: 0 0 25px 0;
		text-align: center;
		font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
		font-size: 24px;
		line-height: 30px;
		color: #777472;
		}
		.footer-links p {
			padding: 0;
			}
		.footer-links a {
			display: inline-block;
			padding: 0 18px 0 18px;
			color: #fff;
			}
		.footer-links a:hover {
			text-decoration: none;
			color: #777472;
			}
	.footer-desktop {
		display: inherit;
		}
	.top-container,			
	.footer-mobile {
		display: none;
		}		
	.footer-info {
		text-align: center;
		font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
		font-size: 16px;
		color: #777472;
		}
		.footer-info a {
			display: inline-block;
			padding: 0 2px 0 2px;
			color: #fff;
			}
		.footer-info a:hover {
			text-decoration: none;
			color: #777472;
			}
		.footer-icon {
			display: inline-block;
			vertical-align: middle;
			padding-bottom: 2px;
			width: 30px;
			height: 30px;
			}	
		.linkedin {
			background: url(images/icon-linkedin-off.png) no-repeat;
			}	
		.linkedin:hover {
			background: url(images/icon-linkedin-on.png) no-repeat;
			}	
		.twitter {
			background: url(images/icon-twitter-off.png) no-repeat;
			}	
		.twitter:hover {
			background: url(images/icon-twitter-on.png) no-repeat;
			}	
		.facebook {
			display: none;
			background: url(images/icon-facebook-off.png) no-repeat;
			}	
		.facebook:hover {
			background: url(images/icon-facebook-on.png) no-repeat;
			}	
	.copyright {
		padding: 20px 0 0 0;
		width: 100%;
		height: 48px;
		background: #4c4847;
		text-align: center;
		font-size: 13px;
		font-weight: 600;
		color: #a09d9d;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for search items ------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.search-page {
	margin-bottom: 95px;
	}
.search-results {
	padding: 0 3% 0 5%;
	}
.search-results hr {
	margin: 10px 0 30px 0;
	border-bottom: 1px solid #cdcccb;
	}			
.search-results a.read-more {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 0 17px 0 0;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	background: url(images/read-more.png) no-repeat right center;
	}
.search-results .the-link,	
.search-results p {
	padding: 0 0 20px 0;
	margin: 0;
	}
	

/* -------------------------------------------------------------------------------------------------------------- */
/* css for misc items --------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	}
.alignright {
	margin: 0 0 20px 20px;
	float: right;
	}
.alignleft {
	margin: 0 20px 20px 0;
	float: left;
	}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.btn {
	display: inline-block;
	padding: 13px 16px 11px 16px;
	font-family: 'BrandonGrotesque-Bold', 'Open Sans', arial;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	text-transform: uppercase;
	}
	.btn:hover {
		text-decoration: none;
		}
.navigation a {
			margin: 0 0 25px 0;
			padding: 0 13px 0 0;
			font-size: 14px;
			line-height: 18px;
			font-weight: 700;
			text-transform: uppercase;

	}






/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 775px) {

#top,
#header {
	padding: 0 5% 0 5%;
	width: 90%; 
  	}
#hero {
	width: 570px;
	}
#home1,
#home2,
#home3,
#home4,
.homegrid {
	margin: 0 0 12px 0;
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
	float: none;
	background-size: cover;
	}	
	.box-over {
		width: 570px;
		}
		.box-over .ent-photos {
			width: 190px;
			}
		.box-over .ent-content {
			width: 310px;
			min-height: auto;
			padding: 35px 35px 10px 35px;
			}
.color-block {
	font-size: 15px;
	line-height: 26px;
	}
	.color-block h2 {
		font-size: 26px;
		line-height: 26px;
		}
.aboutgrid {
	font-size: 14px;
	line-height: 20px;
	}
	.aboutgrid h2 {
		font-size: 20px;
		line-height: 22px;
		}
.color-block {
	padding-top: 30px;
	font-size: 14px;
	line-height: 20px;
	}
	.color-block h2 {
		font-size: 26px;
		line-height: 30px;
		}
.photo-left,
.photo-right {
	margin: 0 .5% 12px .5%;
	width: 99%;
	}
	.photo-left .text,
	.photo-right .text {
		padding: 2% 5% 0 3%;
		width: 42%;
		font-size: 14px;
		line-height: 20px;
		}		
	.photo-left .text h2,
	.photo-right .text h2 {
		font-size: 20px;
		line-height: 22px;
		}	
	.photo-left .photo,
	.photo-right .photo {
		width: 50%;
		}	
	.quote {
		padding: 50px 5% 50px 5%;
		width: 90%;
		font-size: 24px;
		line-height: 32px;
		}
.content-left {
	padding: 0 3.4% 0 .6%;
	width: 29%;
	}
.content-right {
	padding: 0 5% 80px 0;
	width: 48%;
	}
.sidebar {
	padding: 0 .5% 0 0;
	width: 13.5%;
	}
	.secondary-group {
		clear: both;
		border-left: 0;
		}
.companygroup,
.peoplegroup {
	background: url(images/bg-filter.png) center top;
	height: 86px;
	}
	.back-only {
		height: 43px !important;
		}
.contain-group {
	background: url(images/bg-filter.png) center top;
	height: 87px;
	}
	.secondary-group {
		clear: both;
		border-left: 0;
		border-top: 1px solid #7a7775;
		}
		.mobile4 img {
			width: 100%;
			height: auto;
			}
		.mobile4 iframe {
			width: 100%;
			height: 468px;
			}
.bloggrid {
	width: 48%;
	}
.job-board iframe {
	width: 78%;
	}
.banner {
	margin: 35px 6px 30px 6px;
	width: 98%;
	height: 360px;
	}

}







/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 776px) 
and (max-width : 969px) {

#top,
#header {
	padding: 0 5% 0 5%;
	width: 90%; 
  	}
#content-grid-home,
#hero {
	width: 760px;
	}
	.box-over {
		width: 760px;
		min-height: 950px;
		}
		.box-over .ent-photos {
			width: 280px;
			}
		.box-over .ent-content {
			width: 410px;
			min-height: auto;
			padding: 35px 35px 10px 35px;
			}
#home1 {
	width: 48.5%;
	margin: 0 1.5% 12px 0;
	}
#home2 {
	margin: 0 0 12px 0;
	width: 44%;
	font-size: 20px;
	line-height: 30px;
	}
#home3 {
	margin: 0 1.5% 12px 0;
	width: 42.5%;
	font-size: 14px;
	line-height: 21px;
	}
#home4 {
	width: 50%;
	margin: 0 0 12px 0;
	}
.aboutgrid {
	font-size: 14px;
	line-height: 22px;
	}
	.aboutgrid h2 {
		font-size: 20px;
		line-height: 22px;
		}
.color-block {
	font-size: 14px;
	line-height: 20px;
	}
	.color-block h2 {
		font-size: 28px;
		line-height: 32px;
		}
.photo-left,
.photo-right {
	margin: 0 .5% 12px .5%;
	width: 99%;
	}
	.photo-left .text,
	.photo-right .text {
		padding: 3% 5% 0 3%;
		width: 42%;
		font-size: 14px;
		line-height: 20px;
		}		
	.photo-left .text h2,
	.photo-right .text h2 {
		font-size: 20px;
		line-height: 22px;
		}		
	.photo-left .photo,
	.photo-right .photo {
		width: 50%;
		}	
	.quote {
		padding: 50px 4% 50px 4%;
		width: 92%;
		font-size: 28px;
		line-height: 36px;
		}
.content-left {
	padding: 0 3.4% 0 .6%;
	width: 29%;
	}
.content-right {
	padding: 0 5% 80px 0;
	width: 48%;
	}
.sidebar {
	padding: 0 .5% 0 0;
	width: 13.5%;
	}
.companygroup,
.peoplegroup {
	background: url(images/bg-filter.png) center top;
	height: 86px;
	}
	.back-only {
		height: 43px !important;
		}
.contain-group {
	background: url(images/bg-filter.png) center top;
	height: 87px;
	}
	.secondary-group {
		clear: both;
		border-left: 0;
		border-top: 1px solid #7a7775;
		}
		.mobile4 img {
			width: 100%;
			height: auto;
			}
		.mobile4 iframe {
			width: 100%;
			height: 468px;
			}
.bloggrid {
	width: 48%;
	}
.job-board iframe {
	width: 80%;
	}
.banner {
	margin: 35px 6px 30px 6px;
	width: 98%;
	height: 360px;
	}

}


/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 970px) 
and (max-width : 1163px) {

#top,
#header {
	padding: 0 5% 0 5%;
	width: 90%; 
  	}
#content-grid-home,
#hero {
	width: 950px;
	}
	.box-over {
		width: 950px;
		min-height: 760px;
		}
		.box-over .ent-photos {
			width: 380px;
			}
		.box-over .ent-content {
			width: 500px;
			min-height: auto;
			padding: 35px 35px 10px 35px;
			}
#home1 {
	width: 48.8%;
	margin: 0 1.2% 12px 0;
	}
#home2 {
	margin: 0 0 12px 0;
	width: 44%;
	}
#home3 {
	margin: 0 1.2% 12px 0;
	width: 42.8%;
	line-height: 24px;
	}
#home4 {
	width: 50%;
	margin: 0 0 12px 0;
	}
.aboutgrid {
	font-size: 16px;
	line-height: 26px;
	}
	.aboutgrid h2 {
		font-size: 24px;
		line-height: 26px;
		}
.color-block {
	font-size: 15px;
	line-height: 26px;
	}
	.color-block h2 {
		font-size: 30px;
		line-height: 32px;
		}
.photo-left,
.photo-right {
	margin: 0 .5% 12px .5%;
	width: 99%;
	}
	.photo-left .text,
	.photo-right .text {
		padding: 3% 5% 0 3%;
		width: 42%;
		font-size: 15px;
		line-height: 26px;
		}		
	.photo-left .text h2,
	.photo-right .text h2 {
		font-size: 24px;
		line-height: 26px;
		}		
	.photo-left .photo,
	.photo-right .photo {
		width: 50%;
		}	
	.quote {
		padding: 50px 3% 50px 3%;
		width: 94%;
		font-size: 35px;
		line-height: 41px;
		}
.content-left {
	padding: 0 3.4% 0 .6%;
	width: 29%;
	}
.content-right {
	padding: 0 5% 80px 0;
	width: 48%;
	}
.sidebar {
	padding: 0 .5% 0 0;
	width: 13.5%;
	}
.companygroup,
.peoplegroup {
	background: url(images/bg-filter.png) center top;
	height: 86px;
	}
	.back-only {
		height: 43px !important;
		}
.contain-group {
	background: url(images/bg-filter.png) center top;
	height: 87px;
	}
	.secondary-group {
		clear: both;
		border-left: 0;
		border-top: 1px solid #7a7775;
		}
		.mobile4 img {
			width: 100%;
			height: auto;
			}
		.mobile4 iframe {
			width: 100%;
			height: 468px;
			}
.bloggrid {
	width: 31.8%;
	}
.job-board iframe {
	width: 84%;
	}
.banner {
	margin: 35px 6px 30px 6px;
	width: 98%;
	height: 360px;
	}

	
}

/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 1126px) 
and (max-width : 1294px) {

.sidebar {
	width: 130px !important;
	}

}


/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1140px) {

/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.container {
	padding: 0 1% 0 1%;
	width: 98%; 
  	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#top,
#header {
	padding: 0 5% 0 5%;
	width: 90%; 
  	}
#mainnav {
	padding: 21px 5% 21px 5%;
	width: 90%; 
	}
		.mobile4 img {
			width: 100%;
			height: auto;
			}
		.mobile4 iframe {
			width: 100%;
			height: 468px;
			}
	
}


/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {

/* -------------------------------------------------------------------------------------------------------------- */
/* css for hides/shows mobile navigation -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.mobile-hide,
#navbar-container,
#search-btn,
#search,
.down-arrow {
	display: none;
	}	
#navbar-container-mobile,	
.contact {
	display: inherit !important;
	}	
.mobile-content {
	display: inherit;
	}
#navbar-container-mobile {
	position: relative;
	width: 100%;
	height: 56px;
	background: #595553;
	}
	#navbar-mobile {
		position: absolute;
		top: 15px;
		left: 15px;
		width: 36px;
		height: 29px;
		background: url(images/menu-mobile.png) no-repeat;
		cursor: pointer;
		z-index: 2;
		}		
	#navbar-on-mobile {
		display: none;
		position: absolute;
		top: 15px;
		left: 15px;
		width: 36px;
		height: 40px;
		background: url(images/close-mobile.png) no-repeat;
		cursor: pointer;
		z-index: 2;
		}		
	#mobile-search-btn {
		display: inherit;
		position: absolute;
		top: 12px;
		right: 15px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		background: url(images/search-mobile.png) no-repeat;
		}
	#mobile-search {
		display: none;
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		height: 56px;
		background: #dfdede;
		}
		#mobile-search .text-field-search {
			margin: 7px 0 0 10px;
			padding: 0 0 0 10px;
			width: 240px;
			height: 40px;
			border: 0;
			background: #dfdede;
			font-size: 20px;
			vertical-align: top;
			border-radius: 0;
			outline: none;
			}
		.mobile-close {
			display: inherit;
			position: absolute;
			top: 18px;
			right: 6px;
			width: 30px;
			height: 30px;
			cursor: pointer;
			background: url(images/search-close.png) no-repeat;
			}	

.mobiledragon {
	display: inherit;
	}
#openseadragon1	{
	display: none;
	}


/* css for basic items---------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 32px;
	line-height: 37px;
	}
h2 {
	font-size: 28px;
	line-height: 30px;
	}
h3 {
	font-size: 15px;
	line-height: 16px;
	}
h4 {
	font-size: 16px;
	line-height: 30px;
	}
	

/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.container {
	padding: 0;
	width: 100%; 
  	}
  	

/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#header {
	position: relative;
	padding: 0;
	width: 100%; 
  	}
	#mainnav {
		padding: 21px 5% 21px 5%;
		width: 90%; 
	  	}
		#logo {
			margin: 0 auto 0 auto;
			top: 30px;
			left: 0;
			right: 0;	
			width: 100%;
			text-align: center;		
			}


/* --------------------------------------------------------------------------------------------------------------- */
/* css for common text areas ------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.title {
	position: relative;
	height: 234px;
	padding: 104px 0 52px 53px;
	}
	.title .title-text-top {
		display: none;
		font-size: 120px;
		line-height: 125px;		
		}
	.title .title-text-bottom {
		margin-top: -15px;
		display: none;
		font-size: 120px;
		line-height: 125px;		
		color: #657c40;
		}
.message {
	position: relative;
	padding: 25px 10% 25px 10%;
	}
	.message h2 {
		padding: 0;
		margin: 0;
		font-size: 30px;
		line-height: 36px;
		}
.color-block {
	padding: 37px 10% 30px 10%;
	margin: 0 0 12px 0;
	width: 80%;
	font-size: 17px;
	line-height: 30px;
	}
	.color-block h2 {
		font-size: 32px;
		line-height: 37px;
		}
.photo-right {
	margin: 0 0 12px 0;
	width: 100%;
	}
	.photo-right .text {
		padding: 30px 10% 0 10%;
		width: 80%;
		float: none;
		}		
	.photo-right .photo {
		width: 100%;
		float: none;
		}
		.photo-right .photo img {
			width: 100%;
			height: auto;
			}		
.photo-left {
	margin: 0 0 12px 0;
	width: 100%;
	}
	.photo-left .text {
		padding: 30px 10% 0 10%;
		width: 80%;
		float: none;
		}		
	.photo-left .photo {
			width: 100%;
		float: left;
		}		
		.photo-left .photo img {
			width: 100%;
			height: auto;
			}		


/* -------------------------------------------------------------------------------------------------------------- */
/* css for about content ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.aboutgrid {
	margin: 0 0 12px 0;
	padding: 10% 10% 10% 10%;;
	width: 80%;
	height: auto;
	float: none;
	}		

	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for people content --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.people-filter {
	width: 100%;
	}
.peoplegrid {
	margin: 0 0 1% 0;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for portfolio content ------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.portgrid {
	margin: 0 3px 1% 3px;
	width: 144px;
	height: 79px;
	}
	.portgrid img {
		width: 100%;
		height: auto;
		}
	.portroll {
		padding: 35px 15px 0 15px;
		width: 264px;
		height: auto;
		font-size: 14px;
		line-height: 20px;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for general content -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.content-left {
	position: relative;
	padding: 0;
	width: 100%;
	float: none;
	}
	.content-left .small {
		display: none;
		}
.content-right {
	padding: 0 10% 40px 10%;
	width: 80%;
	float: none;
	}
.sidebar {
	display: none;
	}
	.quote {
		display: none;
		}

	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for isotope content -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.isotope {
	margin: 0 auto 30px auto;
	width: 276px;
	}
	.blog-photo img {
		height: auto;
		}
	.port-isotope {
		margin-top: 35px;
		width: 304px !important;
		}
	.blog-isotope {
		width: 90% !important;
		}
	.group-port,
	.ui-group {
		width: 100%;
		border: 0;
		margin: 0;
		background: #595553;
		}
	.contain-group {
		width: 100%;
		margin: 0;
		}
	.button-group {
		width: 100%;
		margin: 0;
		}	
		.checkbox-group .button-group {
			padding: 20px 5% 20px 5%;
			width: 90%;
			}
				.checkbox-group div {
					width: 100%;
					padding: 0 0 10px 0;
					float: none;
					}
	.button-off,
	.button {
		display: block;
		padding: 15px 5% 15px 5% !important;
		width: auto;
		border: 0;
		}
		.btn-arrow {
			background-image: none !important;
			}
		.btn-arrow:hover {
			background-image: none !important;
			}	
		.button-off:hover,
		.button:hover {
			}	
		#btn-ppl0,
		#btn0 {
			display: none;
			}
		.btn-arrow {
			padding: 15px 5% 15px 5%;
			}	
		.initial-group {
			background: #657c40;
			}	
		.initial-group .button {
			padding: 15px 7% 15px 11.3% !important;
			float: left;
			width: auto;
			}	
			.initial-group #btn1 {
				}
			.initial-group #btn2 {
				}
		.companygroup .button,
		.peoplegroup .button {
			padding: 15px 5% 15px 5% !important;
			float: none;
			width: 90% !important;
			clear: both;
			margin: 0;
			}		
		.companygroup .button-view,
		.peoplegroup .button-view {
			float: none;
			padding: 15px 5% 15px 5% !important;
			margin: 0 0 20px 0;
			width: 90% !important;
			clear: both;
			color: #fff !important;
			}
		.companygroup .button-group .button-view,
		.peoplegroup .button-group .button-view {
			padding-right: 5% !important;
			}		
		.back-only {
			margin-bottom: 0px;
			}
		.button-view .button {
			width: 90% !important;
			background-image: none !important;
			}	
		.button-view .button:hover {
			background: #9f550d !important;
			background-image: none !important;
			}	



/* -------------------------------------------------------------------------------------------------------------- */
/* css for job board -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
	
.jobs {
	padding: 37px 7% 30px 7%;
	margin: 0  0 12px 0;
	width: 86%;
	}
.job-board iframe {
	width: 90% !important;
	margin: 0 5% 100px 5%;
	}			
	
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for blog ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
	
.bloggrid {
	margin: 0 0 12px 0;
	width: 100%;
	}
	.blog-post {
		padding: 30px 15px 25px 15px;
		line-height: 26px;
		}
.blog-single-left {
	padding: 37px 5% 0px 5%;
	width: 90%;
	float: none;
	line-height: 28px;
	}
.blog-single-right {
	padding: 37px 0 30px 0;
	width: 100%;
	float: none;
	}
	.blog-single-right img {
		display: none;
		}
	.share-header {
		padding: 8px 0 8px 6%;
		margin: 0 0 0 0;
		width: 94%;
		}
	.share-body {
		padding: 0px 0 8px 6%;
		margin: 0 0 0 0;
		width: 94%;
		}	
	.feature-image {
		margin: 0 0 0 0;
		width: 100%;
		}
		.feature-image img {
			width: 100%;
			height: auto;
			}
		.featured_video_plus {
			margin-left: 0;
			width: 100%;
			height: auto;
			}
		.blog-photo .featured_video_plus {
			margin-left: 0;
			width: 100%;
			height: auto;
			}
	

/* --------------------------------------------------------------------------------------------------------------- */
/* css for content ----------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
	
.title {
	position: relative;
	height: 100px;
	padding: 30px 0 40px 30px;
	}
.title .title-text-top {
	display: none;
	padding-bottom: 10px;
	font-size: 55px;
	line-height: 55px;		
	}
.title .title-text-bottom {
	display: none;
	font-size: 55px;
	line-height: 55px;		
	}


/* --------------------------------------------------------------------------------------------------------------- */
/* css for home -------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
	
.homegrid {
	margin: 0 0 12px 0;
	width: 100%;
	height: auto;
	float: none;	
	}	
	#hero {
		display: none;
		}	
	#home1 {
		width: 100%;
		margin: 0 0 12px 0;
		}
	#home2 {
		padding: 25px 5% 0 5%;
		margin: 0 0 12px 0;
		width: 90%;
		height: auto;
		font-size: 20px;
		line-height: 32px;
		}
		#home2 h2 {
			padding-bottom: 35px;
			}
	#home3 {
		padding: 25px 5% 25px 5%;
		margin: 0 0 12px 0;
		width: 90%;
		height: auto;
		font-size: 14px;
		line-height: 20px;
		}
		#home3 h2 {
			padding-bottom: 15px;
			}
	#home4 {
		margin: 0 0 12px 0;
		width: 100%;
		height: 250px;
		}
.home-boxes-container {
	position: relative;
	margin: 0 0 12px 0;
	width: 100%;	
	}
	.home-boxes-container h2 {
		font-size: 24px;
		color: #fff;
		}	
	.home-boxes {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: auto;
		margin: 0 auto 0 auto;
		}
		.home-boxes .box {
			width: 140px;
			height: 140px;
			}
			.home-boxes .box img {
				width: 100%;
				height: auto;
				}
		.home-boxes .big-box {
			display: none;		
			}	
	.box-over {
		position: absolute;
		margin: 0 auto 0 auto;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		display: none;
		line-height: 28px;
		}
		.box-over .ent-photos {
			width: 100%;
			float: none;
			}
			.box-over .ent-photos .small {
				display: none;
				}
		.box-over .ent-content {
			position: relative;
			width: 90%;
			min-height: 525px;
			padding: 35px 5% 10px 5%;
			float: left;
			font-size: 14px;
			line-height: 22px;
			}


/* --------------------------------------------------------------------------------------------------------------- */
/* css for mobile ----------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
	
.mobile-grid {
	display: block;
	position: relative;
	width: 100%;
	height: 240px;
	background-repeat: no-repeat;
	background-position: center center;	
	background-size: cover;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	}
	.mobile-grid h2 {
		font-size: 20px;
		line-height: 30px;
		}	
.box-outer-homegrid {
	width: 768px;
	height: 260px;
	}
	.box-outer-homegrid h2 {
		color: #fff;
		}
	.contact .mobile1,	
	.mobile1 {
		width: 90%;
		padding: 20px 5% 0px 5%;
		margin: 0;
		background: #eeeeee;
		font-size: 14px;
		line-height: 24px;
		float: none;
		}
		.contact .mobile1 p,	
		.mobile1 p {
			padding: 0 0 20px 0;
			}
		.contact .mobile1 h2 {	
			padding-bottom: 0px;
			font-size: 18px;
			line-height: 24px;
			color: #595553;
			}
		.mobile-content .mobile1 h2 {
			padding-bottom: 0px;
			font-size: 18px;
			line-height: 24px;
			color: #595553;
			}
	.contact .mobile2,	
	.mobile2 {
		width: 90%;
		padding: 20px 5% 0px 5%;
		font-size: 14px;
		line-height: 24px;
		float: none;
		}
		.contact .mobile2 h2,	
		.mobile2 h2 {
			padding-bottom: 3px;
			font-size: 18px;
			line-height: 24px;
			color: #595553;
			}
		.contact .mobile2 .footer-icon,	
		.mobile2 .footer-icon {
			margin-top: -2px;
			margin-bottom: 15px;
			}
		.contact .mobile2 .linkedin,	
		.mobile2 .linkedin {
			background: url(images/icon-linkedin-mobile-off.png) no-repeat;
			}	
		.contact .mobile2 .linkedin:hover,	
		.mobile2 .linkedin:hover {
			background: url(images/icon-linkedin-mobile-on.png) no-repeat;
			}	
		.contact .mobile2 .twitter,	
		.mobile2 .twitter {
			background: url(images/icon-twitter-mobile-off.png) no-repeat;
			}	
		.contact .mobile2 .twitter:hover,	
		.mobile2 .twitter:hover {
			background: url(images/icon-twitter-mobile-on.png) no-repeat;
			}	
		.contact .mobile2 .facebook,	
		.mobile2 .facebook {
			display: none;
			background: url(images/icon-facebook-mobile-off.png) no-repeat;
			}	
		.contact .mobile2 .facebook:hover,	
		.mobile2 .facebook:hover {
			background: url(images/icon-facebook-mobile-on.png) no-repeat;
			}	
	.contact .mobile3,	
	.mobile3 {
		width: 90%;
		padding: 20px 5% 0px 5%;
		background: #eeeeee;
		font-size: 14px;
		line-height: 24px;
		float: none;
		}
		.contact .mobile3 p,	
		.mobile3 p {
			padding: 0 0 15px 0;
			}
		.contact .mobile3 h2,	
		.mobile3 h2 {
			padding-bottom: 0px;
			font-size: 18px;
			line-height: 24px;
			color: #595553;
			}
	.mobile4 {
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0px solid black;
		}
		.mobile4 img {
			width: 100%;
			height: auto;
			}
		.mobile4 iframe {
			width: 100%;
			height: 300px;
			}
	.banner {
		margin: 0;
		width: 100%;
		height: 240px;	
		}		
	.box-outer-contact {
		height: 260px;	
		}	
	.contact .title-mobile {
		display: inherit !important;
		}


/* -------------------------------------------------------------------------------------------------------------- */
/* css for event content ---------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.event-subtitle {
	padding: 16px 0 11px 5%;
	width: 95%;
	font-size: 16px;
	line-height: 16px;
	}	
#event-single {
	float: none; 
	width: 90%; 
	margin: 0 0 0 0; 
	padding: 0 5% 50px 5%;
	}
		#event-single .event-post p {
			padding: 0 0 30px 0;
			}
		#event-single h1,
		#event-single .event-title {
			padding: 25px 0 15px 0;
			font-size: 32px; 
			line-height: 38px;
			}
		#event-single .event-post h2 {
			font-size: 20px;
			line-height: 22px;
			}
		#event-single .event-post .presenter-pic {
			width: 100%;
			margin: 9px 3% 20px 0;
			max-width: 100%;
			height: auto;
			float: none;
			}
		#event-single .event-post .presenter-text {
			width: 100%;
			float: none;
			}

.event-sidebar {
	float: none; 
	width: 100%; 
	padding: 0 0 50px 0;
	margin: 0 0 0 0;
	}
	.event-sidebar h2 {
		font-size: 16px;
		line-height: 16px;
		}
	.event-sidebar .text {
		padding: 26px 35px 0px 35px;
		max-width: 100%;
		word-wrap: break-word;
		}
	.annual-single h3 {
		font-size: 16px;
		}
	.event-title2 {
		font-size: 26px; 
		line-height: 30px;
		width: 100%;
		}
.form-title {
	font-size: 16px;
	line-height: 16px;
	}	
		
.event-sidebar input[type='submit'] {
	height: 45px !important;
	width: 120px !important;
	}

.annual-single input[type='submit'] {
	height: 45px !important;
	width: 120px !important;
	}



/* --------------------------------------------------------------------------------------------------------------- */
/* css for footer ------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */

#footer {
	position: relative;
	padding: 25px 0 10px 0;
	height: 205px;
	}
	.footer-links {
		padding: 0 0 35px 0;
		font-size: 18px;
		line-height: 28px;
		}
		.footer-links span {
			}
		.footer-links a {
			padding: 0 8px 0 8px;
			}
	.footer-desktop {
		display: none;
		}		
	.footer-mobile {
		display: inherit;
		}		
	.footer-info {
		font-size: 14px;
		line-height: 24px;
		}
		.footer-info a {
			padding: 0 2px 0 2px;
			}
		.footer-icon {
			margin-top: 15px;
			}	
	.copyright {
		font-size: 11px;
		}
.top-container {
	position: relative;
	display: inherit;
	padding:17px 0 0 0;
	width: 100%;
	height: 51px;
	background: #657c40;
	}
.back-to-top {
	display: block;
	margin: 0 auto 0 auto;
	width: 39px;
	height: 38px;
	cursor: pointer;
	text-align: center;
	background: url(images/back-to-top-off.png) no-repeat;
	}
.back-to-top:hover {
	background: url(images/back-to-top-on.png) no-repeat;
	}


}