@charset "UTF-8";
*{padding:0; margin:0;}
html, body {height:100%; font-family:Arial, Helvetica, sans-serif;}
body {background:url(../img/linen.png);}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/}
.mainBG {background:url(../img/linen2.png);}
h1 {font-family: BrandonGrotesque-Regular; padding-top:.9em; font-size:21px; font-weight: normal; font-style: normal; color:#8b8b8b;}
h2 {margin-bottom:.8em; font-size:1.1em; font-family: BrandonGrotesque-Regular; font-weight:normal; color:#4f8bc9;}
h3 {font-family: BrandonGrotesque-Regular; font-weight: normal; font-style: normal;}
h4 {margin-bottom:1.2em; padding-right:40px; text-decoration:none; font-size:.8em; font-style:italic; font-weight:normal; color:#4f8bc9;}
a {outline:0; text-decoration:none;}
li {list-style-type:none;}
.divSpacer {clear:both;}

#wrapper {width:100%; min-height:100%; margin-bottom:60px;}
#main {/*padding-bottom:288px; overflow:auto;*/ overflow:hidden;}
#mainContainer {margin:0 auto 0 194px; width:75%;}
.viewRW {margin-top:25px; padding:8px 10px; float:left; clear:both; font-family: Quatie-NorMed; font-size:1.3em; background:#fff; border:4px solid #d5dce5; -moz-border-radius:8px; border-radius:8px;}
.viewRW a {color:#ef5a88;}
.viewRW:hover {background:#fbfbfb;}
.viewRW a:hover {color:#fd6186;}

/*header*/
#header {/*position:fixed;*/ height:115px; margin-bottom:6px; padding:8px 0 0 11px; /*background:#d5dce5;*/}
#logoTag {padding:12px 0 0 0; width:70%; float:left;}
#logoTag img {margin-bottom:25px; margin-right:20px; float:left;}
#logoTag svg {margin-bottom:25px; margin-right:20px; width:100px; height:100px; float:left;}
#email {padding:7px 11px 0 0; float:right; cursor:pointer;}
#email img {width:36px; height:31px;}

/*main*/
#content {width:auto; clear:both;}
#mainHolder {min-width:1000px; padding-right:300px;}
#leftHolder {float:left;}
#homeBlurb #blurbBox {padding-top:110px;}
.mOnly {display:none;}

#splashHolder {width:892px; margin-left:50px;}
#splashHolder img {margin-bottom:32px;}
#splashHolder p {width:762px; margin-left:65px; text-align:center; font-size:1.1em; line-height:1.4em; color:#4c4d4f}
.skillList {width:792px; margin-left:50px;}
.skillList li {display:table-cell; *float:left; width:260px; font-family: BrandonGrotesque-Regular; font-size:1.2em; text-align:center; color:#354154;}
#splashHolder .skillList li svg {margin:6px auto 0;}
.skillList svg {display:block; height:52px; margin:0 auto;}
.skillList ul {margin-top:8px;}
.skillList li li {display:inherit; *float:none; margin-bottom:1em; padding-left:60px; width:140px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#8b8b8b;}

/*sidebar*/
#homeBlurb h3 {margin-bottom:.4em; /*color:#8b8b8b;*/}
#sidebar {margin-right:42px; /*padding-left:11px;*/ float:left; width:142px;}
#sidebar ul {padding-left:29px;}
#sidebar li {margin-bottom:15px; font-family: BrandonGrotesque-Regular; font-size:14px;}
#sidebar  li.roller:hover {padding-left:12px; background:url('../img/box.svg') no-repeat 0 2px; background-size: 8px 10px;}
.selected {padding-left:18px; background:url('../img/box.svg') no-repeat 0 2px; background-size: 8px 10px}
#sidebar a {color:#4c4d4f;}
#sidebar ul ul {margin-top:.3em; padding-top:.5em;}
#sidebar ul ul, #sidebar ul ul li {margin-bottom:.2em; padding-top:0; padding-left:0; color:#8b8b8b;}
#sidebar ul ul a {color:#8e9aac;}

/*slideshow*/
#slideshow {margin:0 auto 0 184px; width:720px; height:420px; position:relative;}
#slideshow #slidesContainer {margin:0 32px; width:720px; height:420px; overflow:auto; /* allow scrollbar */ position:relative;}
#slideshow #slidesContainer .slide {margin:0 auto; width:700px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:420px;}
.control {display:block; width:32px; height:420px; text-indent:-10000px; position:absolute; cursor: pointer;}
#leftControl {top:154px; left:0; background:transparent url(../rw/img/btns_prevNext.svg) no-repeat 0 0; background-size:182px 71px;}
#rightControl {top:154px; right:-64px; background:transparent url(../rw/img/btns_prevNext.svg) no-repeat -101px 0; background-size:182px 71px;}
#slideshow #slidesContainer .splash {display:none; background:#f0f;}
.videoHolder {padding:25px 40px 30px; width:720px; height:420px; background:#dee1e5;}

/*blurb*/
#blurbBox {margin-right: -300px; position:relative; width:300px; float:right;}
#blurbBox p {margin-bottom:1em; padding-right:60px; color:#354154; font-size:.9em;}
#blurbBox img {clear:both; float:none;}
#blurbBox ul {margin:.1em 0 1em 0; padding-right:100px; /*padding-left:0.2em;*/}
#blurbBox li {margin-bottom:.5em; font-size:12px; color:#8b8b8b; line-height:1em; list-style: none;}
.blurbMain {margin-top:168px; clear:both;}
.blurbMain h3 {font-size:15px; color:#4c4d4f;}
p.viewLive {margin-top:.6em;}
.viewLive a {text-decoration:none; font-size:.9em; color:#ef5a88;}

/*video controls*/
button {/*position:relative;*/ margin-top:-1px; float:left; text-indent:-9999px; width:20px; height:12px; border:none; cursor:pointer; background:transparent url('../img/btnsVideo.png') no-repeat 0 0;}
.play {background-position:0;}
.pause {background-position:-24px 0;}
.replay {background-position:-48px 0;}
.volume-minus {background-position:-90px 0;}
.volume-plus {background-position:-130px 0;}
.mute {background-position:-170px 0; }
.unmute {background-position:-201px 0; }
#progress-bar1, #progress-bar2 {width:172px;}
#progress-bar, #progress-bar1, #progress-bar2 {margin-top:3px; height:6px; float:left; border:none;  color:#8b8b8b; font-size:10px; background:#fafafa;}
#progress-bar #play-progress, #progress-bar1 #play-progress1, #progress-bar2 #play-progress2 {display:block; width:0px; height:6px; background-color:#d5dce5;}
.slide #media-controls {margin-top:6px; padding-left:0;}
.slide button {width:30px; height:16px; background-image:url(../img/btnsVideo-LG.png);}
.slide .pause {background-position:-32px 0;}
.slide .replay {background-position:-66px 0;}
#progress-bar {margin-top:4px; margin-right:8px; height:8px; width:515px;}
#progress-bar #play-progress {height:8px; background-color:#8e9aac;}

/*about*/
.aboutHello {display:block; margin:0 auto 15px;}
.portraitHolder {height:130px; background:url(../img/portraitBG.png);}
#summary {padding-bottom:15px; /*border-bottom:2px solid #d5dce5;*/}
#summary img {display:block; margin:0 auto 15px;}
#summary h2 {margin-bottom:15px; text-align:center; font-family: Quatie-NorMed; font-weight: normal; font-style: normal; font-size:32px; color:#4f8bc9;}
#summary p {margin-bottom:1em;}
.columns {display:block; float:left;}
.dates {margin-left:.4em; font-size:.9em; font-weight:normal; font-style:italic; color:#4f8bc9;}
#bottomContainer {clear:both;}
#bottomContainer p {margin-bottom:1em; font-style:italic;}
#bottomContainer h3 {margin-bottom:.3em; color:#4f8bc9;}
#bottomContainer li {margin-bottom:.8em;}
#bottomContainer li li {font-size:1em; color:#4c4d4f;}
#bottomContainer li li li {font-size:.9em;}
.leftCol {width:60%; padding-right:10%;}
#bottomContainer .leftCol ul ul li {margin:.2em 0 0; font-weight:bold;}
#bottomContainer .leftCol ul ul ul li {font-weight:normal;}
.rightCol {width:30%;}
.rightCol ul {margin-bottom:2em;}
.rightCol ul ul {margin-bottom:0;}
#bottomContainer .rightCol ul ul li {margin-bottom:0; padding-left:1em;}
#bottomContainer .rightCol li li {font-size:.9em;}

/*portfolio*/
#portfolioHolder {width:100%; position: relative; margin-top: -288px; height: 288px; clear:both;}
.portfolioContent {height:288px; padding:35px 23px 0 23px; background:#fff;}


/*case studies*/
#overview {position:relative; margin-bottom:20px;}
#overview p {/*margin-right:450px;*/ font-family: BrandonGrotesque-Regular; font-size:1.3em; line-height:1.4em; color:#8b8b8b;}
.overviewText {margin-right:450px; min-height:306px; float:left;}
#overview img {position:absolute; float:right; right:0;}
div.section {padding:14px 10px 10px; min-width:825px;}
.sectionMain {clear:both; border-top:2px solid #d5dce5;}
.sectionMain .sectionLast {border-bottom:2px solid #d5dce5;}
.sectionImg, .sectionMain img {width:120px; height:120px; float:left;}
.sectionDescription {margin-left:150px; padding-top:6px; padding-bottom:10px; min-height:100px; background:url(../img/triangleDown.png) no-repeat bottom right;}
.section h3 {margin:.6em 0 .3em; font-size:1em;}
.section h4, .sectionMain h4 {margin-bottom:0; font-family: Quatie-NorMed; font-weight: normal; font-style: normal; font-size:23px; color:#4f8bc9;}
.sectionMain h4 {font-size:20px;}
.sectionMain p {margin-top:.4em;}
.sectionMain a {color:#4c4d4f;}
.section p {margin:.6em 0 .4em; font-size:.9em; color:#4c4d4f;}
.section ul {white-space: nowrap;}
.section li {display:inline-block; zoom:1; *display:inline; margin-right:60px; vertical-align:top; white-space:normal;}
.section .pWindows li {width:225px;}
.even {background:#ebeef2;}
.odd {background:#fff;}
.sectionLast {margin-bottom:75px;}
.first {border-top:2px solid #8b8b8b;}
li.right {margin-right:0;}
p.desc {font-size:.85em;}
.problems {font-style:italic;}
.divFirst {margin-top:20px;}
.divider, h3.divider {margin-top:32px; padding-top:30px; border-top:2px solid #d5dce5;}
.subsection {margin-bottom:20px; clear:both;}
.subsection p {margin-top:0;}
.threeHundredWide {width:300px;}
.imageTwo {display:block; margin:0 auto;}
.section .divider h3 {margin-top:0;}
.videos {clear:both;}
.videos p {margin-top:1.2em; clear:both;}
.videoBox {display:none;}
.vidLft {width:47%; float:left;}
.vidRt {width:47%; float:right;}
.videos img {display:block; margin:0 auto;}
.txtCTA, .txtCTA a {margin-left:4px; font-size:.9em; color:#bb2890; cursor:pointer;}
.even .txtCTA a {margin-left:0; padding-left:0;}
.imgRt {margin-left:40px; float:right;}
.imgLft {margin-right:40px; float:left;}
.iconsOld {width:389px; height:219px; float:left; background:url(../case-studies/img/arrow.png) no-repeat 295px 100px;}
.iconsOld .lft {display:block; vertical-align:top; margin-top:22px; margin-right:50px;}
img.rt {display:block; vertical-align:top; float:left;}
.sketches {margin-top:10px; max-width:700px;}
.sketches img {margin-bottom:20px; margin-right:40px; float:left;}

/*lightbox*/
.lightbox {/*cursor:pointer;*/ cursor:url(../case-studies/img/magGlass.png), -moz-zoom-in;}
.backdrop {position:fixed; /*top:0px; left:0px;*/ width:100%; height:100%; background:#000; opacity: .0; filter:alpha(opacity=0); z-index:50; display:none;}
.box {position:fixed; top:20%; left:30%; width:auto; height:auto; background:url(../img/lightboxX.gif) no-repeat 97.75% 10px #fff; z-index:51; padding:28px 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow:0px 0px 5px #444444; -webkit-box-shadow:0px 0px 5px #444444; box-shadow:0px 0px 5px #444444; display:none; cursor:pointer;}
.box img {border:none; max-width:450px;}

/*footer*/
#footer {/*display:none;*/ width:100%; position: relative; margin-top: -288px; /* negative value of footer height */height: 288px; clear:both;}
.paperEdge {height:9px; background:url(../img/paperEdge.png) 0 0;}
.footerContent {height:288px; padding:35px 23px 0 23px; background:#bcc1c8;}
#footerBox {width:33%; float:left;}
#footer2 {width:100%; position:relative; margin-top:-35px; height:35px; clear:both;}
/*.footer2Content {height:35px; padding:11px; background:#8e9aac;}
.footer2Content img {padding-right:180px;}*/
#footer2 ul {height:35px; padding:11px 11px 11px 60px; background:#8e9aac;}
#footer2 li {display:inline; margin-right:120px; padding-top:.4em; font-family:BrandonGrotesque-Regular; font-size:1.1em; color:#d5dce5;}
#footer2 a {color:#d5dce5;}
#footer2 .cInfo {margin-right:0; float:right; font-size:.7em;}