/*
	Based on Fluid Baseline Grid v1.0.0
	Designed & Built by Josh Hopkins and 40 Horse, http://40horse.com
	Licensed under Unlicense, http://unlicense.org/

	Base stylesheet with CSS normalization, typographic baseline grid and progressive responsiveness
*/

/* Webfont — Tenor Sans (Optima-style humanist sans). Aliased as "Optimer" so legacy
   selectors and inline styles keep working unchanged. OFL 1.1 license. */
@font-face {
	font-family: 'Optimer';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/tenor-sans-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Optimer';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/tenor-sans-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}

/* BASE */
html {height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {margin: 0; min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;} /* Improve default text rendering, handling of kerning pairs and ligatures */

/* DEFAULT FONT SETTINGS */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
body, button, input, select, textarea {font: 100%/1.5 Optimer, sans-serif; *font-size: 1em; color: #333} /* IE7 and older can't resize px based text */

/* TYPOGRAPHY */
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
h1, h2, h3, h4, h5, h6 {font-family:Optimer, sans-serif;color:#5d5d5d;text-shadow:1px 1px 1px rgba(0,0,0,.10)}
h1 {margin: 0; font-size: 3.75em; line-height: 1.2em; margin-bottom: 0.4em} /* 60px / 72px */
h2 {margin: 0; font-size: 3em; line-height: 1em; margin-bottom: 0.5em} /* 48px / 48px */
h3 {margin: 0; font-size: 2.25em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.6667em} /* 36px / 48px */ 
h4 {margin: 0; font-size: 1.5em; line-height: 1em; margin-bottom: 1em} /* 24px / 24px */
h5 {margin: 0; font-size: 1.3125em; line-height: 1.1428571428571428571428571428571em; margin-bottom: 1.1428571428571428571428571428571em} /* 21px / 24px */
h6 {margin: 0; font-size: 1.125em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 1.3333333333333333333333333333333em} /* 18px / 24px */
p, blockquote, pre, td, th, label {font-family:Optimer, sans-serif; margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em} /* 16px / 24px */
small, p.small {margin: 0; font-size: 0.875em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em} /* 14px / 24px */

/* MEDIA */
figure {margin: 0}
img, object, embed, video {max-width: 100%;	_width: 100%} /* Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

/* DEFAULT MOBILE STYLE */
body {margin: 0 auto;} /* Center page without wrapper */

/* MENU STYLES */
/* a {color: #e9e885;} */
a {color: #b3aa25; text-decoration: none;}
a .m_hover { display: inline-block; color: #3f3f3f;} /* main menu link color */
a:hover .m_link { display: inline-block;} 
a:hover .m_hover  { display: none;}
a .m_link { display: none; } 
.m_set { color: #b3aa25;}

/* CONTENT STYLES */
.wrapper {
	margin: auto 30px;
}
.row {
	clear:both;
}
.col1_top {
 	float:left;
    padding-right: 30px;
	padding-bottom: 15px;
	text-align: center; 
}
.col2_top {
	float:left;
	padding-bottom: 15px;
}
.col1_middle_logo {
 	float:left;
    margin-top: 25px;
    padding-right: 30px;
	text-align: center; 
}
.col1_middle {
 	float:left;
    margin-top: 30px;
    padding-right: 30px;
	text-align: center; 
}
.col1_middle_highlight {
 	float:left;
    padding-right: 30px;
}
.col1_vision {
	margin-top:-125px;
}
.col1_middle_quotes {
 	float:left;
    margin-top: 15px;
    padding-right: 30px;
}
.col1_middle_quotes p {
	padding-left: 10px;
	padding-right: 10px;
}
.col1_middle_contact {
 	float:left;
    margin-top: 15px;
    padding-right: 30px;
}
.col1_middle_contact p {
	padding-left: 10px;
	padding-right: 10px;
}
.col2_middle {
	float:left;
}
.col1_bottom {
 	float:left;
    padding-right: 30px;
}
.col2_bottom {
	float:left;
}
.copytag {
	float: left;
    padding-left: 30px;
}
.viewport_text {
	margin-top: 28px;
	font-size: 1.2em;
}
.viewport_text_small p {
	margin-top: 15px;
	margin-bottom: 15px;
}
.viewport_text_small img {
	width:161px;
	height:203px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.viewport_text td {
	vertical-align: top;
}
.viewport_text li {
	padding-left: 15px;
	background-position: 0 .5em;
	line-height: 130%;
	font-size: .8em;
	list-style-type: none;
	background-image: url(/images/bullet.png);
	background-repeat: no-repeat;
}
.viewport_contact {
	/* border-style:solid;
	border-color:#c0c0c0; */
	padding-top: 30px;
	padding-right: 10px;
}
.viewport_menu {
	float:left;
	margin-left: 30px;
}
.subviewport {
	padding: 0;
	width: 100%;
}
.menu {
	clear:both;
	margin: 0 25px 0 -40px;
}
.menu li {
	list-style: none;
	text-transform: uppercase;
	line-height: 120%;
	padding-top:15px;	
}
.menu a {
	text-decoration: none;
}
.menu .active {
	color: #988a00;
}
.portfolio_menu {
	float: right;
	text-align: right;
	margin: 0 25px 0 0;
}
.portfolio_menu li {
	list-style: none;
	text-transform: uppercase;
}
.portfolio_menu a {
	text-decoration: none;
}
.highlight {
	text-transform: uppercase;
}
.footer p {
	text-align:right;
	text-transform: uppercase;
}
.footer div.hr { 
	height: 2px; 
	border: 0; 
	background-color: #c0c0c0; 
	margin-bottom: 5px; 
}
.thumbs{
	float:right;
}
.thumb {
	width: 40px;
	height: 40px;
	display: block;
	padding: 1px;
	border-width: medium;
	border-style:solid;
	border-color:#fff;
}
.thumb:hover {
	border-color:#665e58;
}
.active {
	border-color:#665e58;
}
.publications img {
	vertical-align: top;
	margin-top: -5px;
}
div#preload { display: none; }

/* media Queries

FOLDING FLUID GRID
< 767px			- 1-Column Fluid Grid
768px - 1023px	- 2-Column Fluid Grid
> 768px			- -Column Fluid Grid
------------------------------------------- */

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
		body {	}
		.col1_top {
			width: 250px;
		    height: 85px;	
		}
		.col1_middle {
		    width: 250px;
			height: 340px;
		}
		.col1_middle_logo {
		    width: 250px;
		    margin-top: 0px;
		}
		.col1_middle_highlight {
		    width: 250px;
		    margin-top: 90px;
		}	
		.col1_middle_quotes {
		    width: 250px;
		    line-height: .8em;
			font-size: .75em;
		}
		.col1_middle_contact {
		    width: 250px;
			font-size: 1.1em;
		    line-height: .7em;
		}
		.col1_bottom {
		    width: 250px;
		    height: 80px;
		}
		.col2_middle {
		    width: 540px;
		    height: 385px;
		}
		.col2_bottom {
		    width: 540px;
		}	
		.tagline {
			width: 250px;
		}
		.copytag {
		    width: 830px;
			margin-top: -30px;
		}	
		.viewport_text td {
			vertical-align: top;
			font-size: .85em;
			line-height: 120%;
		}
		.viewport_text_small p {
			font-size: .75em;
			line-height: 1.2em;
		}
		.publications img {
			width: 90px;
		}
		.tagline p {
			text-align: center;
		}
		.portfolio_menu ul {
			font-size:1em;
		}
		.menu ul {
			font-size:1em;
		}
		.menu li {
			padding-top:0px;	
		}
		.tagline p {
			font-size: 1.3em;
			padding-top:15px;
		}
		.highlight {
			margin:70px 0px 0px 25px;
			font-size:.95em;
		}
		.footer p {
			font-size:.6em;
		}
		.footer div.hr {
			margin-top: -38px;
		}
		.special {
			color: green;
		}
	}
	
@media only screen and (min-width: 768px) { 
		body {	}
		.col1_top {
			width: 250px;
		    height: 85px;	
		}
		.col1_middle {
		    width: 250px;
			height: 340px;
		}
		.col1_middle_logo {
		    width: 250px;
		    margin-top: 150px;
		}
		.col1_middle_highlight {
		    width: 250px;
		    margin-top: 90px;
		}	
		.col1_middle_quotes {
		    width: 250px;
		    line-height: .8em;
			font-size: .75em;
		}
		.col1_middle_contact {
		    width: 250px;
			font-size: 1.1em;
		    line-height: .7em;
		}
		.col1_bottom {
		    width: 250px;
		    height: 80px;
		}
		.col2_middle {
		    width: 540px;
		    height: 385px;
		}
		.col2_bottom {
		    width: 540px;
		}	
		.tagline {
			width: 250px;
		}
		.copytag {
		    width: 830px;
			margin-top: -30px;
		}	
		.viewport_text td {
			vertical-align: top;
			font-size: .85em;
			line-height: 120%;
		}
		.viewport_text_small p {
			font-size: .75em;
			line-height: 1.2em;
		}
		.publications img {
			width: 90px;
		}
		.tagline p {
			text-align: center;
		}
		.portfolio_menu ul {
			font-size:1em;
		}
		.menu ul {
			font-size:1em;
		}
		.menu li {
			padding-top:0px;	
		}
		.tagline p {
			font-size: 1.3em;
		}
		.highlight {
			margin:70px 0px 0px 25px;
			font-size:.95em;
		}
		.footer p {
			font-size:.6em;
		}
		.footer div.hr {
			margin-top: -38px;
		}
		.special {
			color: green;
		}
	}
	
/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) { 
	body {	}
	.col1_top {
		width: 250px;
	    height: 85px;	
	}
	.col1_middle {
	    width: 250px;
		height: 340px;
	}
	.col1_middle_logo {
	    width: 250px;
	    margin-top: 150px;
	}
	.col1_middle_highlight {
	    width: 250px;
	    margin-top: 90px;
	}	
	.col1_middle_quotes {
	    width: 250px;
	    line-height: .8em;
		font-size: .75em;
	}
	.col1_middle_contact {
	    width: 250px;
		font-size: 1.1em;
	    line-height: .7em;
	}
	.col1_bottom {
	    width: 250px;
	    height: 80px;
	}
	.col2_middle {
	    width: 540px;
	    height: 385px;
	}
	.col2_bottom {
	    width: 540px;
	}	
	.tagline {
		width: 250px;
	}
	.copytag {
	    width: 830px;
		margin-top: -30px;
	}	
	.viewport_text td {
		vertical-align: top;
		font-size: .85em;
		line-height: 120%;
	}
	.viewport_text_small p {
		font-size: .75em;
		line-height: 1.2em;
	}
	.publications img {
		width: 90px;
	}
	.tagline p {
		text-align: center;
	}
	.portfolio_menu ul {
		font-size:1em;
	}
	.menu ul {
		font-size:1em;
	}
	.menu li {
		padding-top:0px;	
	}
	.tagline p {
		font-size: 1.3em;
	}
	.highlight {
		margin:70px 0px 0px 25px;
		font-size:.95em;
	}
	.footer p {
		font-size:.6em;
	}
	.footer div.hr {
		margin-top: -38px;
	}
	.special {
		color: green;
	}
}

@media only screen and (min-width: 1280px) { 
/* DESKTOP */
	body {	}
	.col1_top {
		width: 340px;
	    height: 110px;	
	}
	.col1_middle {
	    width: 340px;
		height: 340px;
	}
	.col1_middle_logo {
	    width: 340px;
	    margin-top: 150px;
	}
	.col1_middle_highlight {
	    width: 340px;
	    margin-top: 100px;
	}	
	.col1_middle_quotes {
	    width: 340px;
	    line-height: .9em;
		font-size: .95em;
	}
	.col1_middle_contact {
	    width: 340px;
		font-size: 1.2em;
	    line-height: .8em;
	}
	.col1_bottom {
	    width: 340px;
	    height: 80px;
	}
	.col2_middle {
	    width: 680px;
	    height: 480px;
	}
	.col2_bottom {
	    width: 680px;
	}	
	.tagline {
		width: 340px;
	}
	.copytag {
	    width: 1050px;
		margin-top: -30px;
	}	
	.viewport_text td {
		vertical-align: top;
		font-size: 1.1em;
		line-height: 100%;
	}
	.viewport_text_small p {
		font-size: 1em;
		line-height: 1.2em;
	}
	.publications img {
		width: 110px;
	}
	.tagline p {
		text-align: center;
	}
	.portfolio_menu ul {
		font-size:1.3em;
	}
	.menu ul {
		font-size:1.2em;
	}
	.menu li {
		padding-top:0px;	
	}
	.tagline p {
		font-size: 1.4em;
	}
	.highlight {
		margin:110px 0px 0px 25px;
		font-size:1.2em;
	}
	.footer p {
		font-size:.7em;
	}
	.footer div.hr {
		margin-top: -42px;
	}
	.special {
		color: blue;
	}
}

/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1400px) { 
	body {font-size:116.75%; max-width:1440px} /* 18.5px / 28px */
	.col1_top {
		width: 360px;
	    height: 110px;	
	}
	.col1_middle {
	    width: 360px;
		height: 340px;
	}
	.col1_middle_logo {
	    width: 360px;
	    margin-top: 150px;
	}
	.col1_middle_highlight {
	    width: 360px;
	    margin-top: 100px;
	}	
	.col1_middle_quotes {
	    width: 360px;
	    line-height: .7em;
		font-size: .85em;
	}
	.col1_middle_contact {
	    width: 360px;
		font-size: 1.2em;
	    line-height: .8em;
	}
	.col1_bottom {
	    width: 360px;
	    height: 80px;
	}
	.col2_middle {
	    width: 725px;
	    height: 490px;
	}
	.col2_bottom {
	    width: 725px;
	}	
	.tagline {
		width: 360px;
	}
	.copytag {
	    width: 1120px;
		margin-top: -30px;
	}	
	.viewport_text td {
		vertical-align: top;
		font-size: 1.0em;
		line-height: 110%;
	}
	.viewport_text_small p {
		font-size: .9em;
		line-height: 1.2em;
	}
	.publications img {
		width: 115px;
	}
	.tagline p {
		text-align: center;
	}
	.portfolio_menu ul {
		font-size:1.1em;
	}
	.menu ul {
		font-size:1em;
	}
	.menu li {
		padding-top:0px;	
	}
	.tagline p {
		font-size: 1.4em;
	}
	.highlight {
		font-size:1.1em;
	}
	.footer p {
		font-size:.7em;
	}
	.footer div.hr {
		margin-top: -45px;
	}
	.special {
		color: red;
	}
}

/* PRINT */
@media print {
  * {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} /* Black prints faster */
  a, a:visited {color: #444 !important; text-decoration: underline}
  a[href]:after {content: " (" attr(href) ")"}
  abbr[title]:after {content: " (" attr(title) ")"}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""}  /* Don't print links for images, javascript or internal links */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
  thead {display: table-header-group; } /* Repeat header row at top of each printed page */
  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}
}