/* CSS crunched with Crunch - http://crunchapp.net/ */
html,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,body,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}

body{line-height:1}

h1,h2,h3,h4,h5,h6,pre,code,input,textarea{font-size:1em;font-weight:normal}

a img,:link img,:visited img{border:none}

ul,ol{list-style:none}

address{font-style:normal}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

nav ul{list-style:none}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}

a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}

a:active{outline:none}

:focus{-moz-outline-style:none}

ins{background-color:#ff9;color:#000;text-decoration:none}

abbr{cursor:help}

mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}

del{text-decoration:line-through}

abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}

table{border-collapse:collapse;border-spacing:0}

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

input,select{vertical-align:middle}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

* html .clearfix{zoom:1}

*:first-child+html .clearfix{zoom:1}

.screenreader{position:absolute;left:-9000px;top:-9000px}

.imageReplace{text-indent:-9000px}

img,object,embed{max-width:100%}

::selection{background:#ccc;color:#FFF}

::-moz-selection{background:#ccc;color:#FFF}

img::selection{background:transparent}

img::-moz-selection{background:transparent}

@media only screen and (max-device-width:480px){html{-webkit-text-size-adjust:none}

a{-webkit-tap-highlight-color:rgba(200,0,0,0.4)}

}
.rounded{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.rounded-top{-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}
.font4-0{font-size:4em;line-height:1.35em}
.font3-6{font-size:3.6em;line-height:1em}
.font3-2{font-size:3.2em;line-height:1.125em}
.font3-0{font-size:3em;line-height:1.2em}
.font2-8{font-size:2.8em;line-height:1.2857em}
.font2-6{font-size:2.6em;line-height:1.3846em}
.font2-4{font-size:2.4em;line-height:1.5em}
.font2-2{font-size:2.2em;line-height:1.6364em}
.font2-0{font-size:2em;line-height:1.8em}
.font1-8{font-size:1.8em;line-height:1em}
.font1-6{font-size:1.6em;line-height:1.5em}
.font1-4{font-size:1.4em;line-height:1.4em}
.font1-3{font-size:1.3em;line-height:1.5em}
.font1-2{font-size:1.2em;line-height:1.7em}
.font1-1{font-size:1.1em;line-height:1.6364em}
.font1-0{font-size:1em;line-height:1.8em}

@font-face{font-family:'entypo';src:url('/_/fonts/entypo/entypo.eot');src:url('/_/fonts/entypo/entypo.eot?#iefix') format('embedded-opentype'),url('/_/fonts/entypo/entypo.woff') format('woff'),url('/_/fonts/entypo/entypo.ttf') format('truetype'),url('/_/fonts/entypo/entypo.svg#entypo') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'LatinModernRoman10Regular';src:url('/_/fonts/Latin-Modern-Roman/lmroman10-regular-webfont.eot');src:url('/_/fonts/Latin-Modern-Roman/lmroman10-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/_/fonts/Latin-Modern-Roman/lmroman10-regular-webfont.woff') format('woff'),url('/_/fonts/Latin-Modern-Roman/lmroman10-regular-webfont.ttf') format('truetype'),url('/_/fonts/Latin-Modern-Roman/lmroman10-regular-webfont.svg#LatinModernRoman10Regular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'LatinModernRoman10Italic';src:url('/_/fonts/Latin-Modern-Roman/lmroman10-italic-webfont.eot');src:url('/_/fonts/Latin-Modern-Roman/lmroman10-italic-webfont.eot?#iefix') format('embedded-opentype'),url('/_/fonts/Latin-Modern-Roman/lmroman10-italic-webfont.woff') format('woff'),url('/_/fonts/Latin-Modern-Roman/lmroman10-italic-webfont.ttf') format('truetype'),url('/_/fonts/Latin-Modern-Roman/lmroman10-italic-webfont.svg#LatinModernRoman10Italic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'LatinModernRoman10Bold';src:url('/_/fonts/Latin-Modern-Roman/lmroman10-bold-webfont.eot');src:url('/_/fonts/Latin-Modern-Roman/lmroman10-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/_/fonts/Latin-Modern-Roman/lmroman10-bold-webfont.woff') format('woff'),url('/_/fonts/Latin-Modern-Roman/lmroman10-bold-webfont.ttf') format('truetype'),url('/_/fonts/Latin-Modern-Roman/lmroman10-bold-webfont.svg#LatinModernRoman10Bold') format('svg');font-weight:normal;font-style:normal}

body{background:#f7f9f5;font:62.5%/1em 'helvetica neue',helvetica,arial,sans-serif}

.inner{width:96%;padding:0 2%;position:relative}

.wtf article.inner{padding-top:36px;padding-bottom:36px}

#homepageGraphic{display:block;margin:36px auto;width:100%;text-align:center}

.entypo{font-family:'entypo';font-size:1.8em;line-height:0}

i{font-style:normal;font-family:"LatinModernRoman10Italic"}

.cv dl{border:0px solid #000}
.cv dt{float:left;clear:left;width:6em;border:0px solid #000;margin:0 0 0 0}
.cv dd{border-left:1px solid #cccccc;margin:0 0 0 7em;padding:0 0 .3em .5em;width:400px}

header .inner nav ul li a{font-size:1.3em;line-height:1.5em;color:#444}
header .inner nav ul li a:hover{color:red}
header .inner#headerPrimary{background:#444;min-height:72px}
header .inner#headerPrimary #title{display:block;width:100%;font-size:2.2em;line-height:1.6364em;font-family:'LatinModernRoman10Bold';color:#f7f9f5}
header .inner#headerPrimary #mainNav{width:96%;position:absolute;bottom:-1px}
header .inner#headerPrimary #mainNav li{float:left;width:50%}
header .inner#headerPrimary #mainNav li a{font-family:'LatinModernRoman10Regular';padding:3px 10px;color:#fff;text-transform:uppercase}
header .inner#headerPrimary #mainNav li a:hover{color:pink}
header .inner#headerSecondary{position:relative;z-index:500;background:#f7f9f5 url(/_/graphics/gradient1.png) 0 bottom repeat-x}
header .inner#headerSecondary #projectsNav{padding:18px 0;width:100%}
header .inner#headerSecondary #projectsNav a{font-size:1.2em;line-height:1.7em}

.wtf aside ul{margin-bottom:36px}

.js .wtf #projectsNav,.js .home #projectsNav{display:none}

.projects .inner#headerPrimary #mainNav #nav_projects a,.wtf .inner#headerPrimary #mainNav #nav-info a{background:#f7f9f5;color:#444;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}

.announcements #nav_announcements a,.diagram #nav_diagram a,.values #nav_values a,.escape #nav_escape a,.fronthall #nav_fronthall a,.monumentMaquette #nav_monumentMaquette a,.showsnosign #nav_showsnosign a,.heart #nav_heart a,.dollar #nav_dollar a,.onandon #nav_onandon a,.weather #nav_weather a,.hhb #nav_hhb a,.seeing #nav_seeing a,.vindicator #nav_vindicator a,.printspaintingsdrawings #nav_printspaintingsdrawings a,.marxhead #nav_marx a,.poorlittlead #nav_poorlittle a{color:#bbb}

#nav_dollar a{font-family:'LatinModernRoman10Bold'}

article,aside{background:#FFF;min-height:430px}
article li,aside li,article p,aside p,article dd,aside dd,article dt,aside dt{font-size:1.4em;line-height:1.4em;font-family:'LatinModernRoman10Regular'}
article p,aside p{padding:0 0 18px}
article a,aside a{background:#E9ECE6;color:#444}
article a:hover,aside a:hover{background:#444;color:#fff}
aside ul{margin-top:54px}
aside ul li{padding-bottom:3px}

.rightCol{position:relative;}

h1,h2,h3,h4,h5,h6{font-family:'LatinModernRoman10Bold'}
h1{font-size:3.2em;line-height:1.125em;margin-bottom:36px}
h2{font-size:1.8em;line-height:1em;margin:36px 0 36px;float:left;width:100%}
.cv h2{padding-top:36px;border-top:1px solid #ccc}
h3{font-size:1.6em;line-height:1.5em;margin-bottom:9px}

dl{margin-bottom:18px}
dt{font-size:1.4em;line-height:1.4em;margin-bottom:9px}
dd{padding-bottom:6px}

.projects h1{position:absolute;top:-9999px;left:-9999px}

footer{position:absolute;top:-9999px;left:-9999px}

@media only screen and (min-width:40em){.inner{width:86%;padding:0 7%}

header .inner#headerPrimary{min-height:0}
header .inner#headerPrimary #title{float:left;width:50%}
header .inner#headerPrimary #mainNav{width:33%;right:15%;bottom:6px}
header .inner#headerPrimary #mainNav li{text-align:right}
header .inner#headerPrimary #mainNav li a{padding-bottom:6px}
header .inner#headerPrimary #mainNav li a.openMenu{background:#f7f9f5;color:#444;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}
header .inner#headerSecondary #projectsNav li{float:left;width:33%}
header .inner#headerSecondary #projectsNav a#closeProjectsNav{display:block;font-size:5em;line-height:0;position:absolute;right:15%;top:20px;color:#CCC}
header .inner#headerSecondary #projectsNav a#closeProjectsNav:hover{color:#444}
.projects header #headerSecondary.inner #projectsNav a#closeProjectsNav{display:none}

.projects section{float:left}
.projects section#infopanel{width:31.32%;padding-right:2%}
.projects section#infopanel .thumbnails{display:block;float:left;width:100%;padding:36px 0}
.projects section#infopanel .thumbnails li{float:left;margin:0 2px 2px 0}
.projects section#infopanel .thumbnails li a{display:block;width:60px;height:60px;-webkit-opacity:.6;-moz-opacity:.6;-ms-opacity:.6;-o-opacity:.6;opacity:.6}
.projects section#infopanel .thumbnails li a:hover{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}
.projects section#gallerySlider{width:66.65%;margin:36px 0 0}

.leftCol{width:33.32%;margin-right:10%;float:left}
.rightCol{width:56.65%;float:right;}
/*
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}

.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}

.flexslider{margin:0;padding:0}
.flexslider .slides > li{display:none}
.flexslider .slides img{width:auto;display:block}

.flex-pauseplay span{text-transform:capitalize}

.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

html[xmlns] .slides{display:block}

* html .slides{height:1%}

.no-js .slides>li:first-child{display:block}

.flexslider{margin:0 0 60px;background:#fff;position:relative;zoom:1}

.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}

.loading .flex-viewport{max-height:300px}

.flexslider .slides{zoom:1}

.flex-direction-nav{*height:0;position:absolute;top:-36px}
.flex-direction-nav li{float:left}
.flex-direction-nav a{width:72px;height:36px;display:block;float:left;font-family:"entypo";text-decoration:none;background:#fff url(/_/graphics/slider_arrows.png) no-repeat 0 0;z-index:10;cursor:pointer;-webkit-transition:all .3s ease;color:#444;font-size:4.5em;line-height:36px;text-align:center}
.flex-direction-nav a.flex-prev{border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.flex-direction-nav a.flex-next{background-position:-40px 0;border-right:1px solid #e1e1e1}
.flex-direction-nav a:hover{background-color:#E1E3DF}
.flex-direction-nav .flex-disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}

.caseStudies .flex-direction-nav{right:0;top:-19px}

.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}

.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}

.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}
.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}
.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}

.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .flex-active{opacity:1;cursor:default}
*/
}

@media only screen and (min-width:40em) and screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:0}

.flex-direction-nav .flex-next{opacity:1;right:0}

}

@media only screen and (min-width:80em){.inner{width:60%;padding-right:20%;padding-left:20%}


header .inner#headerPrimary #mainNav{right:20%;width:18%}

}


/*added slider styles*/
.applySlideStyle * {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}


.applySlideStyle h2 {
	font-size:2.4em;
	line-height:1.3em;
	font-style: italic;
	}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 10em;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}
article a.prev,
article a.next {background: black; color: red;}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
article a..prev:hover,
article a..next:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  display:none;
}

.row { margin-bottom:2px; }
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width:19%;
  margin-right:1%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}