/* line 2, ../scss/_reset.scss */
html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* line 2, ../scss/_reset.scss */
article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* line 17, ../scss/_bits.scss */
html,
button,
input,
select,
textarea {
  color: #222; }

/* line 21, ../scss/_bits.scss */
body {
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
/* line 32, ../scss/_bits.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

/* line 37, ../scss/_bits.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
/* line 46, ../scss/_bits.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
/* line 59, ../scss/_bits.scss */
img {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
/* line 67, ../scss/_bits.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
/* line 77, ../scss/_bits.scss */
textarea {
  resize: vertical; }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
/* line 85, ../scss/_bits.scss */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
/* line 100, ../scss/_bits.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

/* line 108, ../scss/_bits.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/* line 119, ../scss/_bits.scss */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/* line 128, ../scss/_bits.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/* line 145, ../scss/_bits.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
/* line 158, ../scss/_bits.scss */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 */
/* line 166, ../scss/_bits.scss */
.inner, .row, ul.menu, ul.submenu {
  zoom: 1; }
  /* line 168, ../scss/_bits.scss */
  .inner:before, .row:before, ul.menu:before, ul.submenu:before {
    content: '';
    display: block; }
  /* line 172, ../scss/_bits.scss */
  .inner:after, .row:after, ul.menu:after, ul.submenu:after {
    content: '';
    display: table;
    clear: both; }

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  /* line 185, ../scss/_bits.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  /* line 193, ../scss/_bits.scss */
  a,
  a:visited {
    text-decoration: underline; }

  /* line 197, ../scss/_bits.scss */
  a[href]:after {
    content: " (" attr(href) ")"; }

  /* line 201, ../scss/_bits.scss */
  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  /* line 211, ../scss/_bits.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  /* line 216, ../scss/_bits.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  /* line 221, ../scss/_bits.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  /* line 226, ../scss/_bits.scss */
  tr,
  img {
    page-break-inside: avoid; }

  /* line 230, ../scss/_bits.scss */
  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  /* line 240, ../scss/_bits.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  /* line 246, ../scss/_bits.scss */
  h2,
  h3 {
    page-break-after: avoid; } }
@font-face {
  font-family: 'OpenSansRegular';
  src: url("../fonts/OpenSans-Regular-webfont.eot");
  src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OpenSansItalic';
  src: url("../fonts/OpenSans-Italic-webfont.eot");
  src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OpenSansBold';
  src: url("../fonts/OpenSans-Bold-webfont.eot");
  src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Neutraface2Text-Book';
  src: url("../fonts/neutr202.eot");
  src: url("../fonts/neutr202.eot?#iefix") format("embedded-opentype"), url("../fonts/neutr202.woff") format("woff"), url("../fonts/neutr202.ttf") format("truetype"), url("../fonts/neutr202.svg#neutr202") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Neutraface2Text-Bold';
  src: url("../fonts/neutr2tb.eot");
  src: url("../fonts/neutr2tb.eot?#iefix") format("embedded-opentype"), url("../fonts/neutr2tb.woff") format("woff"), url("../fonts/neutr2tb.ttf") format("truetype"), url("../fonts/neutr2tb.svg#neutr2tb") format("svg");
  font-weight: normal;
  font-style: normal; }

/* line 51, ../scss/_main.scss */
body {
  background-color: #fff;
  color: #2f292a;
  font-family: 'OpenSansRegular', Arial, sans-serif;
  font-size: 13px; }

/* line 57, ../scss/_main.scss */
.wrapper {
  margin: 0 auto; }

/* line 60, ../scss/_main.scss */
.inner {
  width: 952px;
  margin: 0 auto;
  padding: 0 4px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }  /* line 67, ../scss/_main.scss */
.wrapper .inner {
  position:inherit;
}
  .inner p {
    font-size: 13px;
    line-height: 20px;
    padding: 0 0 18px 0; }
  /* line 72, ../scss/_main.scss */
  .inner h1 {
    font-size: 28px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Neutraface2Text-Bold', Arial, sans-serif;
    padding: 0 0 10px 16px; }
  /* line 79, ../scss/_main.scss */
  .inner h2 {
    font-size: 28px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Neutraface2Text-Bold', Arial, sans-serif;
    padding: 0 0 10px 16px; }
  /* line 86, ../scss/_main.scss */
  .inner h3 {
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'OpenSansBold', Arial, sans-serif; }
    .inner h4 {
    font-size: 20px;
    font-weight: normal;
    font-family: 'Neutraface2Text-Book', Arial, sans-serif; }
    .inner a.yellowlink, .newsmore a, .pageid_121 .row a {
     text-decoration:none;
     color:inherit;
     border-bottom:2px solid #f3de38; }

/* line 93, ../scss/_main.scss */
.row {
  margin: 0 0 20px 0; }
.row ul {
	padding:0 0 13px 16px; }
/* line 97, ../scss/_main.scss */
.row-border {
  border-bottom: 1px solid #cbcacb; }

/* line 100, ../scss/_main.scss */
.col-main {
  padding-left: 16px;
  width: 510px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.col-main-narrow {
	width:410px; }
  /* line 105, ../scss/_main.scss */
  .col-main h1 {
    padding-left: 0; }

/* line 109, ../scss/_main.scss */
.col-aside {
  padding-left: 16px;
  width: 430px;
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.col-aside-wide {
	width:530px; }

/* line 115, ../scss/_main.scss */
.col-aside-small {
  width: 356px;
  float: right; }

/* line 119, ../scss/_main.scss */
.col-aside-small-col {
  width: 178px;
  padding-left: 16px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 125, ../scss/_main.scss */
.col-3 {
  padding: 0 16px;
  width: 314px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  /* line 130, ../scss/_main.scss */
  .col-3 p {
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 16px 0; }

/* line 136, ../scss/_main.scss */
.photo-aside {
  float: left;
  padding: 0 12px 12px 0; }

/* =============================================================
   HEADER
============================================================= */
/* line 144, ../scss/_main.scss */
header {
  height: 138px;
  background: transparent url(../img/bg-header.png) repeat-x 0 0;
  z-index: 100;
  position: relative; }

/* line 153, ../scss/_main.scss */
.logo {
  position: relative; }

/* line 156, ../scss/_main.scss */
ul.menu {
  position: absolute;
  top: 22px;
  left: 215px;
  list-style: none; }
  /* line 162, ../scss/_main.scss */
  ul.menu li {
    float: left;
    display: inline;
    margin: 0 20px 0 0; }
    /* line 166, ../scss/_main.scss */
    ul.menu li a {
      display: block;
      float: left;
      font-size: 16px;
      line-height: 22px;
      font-family: 'Neutraface2Text-Book', Arial, sans-serif;
      color: #000;
      text-transform: uppercase;
      text-decoration: none;
      border-bottom:0px; }
  /* line 178, ../scss/_main.scss */
  ul.menu li.selected a,
  ul.menu li.active a,
  ul.menu li a:hover {
    border-bottom: 4px solid #f6de37; }

/* =============================================================
   SUB MENU
============================================================= */
/* line 186, ../scss/_main.scss */
ul.submenu {
  list-style: none;
  margin: 0 0 10px 0;
  float:left; }
  /* line 190, ../scss/_main.scss */
  ul.submenu li {
    float: left;
    display: inline;
    margin: 0; }
    /* line 194, ../scss/_main.scss */
    ul.submenu li a {
      display: block;
      float: left;
      font-size: 13px;
      line-height: 28px;
      font-family: 'Neutraface2Text-Book', Arial, sans-serif;
      color: #000;
      text-transform: uppercase;
      text-decoration: none;
      padding: 0 8px; }
    /* line 206, ../scss/_main.scss */
    ul.submenu li a:hover {
      background-color: #f6de37; }
    ul.submenu li a.selected,ul.submenu li a.active {
     text-decoration:none;
     color:inherit;
     border-bottom:2px solid #f3de38; }

/* =============================================================
   SLIDESHOW
============================================================= */
/* line 215, ../scss/_main.scss */
.slideshow-loader {
  height: 32px;
  left: 50%;
  margin: -8px 0 0 -8px;
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 999; }

/* line 224, ../scss/_main.scss */
.slideshow {
  display: none;
  position: fixed !important; }

/* line 229, ../scss/_main.scss */
header .slideshow-controls {
  position: absolute;
  top: 24px;
  right: 4px;
  height: 14px;
  width: 278px; }
  /* line 236, ../scss/_main.scss */
  header .slideshow-controls .slideshow-prev,
  header .slideshow-controls .slideshow-next {
    display: block;
    width: 13px;
    height: 14px;
    background: transparent url(../img/bg-controls.png) no-repeat 0 0;
    position: absolute;
    top: 0; }
  /* line 244, ../scss/_main.scss */
  header .slideshow-controls .slideshow-prev {
    left: 0; }
  /* line 247, ../scss/_main.scss */
  header .slideshow-controls .slideshow-next {
    right: 0;
    background-position: 0 -14px; }
/* line 252, ../scss/_main.scss */
header .caption {
  position: absolute;
  top: 19px;
  left: 683px;
  right: 17px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 18px;
  font-family: 'Neutraface2Text-Book', Arial, sans-serif;
  color: #6c6265;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
header .caption a {
	color:inherit;
	text-decoration:none; }
header .caption a:hover { color:#000; }
/* line 268, ../scss/_main.scss */
footer .slideshow-prev,
footer .slideshow-next {
  display: block;
  width: 13px;
  height: 14px;
  background: transparent url(../img/bg-controls.png) no-repeat 0 0;
  position: absolute;
  top: 24px; }
/* line 276, ../scss/_main.scss */
footer .slideshow-prev {
  left: 4px; }
/* line 279, ../scss/_main.scss */
footer .slideshow-next {
  right: 4px;
  background-position: 0 -14px; }
/* line 285, ../scss/_main.scss */
footer .caption,
footer .credit,
footer .pager {
  position: absolute;
  top: 24px;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 12px;
  font-family: 'OpenSansItalic', Arial, sans-serif;
  color: #919396;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
/* line 296, ../scss/_main.scss */
footer .caption {
  right: 68px;
  width: 146px; }
/* line 300, ../scss/_main.scss */
footer .credit {
  left: 38px; }
/* line 303, ../scss/_main.scss */
footer .pager {
  color: #fff;
  right: 38px; }

/* =============================================================
   BANNER
============================================================= */
/* line 312, ../scss/_main.scss */
.banner {
  height: 503px;
  background-color: #000;
  margin: 0 0 25px 0; }

/* line 317, ../scss/_main.scss */
.banner1 {
  background: black url(../img/bg-banner.jpg) no-repeat center center;
  background-size: cover; }

.banner2 {
  background: black url(../img/bg-banner2.jpg) no-repeat center center;
  background-size: cover; }

.bannerquote-container {
  margin:0 auto;
  width:940px;
  height:503px;
  position:relative; }

.bannerquote-content {
  position:absolute;
  right:0;
  bottom:50px;
  background:transparent url(../img/bg-banner-blockquote.png);
  width:375px;
  padding:20px;
  font-family: 'Neutraface2Text-Book';
  font-size:20px;
  text-align:right;
  line-height:22px; }

/* =============================================================
   PROJECTS
============================================================= */
/* line 325, ../scss/_main.scss */
.projects-wrapper {
  padding: 0 0 20px 0; }

/* line 328, ../scss/_main.scss */
.projects-inner {
  padding: 0 0 0 16px; }

/* line 331, ../scss/_main.scss */
.project-item {
  margin: 4px;overflow:hidden; height:195px; }
.project-item a {
  display:block; overflow:hidden; height:195px;
  filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-filter: grayscale(1);}
.project-item a:hover {
	-webkit-filter: none; }
.project-item a img {
  min-height:195px; }
.project-item a .project-overlay {
position:absolute;
bottom:0;
left:0;
right:0;
height:auto;
background: transparent url(../img/bg_caption.png);
color:#fff;
z-index:2000;
text-transform:uppercase;
padding:3px;
font-size:11px;
}
.project-item a:hover .project-overlay {
color:#f6de37;
}
/* WHEN */
.when-wrapper {
padding: 0 0 20px 0; }

.when-inner {
  padding: 0;
  width:750px;
  float:left; }

.when-nav {
  width:170px;
  float:right; }

.when-item {
  padding: 10px 0 10px 16px;
  display:block;
  float:left;
  border-bottom:1px solid #ccc; min-height:198px; }

.when-item-title {
	width:272px;
	float:left;
	margin-right:10px; }
.when-item-title a {color:inherit;border-bottom:0 !important;}
.when-item-image {
	width:160px;
	float:left;
	margin-right:10px; }
.when-item-description {
	width: 272px;
	float:left; }
p.whendate {
	font-size:11px; }
p.whentag {
	background-color:#ccc;
	width:auto;
	float:left;
	font-size:10px;
	padding:4px 10px;
	margin: 0 4px 4px 0;
	-moz-border-radius: 5px;
	border-radius: 5px; }
p.newsmore {
	float:right; }
ul.when-list {
	padding-left:10px;
	list-style-type:none; }
ul.when-list li {
	padding:0 0 5px 15px;
	background:transparent url(../img/bg-listitem.png) no-repeat 0 5px; }
ul.when-list li a {
     text-decoration:none;
     color:inherit; }
ul.when-list li a:hover {
     color:#f3de38; }
ul.when-list li a.selected,ul.when-list li a.active {
     text-decoration:none;
     color:inherit;
     border-bottom:2px solid #f3de38; }
.newsphotos {
	margin-bottom:12px; }
/* =============================================================
   FOOTER
============================================================= */
/* line 338, ../scss/_main.scss */
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #1a1a1a;
  color: #b6b8ba;
  height: 61px;
  overflow: hidden; }

/* line 348, ../scss/_main.scss */
.footer-top {
  background-color: #000;
  height: 61px; }
  /* line 351, ../scss/_main.scss */
  .footer-top .inner {
    text-align: center; }
  /* line 354, ../scss/_main.scss */
  .footer-top a.footer-control {
    font-size: 18px;
    line-height: 61px;
    color: #fff;
    text-decoration: none;
    font-family: 'Neutraface2Text-Book', Arial, sans-serif;
    display: inline-block;
    white-space: nowrap; }
    /* line 361, ../scss/_main.scss */
    .footer-top a.footer-control span {
      color: #ffe10e;
      font-weight: bold; }
    /* line 365, ../scss/_main.scss */
    .footer-top a.footer-control span.more {
      font-weight: normal;
      font-size: 12px;
      border-left: 1px solid #404040;
      display: inline-block;
      line-height: 28px;
      margin-left: 10px;
      padding-left: 10px;
      width:60px; }

/* line 376, ../scss/_main.scss */
.footer-content {
  background-color: #1a1a1a;
  min-height: 239px; }

/* line 380, ../scss/_main.scss */
.footer-col {
  width: 340px;
  padding: 0 25px 0 0;
  margin: 10px 0 0 0;
  float: left; }

/* line 386, ../scss/_main.scss */
.footer-aside {
  width: 190px;
  height: 219px;
  position: relative;
  float: right;
  padding: 0 0 0 20px;
  margin: 10px 0 0 0;
  border-left: 1px solid #383839;
  color: #fff; }
  /* line 395, ../scss/_main.scss */
  .footer-aside h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Neutraface2Text-Bold', Arial, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 15px 0; }
  /* line 403, ../scss/_main.scss */
  .footer-aside p {
    font-size: 11px; }
  /* line 406, ../scss/_main.scss */
  .footer-aside a {
    color: #ffe10e;
    text-decoration: none; }

/* line 411, ../scss/_main.scss */
.footer-label {
  display: inline-block;
  width: 40px; }

/* line 415, ../scss/_main.scss */
.copyright {
  font-size: 11px;
  color: #808184;
  position: absolute;
  bottom: 0;
  left: 20px; }
  
  /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 960px) {
	body, html {overflow-y:visible;overflow-x:hidden;}
	body, .wrapper, .inner, .footer-col, .col-main {max-width:100%;}
	html { -webkit-text-size-adjust: 100%; }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 800px) {
  	.logo {float:right;}
  	.footer-col {width:100%;padding:0 30px;box-sizing:border-box;}
  	footer {height:30px;overflow-y:hidden;position:fixed;z-index:99999;}
  	header {position:fixed;top:0;height:50px;}
  	header .inner {position:relative !important;height:50px;}
  	.mobtop {margin-top:140px;}
  	header .slideshow-controls {top:80px;left:10px;width:185px;}
  	header .caption {left:10px;right:auto;top:75px;font-size:13px;width:145px;text-align:left;}
  	ul.menu {top:20px;left:200px;}
  	ul.menu li {margin:0 15px 0 0;}
  	.col-main {padding:0;}
  	.row {padding:0 20px;box-sizing:border-box;}
  	ul.submenu {width:100%;padding:0 10px;box-sizing:border-box;}
  	.col-aside, .col-3 {padding:0;width:100%;float:none;}
  	.col-aside-small-col {padding:0 5px;box-sizing:border-box;width:50%; }
  	.projects-inner {padding:0;}
  	.project-item {padding:0;margin:0 0 5px 0;right:0;}
  	.img_wrapper {width:100% !important;}
  	.project-item img {width:100% !important;}
  	body.home .footer-top a.footer-control {line-height:1;font-size:15px;padding:5px 0;position:fixed;width:100%;left:0;bottom:0;background:#000;}
  	.footer-top a.footer-control {line-height:30px;padding:3px 20px;box-sizing:border-box;position:fixed;width:100%;left:0;bottom:0;background:#000;font-size:3vw;line-height:1.2;}
  	.footer-top a.footer-control span.more, footer .pager {display:none;}
  	.footer-aside {width:100%;height:auto;float:left;padding:0 10px;box-sizing:border-box;border:0;margin:0 0 10px 0;display:none;}
  	.open-panel {background:none;}
  	.open-panel2 {margin-top:-60px;margin-bottom:30px;min-height:10px;}
  	.copyright {position:relative;display:block;text-align:center;left:0;}
  	div.mc-image {max-height:100%;background-size:contain !important;}
  	body.home div.mc-image {max-height:100%;}
  	footer .slideshow-prev, footer .slideshow-next {top:auto;position:fixed;bottom:10px;}
  	header .slideshow-controls .slideshow-prev, header .slideshow-controls .slideshow-next {display:none;}
  	.col-main-narrow {width:100%;padding:0 10px;box-sizing:border-box;}
  	.col-aside-wide img {max-width:100%;height:auto;}
  	.when-nav {float:none;width:100%;padding:0 10px;box-sizing:border-box;}
  	.when-item, .when-inner {max-width:100%;box-sizing:border-box;padding:0 10px;}
  	.when-item {margin:10px 0;}
  	.when-item-image {margin:10px 0 !important;}
  	.when-item-description {width:100%;}
  	.when-item-title, .when-item-image {width:100%;float:left;margin:0;}
  	p.newsmore {float:left;}
  	.bannerquote-container {display:none;}
  	.newsphotos img {max-width:100%;height:auto;}
  	.col-aside-small {width:100%;padding:0 10px;box-sizing:border-box;}
  	ul.submenu li a, ul.submenu li {float:none;}
  	.projects-wrapper {padding:0 15px;box-sizing:border-box;}
  	.project-item {width:auto !important;margin:0 auto 10px auto;}
  	.project-item a .project-overlay {height:40px;padding:3px 10px;box-sizing:border-box;}
  	.project-item img {width:100% !important;height:auto;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.img_wrapper, .project-item {width:100%;}
  		.project-item img {width:auto !important;margin:0 auto;display:block;position:relative !important;}
  		.project-item .project-overlay {text-align:center;}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }
    
  @media only screen and (max-width: 800px) {
  	
  }
  
  @media only screen and (max-width: 800px) and (orientation: landscape) {
  	.project-item {width:auto !important;float:none;margin:0 auto 10px auto;}
  	.project-item a .project-overlay {height:40px;padding:3px 10px;box-sizing:border-box;}
  	.project-item img {width:auto !important;}
  	.project-item a img {margin:0 auto;display:block;position:relative !important;}
  	.project-item .project-overlay {text-align:center;}
  }
  
  .footer-col a {color:#ffe10e;text-decoration:none;}