@charset "UTF-8";
/* CSS Document */

/* Mobile-first styles FTW */
body {background:url(img/linen3.png);}
h1 {padding-top:.2em; font-size:34px;}
#mainHolder, #content {margin-top:30px; margin-left:18px; padding-right:0;}
#content {max-width:100%;}
#mainContainer {margin-left:38px; min-width:86.5%;}
/*.cta {display:block; left:0; right:0; margin-left:auto; margin-right:auto; padding:25px; width:400px; height:36px;}*/
.viewRW {margin-left:70px; padding:20px 30px; font-size:2em;}

/*header*/
#header {margin-bottom:60px; padding-right:50px;}
#header.homePage {margin-bottom:150px; padding-top:35px; padding-right:0;}
#logoTag {width:80%;}
#logoTag h1 {margin-left:3.2em; padding-top:.2em; font-size:2.8em; line-height:.9em;}
#logoTag img {width:16%; height:16%;}
#logoTag svg {width:120px; height:120px;}
.homePage #logoTag img, .homePage #logoTag svg {display:block; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; width:225px; height:225px;}
.homePage #logoTag h1, /*.homePage #email,*/ #splashHolder img, .hidden {display:none;}
#email img {width:100%; height:100%; margin-top:40px;}
#email.hp {margin-left:50px; float:none; clear:both;}
#email.hp img {margin-bottom:60px; width:12%; height:12%;}
#blurbBox .bottomList {margin-bottom:85px;}

/*sidebar*/
#sidebar {width:100%; margin-bottom:50px;}
#sidebar li {display:inline; padding-left:0; margin-right:36px; font-size:45px;}
#sidebar img {width:26%; height:26%;}
#sidebar  li.roller:hover, li.selected {padding-left:0; background-image:none;}
#sidebar li.selected img {width:32%; height:32%;}
/*.btn1-m {margin-right:-50px;}
.btn2-m {margin-right:44px;}
.btn2-ms {margin-right:34px;}
.btn2-a {margin-left:-41px;}*/
/*#splashHolder p {margin:0 auto 1.4em auto; width:90%; font-size:3em; line-height:1.2em;}*/
#leftHolder {float:none;}
#splashHolder ul {display:none;}
.mOnly {display:inherit;}

/*slideshow*/
#slideshow {width:880px; height:525px; margin-left:0; clear:both;}
#slideshow #slidesContainer {width:880px; height:525px;}
#slideshow #slidesContainer .slide, .videoHolder {width:860px; height:525px;}
.slide img {width:880px; height:525px;}
.control {display:block; width:32px; height:525px; text-indent:-10000px; position:absolute; cursor: pointer;}
#leftControl {top:210px}
#rightControl {top:210px}
#vidPlayer {width:810px; height:456px;}

/*blurb*/
#homeBlurb #blurbBox {padding-top:0;}
#homeBlurb #blurbBox p {margin:0 auto 1.4em auto; width:90%; font-size:1.2em; line-height:1.2em; text-align:center;}
#homeBlurb #blurbBox h3 {font-size:1.3em;}
#blurbBox {margin-top:30px; margin-right:0; padding:0 50px; position:static; width:828px; float:none; font-size:2.4em;}
#blurbBox ul {margin-bottom:3em; padding-left:0; padding-right:50px;}
#blurbBox li {font-size:1em;}
.blurbMain h3 {font-size:2.5em; color:#4c4d4f;}
h3.homeHdr {padding-left:20px; font-size:1.3em;}

/*content*/
#content p {font-size:2em; line-height:1.2em; clear:both;}
.noMobile {display:none;}

/*about*/
#content .aboutHello {margin-bottom:32px; width:20%; height:20%; float:left;}
#content .portraitHolder {padding-top:180px; height:auto; background:none;}
#content .portraitHolder img {width:25%; height:25%;}
#summary h2 {float:left; text-align:left; font-size:4em;}
#summary p {margin-right:18px; padding-right:5px; width:72%; float:left;}
.columns {width:100%; float:none;}
#bottomContainer {margin-top:60px; padding-top:50px; border-top:3px solid #d5dce5;}
#bottomContainer h3 {font-size:2.8em; line-height:1em;}
#content .leftCol ul {margin-bottom:50px; font-size:1.2em;}
#content .leftCol {margin-bottom:80px;}
#content .leftCol li {margin-bottom:1.6em;}
#content .rightCol li {margin-right:70px; float:left; font-size:2em;}
#content .rightCol li h3 {font-size:1.3em;}
#content .rightCol li ul {margin-top:.2em;}
#content .rightCol ul li li {margin-right:0; padding-left:0; max-width:180px; float:none; font-size:.9em;}

/*case studies*/
#overview {position:inherit; padding-bottom:30px;}
#overview h2 {margin-bottom:.2em; font-size:2.8em;}
.overviewText {margin-right:0; width:100%; float:none;}
#overview p {font-size:3em; line-height:1.2em;}
#overview img {margin-top:30px; margin-left:-40px; position:relative; width:105%; height:105%; float:none;}
#content .section {padding: 40px 15px 35px;}
#content .sectionSub {margin:0; width:32%; height:32%;}
.section img {/*display:block;*/ width:75%; height:75%; margin:0 auto; float:none;}
.sectionMain {padding-bottom:20px;}
.sectionMain img {width:180px; height:auto;}
.sectionDescription {margin-left:220px; overflow:hidden;}
section li {display:block; padding:25px 0; width:100%;}
.section .noLightbox {margin-top:35px;}
.section .noLightbox li {display:block; padding-top:0; padding-bottom:0;}
.section .noLightbox li img {margin-left:0; width:88%; height:88%;}
.section .pWindows li {width:100%;}
.section li img {margin-left:45px; width:35%; height:35%; /*float:right;*/}
.section h4 {font-size:2.9em;}
.sectionMain h4 {font-size:3.2em;}
#wrapper .sectionMain p {font-size:2.5em;}
.sketches img {display:inline-block; width:45%; height:auto;}
.sketches .smallerImg {width:30%; height:auto;}
.sketches .largerImg {/*margin-right:0;*/ width:50%; height:auto;}
.box {left:6.5%; width:85%; max-height:100%; padding-top:50px; padding-bottom:20px; background-size:22px 22px;}
.box img {display:block; margin-left:auto; margin-right:auto; width:99%; height:99%; max-width:inherit; border:1px solid #d5dce5;}
.subsection {width:58%; float:left;}
.subsection img {margin-bottom:18px; width:75%; height:auto;}
.subsection .fullwidth {width:100%; background:#f0f;}
.threeHundredWide {width:auto;}
.noFloat img {float:none;}
.imageTwo {display:inherent; margin:0;}
.fw {width:100%; /*background-color:#0CFE00;*/}
.fwFirst {margin-bottom:50px;}
.divider .imageTwo {display:none;}
.section h3 {margin-bottom:0; font-size:2.6em;}
.section .subhead {margin-top:0;}
/*.section li .loadImg img {width:80%; height:80%;}*/
.divider {width:100%; /*background-color:#f0f;*/}
.divider, h3.divider {margin-top:47px; padding-top:45px; border-top:3px solid #d5dce5;}
.section h3 {margin:1.5em 0 0;}
.section p.lessSpace {margin-top:.2em;}
.iconsOld {width:700px; height:596px; background:url(case-studies/img/arrow-v.png) no-repeat 50% 511px;}
.iconsOld .lft {width:700px; height:511px;}
img.rt {margin-left:0; width:90%; height:90%;}
#media-controls {display:none;}

#footer2 {/*display:none;*/}
#footer2 ul {height:auto; padding-bottom:50px; font-size:3.5em;}
#footer2 li {display:inline-block; width:40%; margin-right:0;}
#footer2 .cInfo {margin-top:20px; clear:both; float:none;}