/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*******************  Site Styles ******************/
body {
 font-family: 'Lato', arial, sans-serif;
 background: #000 url('images/background_pattern_tile.png') repeat;
}
html,body, #homeimages {
 height: 100%;
}
.aligncenter {
 text-align: center;
}
#homeimages {
 overflow: hidden;
}
#header-container, #content-holder, #footer, #topnav {
 max-width: 980px;
 margin: 0 auto;
}
#header-wrapper, #nav-container, #footer-wrapper, #homeimages img {
 width: 100%;
}
#header-wrapper {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 10;
}
#logoholder {
 text-align: center;
 //padding: 5px;
}
#logoholder > img {
 max-height: 80px;
}
#footer {
 padding: 10px 0;
 text-align: center;
 font-size: 0.75em;
}
#mobilenav, #tinybeacon {
 display: none;
}
#menu-main-menu {
 text-align: center;
}
#menu-main-menu>li {
 /*float: left;*/
 color: #eed;
 padding: 4px 15px;
 font-size: 13px;
 position: relative;
 text-transform: uppercase;
 display: inline-block;
}
#menu-main-menu a {
 color: inherit;
 text-decoration: none;
 border: none;
}
#nav-container {
 position: absolute;
 top: 87px;
 z-index: 20;
}
a:hover, #menu-main-menu a:hover, .current-menu-item, .current-menu-parent {
 color: #9F885B !important;
}
ul.sub-menu {
 display: none;
 position: absolute;
 top: 33px;
 left: 0px;
 background: #000;
 background: rgba(19,13,14,0.8);
 padding: 15px;
 z-index: 1000;
 font-size: 0.85em;
 line-height: 2;
 border-bottom: solid 2px #a08958;
 min-width: 175px;
}
.sub-menu li {
 color: #fff;
 white-space: nowrap;
 text-align: left;
 border-bottom: solid 1px #888;
}
.sub-menu li:last-child {
 border-bottom: none;
}
.clearer {
 clear: both;
}
.white {
 color: #fff;
}
.gold {
 color: #a08958;
}
.bg-gold {
 background: #a08958;
}
.bg-black {
 background: #231f21;
}
.bg-black-trans {
 background: rgba(0,0,0,0.8);
}
#content-wrapper {
 position: absolute;
 top: 0;
 bottom: 0;
 width: 100%;
}
#content-holder {
 background: #130d0e;
 background: rgba(19,13,14,0.8);
 height: 100%;
 position: relative;
 overflow-x: hidden;
}
.fp-background {
 /*background-attachment: fixed !important;*/
 background-repeat: no-repeat !important;
 background-size: cover !important;
 background-position: center !important;
}
#col-left {
 width: 250px;
 position: absolute;
 top: 108px;
 left: 0;
 bottom: 0;
 background: rgba(0,0,0,0.7);
 padding-top: 20px;
 overflow: hidden;
}
#col-left div.entry-content {
 color: #fff;
 padding: 0 25px 0 20px;
 font-size: 13px;
 line-height: 1.8;
}
#col-left div.entry-content > p {
 margin-bottom: 12px;
}
#lc-nav > a {
 display: block;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
}
#lc-nav {
 padding-left: 20px;
 line-height: 2.5;
 font-size: 13px;
 margin-top: 40px;
 letter-spacing: 2px;
}
#lc-nav > a.historical {
 display: none;
}
.rarrow, .larrow {
 position: absolute;
 bottom: 10px;
 z-index: 5;
 height: 1px;
 width: 5px;
 display: inline-block;
 border-top: solid 8px transparent;
 border-bottom: solid 8px transparent;
 cursor: pointer;
}
.rarrow {
 border-left: solid 8px #fff;
 border-right: none;
 right: 1px;
}
.larrow {
 border-right: solid 8px #fff;
 border-left: none; 
 right: 5px;
}
h1, .entry-title {
 font-size: 24px;
 font-variant: small-caps;
 font-family: serif;
}
#col-left header {
 padding: 20px;
}
p.catname {
 padding: 0 20px;
 margin-top: 20px;
 display: none;
}
p.catname.current, p.catname.historical.projects, p.catname.future.projects {
 display: block;
}

#col-left div.location.white {
 padding: 0 20px;
 margin-top: -15px;
 font-size: 14px;
 font-variant: small-caps;
 margin-bottom: 20px;
}

#pagescroll-holder {
 width: 100%;
 position: absolute;
 bottom: 0;
 left: 0;
 padding: 10px 0;
 text-align: center;
 background: #000;
 display: none;
}
#left-content {
 position: absolute;
 top: 20px;
 left: 0;
 bottom: 25px;
}
#left-content > div.entry-content a {
 color: inherit;
 text-decoration: none;
 border-bottom: dotted 1px;
}
#gallery-holder h1 {
 margin: 0;
 padding-top: 20px;
}
#widecol h1 {
 padding: 10px 10px 10px 20px;
}
#footer > p {
 margin-bottom: 5px;
}
p.copyright {
 color: #fff;
 font-style: italic;
 font-size: 0.9em;
 margin-top: 20px;
}
#fullpage-gallery {
 position: absolute;
 bottom: 12px;
 right: 10px;
 background: rgba(0,0,0,0.4);
 padding: 8px;
}
#fullpage-gallery>div {
 display: inline-block;
 margin-left: 5px;
}
div.gallery-page {
 display: none;
}
.fp-gallery-thumbnail {
 height: 48px;
 width: 90px;
 border: solid 1px #fff;
 overflow: hidden;
}
.fp-gallery-thumbnail a {
 opacity: 0.7;
}
.thumb_active {
 opacity: 1 !important;
}
#pagenext, #pageprev {
 position: absolute; 
 top: 50%;
 color: #fff;
 cursor: pointer;
 margin-top: -30px;
 display: none; 
}
#pagenext {
 right: 5px;
}
#pageprev {
 right: 45px;
}
div.col1, div.col2, div.col3 {
 width: 33%;
 margin: 0;
 padding: 0;
 /*height: 99%;*/
 display: inline-block;
 position: absolute;
 top: 0;
 bottom: 0;
 z-index: 1;
}
div.col1 {
 left: 0;
}
div.col2 {
 left: 33%;
 margin-left: 5px;
}
div.col3 {
 right: 0;
}
#main-wrapper {
 min-height: 100%;
 margin: 0 auto;
}
div.navpagenav {
 text-align: center;
 background: rgba(0,0,0,0.7);
 font-family: 'Libre Baskerville', serif;
 font-variant: small-caps;
 font-size: 22px; 
 position: absolute;
 top: 210px;
 left: 0;
 width: 100%;
 z-index: 10;
}
div.navpagenav > a {
 padding: 35px 0;
 display: inline-block;
 color: inherit;
 text-decoration: none;
}
div.navpagenavmask {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background: rgba(0,0,0,0.4);
 z-index: 5;
 display: none;
}
div.navpagecolumn {
 background-repeat: no-repeat !important;
 background-size: cover !important;
}


@media all and (max-width: 800px) {

 #mobilenav {
  display: block;
  padding: 5px;
  color: #f4f4f4;
  font-size: 27px;
  font-weight: 700;
 }
 #topnav {
  min-height: 40px;
 }
 #menu-main-menu {
  display: none;
  text-align: left;
  background: #000;  
 }
 #menu-main-menu> li {
  display: block;
  z-index: 1000;
  line-height: 25px;
 }
 #logoholder > img {
  max-height: 80px;
 }
 ul.sub-menu {
  position: relative;
  top: auto;
  left: auto;
 }
 div.col1, div.col2, div.col3 {
  width:32%;
 }
 div.navpagenav {
  font-size: 15px;
  font-size: 3.9vw;
 }
 .fp-gallery-thumbnail {
  height: 35px;
  width: 63px;
 }

}


@media all and (max-height: 600px) and (max-width: 600px) {
 #logoholder > img {
  max-height: 50px;
 }
 #nav-container {
  top: 54px;
 }
 #col-left {
  top: 94px;
  width: 100%;
  padding-top: 5px;
  bottom: 135px;
 }
 p.catname {
  margin-top: 0;
 }
 h1, .entry-title {
  font-size: 20px;
 }
 #tinybeacon {
  display: block;
 } 
}