* {margin:0;padding:0;border:0;box-sizing:border-box;}
html{overflow:hidden scroll;background-color:#fff;}
body{font-size:14px;color:#000;font-family:Lato, verdana, sans-serif;line-height:18px;margin:0 8px;letter-spacing:1px;}
#page{margin:0 auto;width:100%;max-width:1200px;overflow:hidden;position:relative;}

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

#topad{position:fixed;background-color:#fff;width:98%;max-width:1200px;overflow:visible;z-index:5;text-align:center;}

.tagline{margin:0 0 20px 0;font:13px 'headerfont', arial, sans-serif;letter-spacing:1px;color:#000;font-weight:300;font-style:normal;clear:both;}
h1, h2.projects{margin:0 0 20px 0;font:22px Lato, arial, sans-serif;letter-spacing:1px;color:#000;font-weight:300;font-style:normal;text-transform:uppercase;clear:both;}
h2, h3{margin:0 0 1px 0;font:13px 'headerfont', arial, sans-serif;letter-spacing:1px;color:#000;}
h2.header{margin:3px 0 20px 0;font:22px Lato, arial, sans-serif;letter-spacing:1px;color:#993e65;font-weight:300;font-style:normal;text-transform:uppercase;}

a, a:link, a:visited{color:#993e65;text-decoration:none;}
a:active, a:hover{color:#fff;background-color:#000;text-decoration:none;}
h2 a, h2 a:link, h2 a:visited, h3 a, h3 a:link, h3 a:visited{text-decoration:none;color:#000;}
h2 a:hover, h3 a:hover, h2 a:active, h3 a:active{background-color:#000;color:#fff;}
h1 a, h1 a:link, h1 a:visited{color:#000;text-decoration:none;}
h1 a:hover, h1 a:active{color:#993e65;background-color:none;}
p{margin:0 0 20px 0;}
ul{list-style-type:none;}
.clr{clear:both;display:block;}
.bio{float:left;width:36%;}

#mobilead{display:none;}
header{height:90px;border-bottom:3px solid #000;margin-bottom:20px;overflow:visible;position:fixed;top:0px;/*top:91px;*/width:98%;max-width:1200px;background-color:#fff;z-index:5;display:-webkit-flex;display:flex;flex-direction:row;flex-wrap:nowrap;}
header h2, header h1{text-transform:uppercase;margin:55px 0 0 0;font:27px 'headerfont', arial, sans-serif;letter-spacing:4px;padding:0px 5px;color:#993e65;width:50%;}
header h2 a, header h1 a, header h2 a:link, header h1 a:link, header h2 a:visited, header h1 a:visited{color:#000;background-color:transparent;}
header h1 a:hover, header h2 a:hover, header h1 a:active, header h2 a:active{background-color:transparent;color:#993e65;}

nav{margin:63px 12px 0 0;width:50%;text-align:right;font:13px 'headerfont', arial, sans-serif;text-transform:uppercase;letter-spacing:2px;}
nav a{margin:0 10px 0 0;padding:0 0px;}
nav a, nav a:link, nav a:visited{text-decoration:none;color:#000;}
nav a:hover, nav a:active{background-color:#000;color:#fff;}

main{margin:112px 0 0 0;overflow:hidden;}/*205 for ad*/
main img, main object, main embed{border:0px;margin:0px 10px 10px 0;background-color:none;box-shadow: 0 1px 2px #bbbbbb;}

/*
a.homeimg, a.homeimg:hover, a.homeimg:active, a.homeimg:visited, a.homeimg:link{background-color:#fff;}
*/

.categorythumb{width:60px;height:60px;float:left;}
#mc-embedded-subscribe{text-decoration:none;background-color:#fff;padding:0px;border:0px solid #f08282;font-family:Lato;margin:5px 0;color:#993e65;font-size:14px;letter-spacing:1px;text-transform:uppercase;}
a.more, a.more:link, a.more:visited{text-decoration:none;background-color:#fff;padding:0;border:0px solid #f08282;display:inline-block;text-transform:uppercase;}
a.more:hover, a.more:active, #mc-embedded-subscribe:hover, #mc-embedded-subscribe:active{background-color:#000;color:#fff;}
.photocredit{font-size:10px;text-align:right;margin:-6px 10px 2px 0;width:500px;}

footer{padding:0 0 40px 0;margin-top:25px;font:12px Lato, arial, sans-serif;font-style:italic;color:#000;letter-spacing:1px;border-top:3px solid #000;clear:both;}
footer p{margin-top:20px;}

/*
#thumbs{margin:10px 0 0 0;}
#thumbs li{float:left;height:170px;width:162px;margin:0 20px 15px 0;background-color:#f4f4f4;overflow:visible;position:relative;}
#thumbs li.last{margin-right:0px;}
#thumbs .thumbtitle{position:absolute;bottom:0;left:0;height:40px;background-color:#fff;display:block;width:162px;word-wrap:break-word;padding:3px 0 0 0;overflow:visible;}
#thumbs .thumbtitle a{text-decoration:none;font-family:headerfont;font-size:12px;letter-spacing:2px;}
*/

.oldnews{display:none;}
.desc{display:none;}
.video{display:none;}
.process{display:none;}
.info{display:none;}

.arrow_box{width:300px;background-color:transparent;position:relative;margin:5px 0 15px 0;text-decoration:none;background-color:#fff;padding:0;display:inline-block;font: 14px Lato, arial, sans-serif;letter-spacing:1px;color:#993e65;font-weight:300;font-style:normal;text-transform:uppercase;}
.arrow_box:hover{background-color:#000;color:#fff;}
.arrow_box:after {left:0%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.arrow_box:after {border-color: rgba(0, 0, 0, 0);border-left-color:#fff;border-width:0px;top:50%;margin-top:-6px;}

#leftcol{width:65%;float:left;}
#rightcol{width:33%;float:right;margin-top:-4px;}

#leftcol img, #leftcol iframe{width:100% !important;}
#rightcol ul{margin:0 0 25px 0;}
#rightcol li{margin:0 0 8px 0;}
#rightcol h3{margin-bottom:8px;}

#mc_embed_signup{width:240px;position:relative;}
#mc_embed_signup input{right:0px;position:absolute;}

.fxc{display: -webkit-flex;display: flex;width: 100%;flex-direction:row;flex-wrap:nowrap;}
.fx{padding:2px;margin:0px 6px;width:33.1%;}
.fx2{padding:2px;margin:0px 6px;width:66.9%;}
.fx img, .fx2 img{width:100%;}
.fxc a:hover, .fxtr a:hover, .fxtr a:hover{background-color:#fff;}
.fxc p a:hover, .fxtr p a:hover, .fxtr h3 a:hover, .fxtr li a:hover{background-color:#000;color:#fff;}
.fxc a img:hover, .fxtr a img:hover{filter: brightness(105%);}

.fxct{display: -webkit-flex;display: flex;width: 100%;flex-direction:row;flex-wrap:nowrap;}
.fxt{padding:2px;margin:0px 5px;width:66%;}
.fxtr{padding:2px;margin:0px 5px;width:34%;}

.fxct ul{margin:0 0 25px 0;}
.fxct li{margin:0 0 8px 0;}
.fxct h3{margin-bottom:8px;}

/*
.thumbimage2, .thumbimage2end{width:237px;height:235px;overflow:visible;margin-right:12px;display:inline-block;position:relative;}
.thumbimage2end{margin-right:0px;}
.thumbimage2 a:hover, .thumbimage2end a:hover{background-color:#fff;}
.thumbimage2 p, .thumbimage2end p{margin-top:-3px;font-style:normal;position:absolute;top:172px;width:237px;}
.thumbimage2 img, .thumbimage2end img{width:237px;box-shadow: 0 1px 2px #bbbbbb;}
.thumbimage2 a, .thumbimage2end a{text-decoration:none;color:#000;font: 14px Lato, arial, sans-serif;font-style:italic;}
.thumbimage2 p a:hover, .thumbimage2end p a:hover{color:#fff;background-color:#000;}

.thumbimage3, .thumbimage3end{width:320px;height:297px;overflow:visible;margin-right:12px;display:inline-block;position:relative;}
.thumbimage3end{margin-right:0px;}
.thumbimage3 a:hover, .thumbimage3end a:hover{background-color:#fff;}
.thumbimage3 p, .thumbimage3end p{margin-top:-3px;font-style:normal;position:absolute;top:232px;width:320px;}
.thumbimage3 img, .thumbimage3end img{width:320px;box-shadow: 0 1px 2px #bbbbbb;}
.thumbimage3 a, .thumbimage3end a{text-decoration:none;color:#000;font: 14px Lato, arial, sans-serif;font-style:italic;}
.thumbimage3 p a:hover, .thumbimage3end p a:hover{color:#fff;background-color:#000;}
*/

/* slideshow */
#slidercontainer{width:1000px;max-height:750px;box-shadow: 0 1px 2px #bbbbbb;overflow:visible;margin-bottom:20px;}
.slide img{width:100%;position:relative;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.slider{width:100%;height:100%;margin:0 auto;}
.slide_viewer{height:750px;overflow:hidden;position:relative;}
.slide_group{height:100%;position:relative;width:100%;}
.slide{display:none;height:100%;position:absolute;width:100%;}
.slide:first-child{display:block;}
.slide_buttons{left:0;position:absolute;right:0;text-align:center;margin-top:5px;}
a.slide_btn{color:#bbbbbb;font-size:42px;margin: 0 0.175em;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.slide_btn.active,.slide_btn:hover{color:#993e65;cursor:pointer;}

a.slide_btn.active,a.slide_btn:hover{background-color:transparent;}

.directional_nav{height:750px;margin:0 auto;width:100%;position:relative;top:-750px;}
.previous_btn{bottom:0;left:5px;margin:auto;position:absolute;top:0;}
.next_btn{bottom:0;margin:auto;position:absolute;right:5px;top:0;}
.previous_btn,.next_btn{cursor:pointer;height:65px;width:65px;}
.previous_btn:hover,.next_btn:hover{opacity:0.8;}

@media only screen and (min-width: 320px) and (max-width:600px) {
#mobilead{display:block;margin-bottom:20px;}
main{margin:112px 0 20px 0;overflow:hidden;}
header{flex-direction:column;height:90px;overflow:visible;}
header h2, header h1{width:100%;margin:20px 0 0 0;font: 27px 'headerfont', arial, sans-serif;letter-spacing:4px;padding:0px;color:#993e65;}
nav{width:100%;text-align:left;margin:3px 0;font: 13px 'headerfont', arial, sans-serif;text-transform:uppercase;letter-spacing:2px;}
.fxct{flex-direction:column;flex-wrap:nowrap;}
.fxt, .fxtr{padding:2px;margin:0px 0px;width:100%;}
.fxc{flex-direction:column;flex-wrap:nowrap;}
.fx{padding:2px;margin:0px 0px;width:100%;}
.fx2{padding:2px;margin:0px 0px;width:100%;}
/*
a.homeimg img{width:100%;}
*/
.categorythumb{width:42px;height:42px;float:left;margin:0px 5px 0px 0;}
.thumbimage2, .thumbimage2end{width:100%;height:auto;overflow:visible;margin-right:5px;display:block;position:relative;}
.thumbimage2 img, .thumbimage2end img{width:100%;}
.thumbimage2 p, .thumbimage2end p{margin-top:-3px;font-style:normal;position:relative;top:auto;width:100%;}
.thumbimage3, .thumbimage3end{width:100%;height:auto;overflow:visible;margin-right:5px;display:block;position:relative;}
.thumbimage3 img, .thumbimage3end img{width:100%;}
.thumbimage3 p, .thumbimage3end p{margin-top:-3px;font-style:normal;position:relative;top:auto;width:100%;}
#leftcol{width:100%;float:left;}
#rightcol{width:100%;float:left;margin-top:20px;}
#leftcol img, #leftcol iframe, .thumbimage2 img, .thumbimage2end img{width:100% !important;}
footer{margin-top:0px;padding:0 0 20px 0;}
#slidercontainer{width:100%;max-height:240px;box-shadow: 0 1px 2px #bbbbbb;overflow:visible;margin-bottom:60px;}
.slide_viewer{height:240px;overflow:hidden;position:relative;}
.directional_nav{height:240px;margin:0 auto;width:100%;position:relative;top:-240px;}
}

@media only screen and (min-width: 601px) and (max-width: 999px) {
#mobilead{display:none;}
main{margin:112px 0 20px 0;overflow:hidden;}
header{flex-direction:column;}
header h2, header h1{width:100%;margin:20px 0 0 0;padding:0px;}
nav{width:100%;text-align:left;margin:3px 0;}
nav{font: 13px 'headerfont', arial, sans-serif;text-transform:uppercase;letter-spacing:2px;}
/*
a.homeimg img{width:100%;}
*/
#leftcol{width:65%;float:left;overflow:visible;}
#rightcol{width:33%;float:right;overflow:visible;margin-top:20px;}
#leftcol img, #leftcol iframe{width:100% !important;}
.thumbimage2end{margin-right:22px;}
.thumbimage3end{margin-right:22px;}
footer{margin-top:0px;padding:0 0 20px 0;}
.thumbimage2, .thumbimage2end{width:23%;height:210px;overflow:visible;margin-right:5px;display:block;float:left;position:relative;}
.thumbimage2 img, .thumbimage2end img{width:100%;}
.thumbimage2 p, .thumbimage2end p{margin-top:-3px;font-style:normal;position:relative;top:auto;width:100%;}

.thumbimage3, .thumbimage3end{width:31%;height:260px;overflow:visible;margin-right:5px;display:block;float:left;position:relative;}
.thumbimage3 img, .thumbimage3end img{width:100%;}
.thumbimage3 p, .thumbimage3end p{margin-top:-3px;font-style:normal;position:relative;top:auto;width:100%;}
#slidercontainer{width:100%;max-height:440px;box-shadow: 0 1px 2px #bbbbbb;overflow:visible;margin-bottom:40px;}
.slide_viewer{height:440px;overflow:hidden;position:relative;}
.directional_nav{height:440px;margin:0 auto;width:100%;position:relative;top:-440px;}
}