/* Page Generated in 0.000000 seconds */
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,font,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{
margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent
}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
html, body,form { -webkit-appearance: none; -webkit-font-smoothing: antialiased; }
@font-face {
font-family: 'BrownBold';
src: url('/img/lineto-brown-bold.eot');
src: url('/img/lineto-brown-bold.eot?#iefix') format('embedded-opentype'),
url('/img/lineto-brown-bold.woff') format('woff'),
url('/img/lineto-brown-bold.ttf') format('truetype'),
url('/img/lineto-brown-bold.svg#BrownBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BrownLight';
src: url('/img/lineto-brown-light.eot');
src: url('/img/lineto-brown-light.eot?#iefix') format('embedded-opentype'),
url('/img/lineto-brown-light.woff') format('woff'),
url('/img/lineto-brown-light.ttf') format('truetype'),
url('/img/lineto-brown-light.svg#BrownLight') format('svg');
font-weight: normal;
font-style: normal;
}
body{ font-size:16px; line-height: 20px; background-color:#fff; font-family: 'BrownLight', Arial; letter-spacing:0.05em; -webkit-text-size-adjust: none; color:#000000; }
button::-moz-focus-inner { padding: 0; border: 0}
html{ font-size:100%; }
.hsection { position:relative; width:100%; background-color:#fff;}
.section { position:relative; width:100%; background-color:#fff; margin:0px 0 0 0;}
.sectionproj { position:relative; width:100%; background-color:#fff; margin:0px 0 0 0;}
input:not([type=checkbox]), textarea{ -webkit-appearance: none; border-radius: 0;}
.error, .tfvHighlight { color:red !important;}
.hover {-webkit-user-select: none;-webkit-touch-callout: none; }
object {max-width:100%; height:auto; width:100%;}
.container_main { margin-left: auto; margin-right: auto; width: 980px;}
.grid_1,.grid_2,.grid_3 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;}
.alpha { margin-left: 0;}
.omega { margin-right: 0;}
.grid_1 { width:290px; margin-bottom: 48px; margin-left: 15px; margin-right: 15px;}
.grid_2 { width:460px; /*width:492px;*/ margin-bottom: 65px; }
.grid_3 { width:960px; float:none;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:after { clear: both;}
.clearfix { zoom: 1;}
.spacer_26{ width:100%; height:20px;}
p {margin: 0 0 20px 0;}
p a{ color:#ffcc33; text-decoration:none;}
p a:hover{ text-decoration:underline;}
::selection { background: #ffcc33; /* Safari */ color:#000; }
::-moz-selection { background: #ffcc33; /* Firefox */ color:#000; }
h1, h2, h3, h4, h5, h6 {font-family: Arial; font-weight: normal !important; text-transform:uppercase;}
h1{ color:#333; font-size: 20px; line-height: 20px; padding-top:25px; margin-bottom:25px; font-family:'BrownBold', Arial, Helvetica; text-transform:uppercase; text-align:center; letter-spacing:2px; }
h2{ color:#333; font-size:19px; margin:0 0 25px 0; padding-top:14px; text-transform:uppercase; letter-spacing:2px;}
h3{ color:#333; font-size:18px; margin:0 0 20px 0; padding-top:18px; line-height:26px; text-transform:uppercase;}
h4{ color:#333; font-size:16px; margin:0 0 5px 0; padding-top:6px;}
h5{ color:#333; font-size:17px; margin:0 0 10px 0; padding-top:18px; line-height:26px;}
h6{ color:#333; font-size:16px; margin:0 0 5px 0; padding-top:6px;}
.tblk { width:100%; height:108px; position:relative; background-color:#fff; z-index:9999; top:0; }
.tblk.pinned {box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3); border:0 none;}
.tblkproj { width:100%; height:178px; position:relative; background-color:#fff; z-index:9999; top:0; }
.tblkproj.pinned {box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3); border:0 none;}
#logo{ height:54px; width:320px; margin: 30px auto 0 auto; display:block; position:relative; text-align:center; z-index:9999; }
#logo a{ display:block; height:52px; width:320px; position:absolute; top:0; left:0; z-index:2;}
#logo object {width:200px; height:45px;}
#ielogo{ display:none; height:54px; width:320px; margin: 30px auto 0 auto; position:relative; text-align:center; z-index:9999; }
#ielogo a{ display:block; height:52px; width:320px; position:absolute; top:0; left:0; z-index:2;}
#ielogo object {width:200px; height:44px;}
.mobilenav { display:none; width:100%; cursor:pointer; text-align:center; height:40px; font-size:25px; background-color:#fff;}
/*.mnactive i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}*/
#nav{margin:13px auto 10px auto; position:relative; width:47%; background-color:#fff; height:15px;}
#nav ul{ }
#nav li{ float:left; margin:2px 15px 10px 15px; overflow:hidden;}
#nav a{ font-size:14px; color:#333; text-decoration:none; padding-bottom:2px; text-transform:uppercase; cursor:pointer; letter-spacing:2px; margin-right:-2px; display:block; line-height:15px;}
#nav a:hover, #nav .active a{ border-bottom:1px solid #000; color:#000;}
.pinned #nav {margin:8px auto 0px auto;}
#head_main { position:relative; width:100%; height:100%; margin: 0px auto 0 auto;}
#title{ width:50%; height:192px; position: relative; margin: 20px auto;}
#head_main #title li{ position:relative; font-size:24px; line-height:20px; text-align:center;}
#bg-hold{ position:relative; height:765px; overflow:hidden;}
#bg-hold li img{ filter:inherit;}
#head_controls {text-align:center; padding:0px 0 0 0; margin:-130px auto 116px auto; position:relative; z-index:9990;}
#head_controls a { cursor:pointer; background: none repeat scroll 0 0 padding-box #fff; opacity:0.7; filter:alpha(opacity=70); border-radius: 30px 30px 30px 30px; display: inline-block; height: 0; overflow: hidden; padding-top: 15px; text-align: center; width: 15px; margin: 0 4px;}
#head_controls a.active { background:#000; }
#bg-nav {position:absolute; z-index:9990; width:100%; margin:-155px 0 0 0; }
#bg-nav a {cursor:pointer; text-align:center; text-decoration:none; }
#bg-nav #prev {position:absolute; left:10%; width:70px; display:none; }
#bg-nav #next {position:absolute; right:10%; width:70px; display:none; }
.hititle {text-transform:uppercase; font-family: 'BrownBold', Arial; margin: 10px 0 3px 0; letter-spacing:2px; line-height:26px; padding-top: 20px;}
.hiloc {text-transform:uppercase; font-family: 'BrownBold',Arial; margin: 0px 0 8px 0; letter-spacing:2px;}
.hisummary {text-transform:uppercase; margin: 0 0 20px 0; letter-spacing:2px;}
.hitype { margin: 0 0 10px 0; font-size:14px; }
#m_head_main { display:none; position:relative; width:100%; height:100%; margin: 0px auto 0 auto;}
#m_title{ width:100%; height:127px; position: relative; margin: 20px auto;}
#m_head_main #m_title li{ position:relative; font-size:24px; line-height:20px; text-align:center;}
#m_bg-hold{ position:relative; height:242px; overflow:hidden;}
#m_bg-hold li img{ filter:inherit;}
#m_head_controls {text-align:center; padding:0px 0 0 0; margin:-72px auto 52px auto; position:relative; z-index:9990;}
#m_head_controls a { cursor:pointer; background: none repeat scroll 0 0 padding-box #fff; opacity:0.7; filter:alpha(opacity=70); border-radius: 30px 30px 30px 30px; display: inline-block; height: 0; overflow: hidden; padding-top: 10px; text-align: center; width: 10px; margin: 0 4px;}
#m_head_controls a.active { background:#000; }
#m_bg-nav {position:absolute; z-index:9990; width:100%; margin:-100px 0 0 0; }
#m_bg-nav a {cursor:pointer; text-align:center; text-decoration:none; }
#m_bg-nav #prev {position:absolute; left:10%; width:70px; display:none; }
#m_bg-nav #next {position:absolute; right:10%; width:70px; display:none; }
#m_head_main .hititle {text-transform:uppercase; font-family: 'BrownBold', Arial; letter-spacing:2px; padding-top: 20px; font-size:17px; line-height:15px; margin: 0px 0 3px 0;}
#m_head_main .hiloc {text-transform:uppercase; font-family: 'BrownBold', Arial; letter-spacing:2px; font-size:17px; margin: 0px 0 1px 0;}
#m_head_main .hisummary {text-transform:uppercase; margin: 0 20px 20px 20px; letter-spacing:2px; font-size:17px; line-height:21px;}
#m_head_main .hitype {display:none;}
img.bg{ position:absolute; top:0; left:0; margin:auto; width:100%; height:auto; }
#map_canvas { height: 550px; }
#map_canvas iframe { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.mcdsw {margin: 5px auto 30px auto; text-align:center; width:38px; }
.mcdsb {margin: 5px auto 28px auto; text-align:center; width:38px;}
.project_blk {padding: 0 0 8px 0;}
.project_blk .header { font-size: 19px; font-family: 'BrownLight',Arial; text-transform: uppercase; text-align:center; margin: 50px 0 20px 0; letter-spacing:2px;}
.project_blk_rem {padding: 30px 0 30px 0;}
.da-animate{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.da-slideFromTop{left:0px;top:-100%;}
.da-slideFromBottom{left:0px;top:100%;}
.da-slideFromLeft{top:0px;left:-100%;}
.da-slideFromRight{top:0px;left:100%;}
.da-slideTop{top:0px;}
.da-slideLeft{left:0px;}
.hprojects {margin:40px auto;}
.hprojects .project {margin-bottom:20px; width:470px; color:#000; text-align:center; position:relative; overflow:hidden;}
.hprojects .project a {color:#000; text-decoration:none;}
.hprojects .project section {position:absolute; margin:30px; cursor:pointer; }
.hprojects .project .primg { position:relative; }
.hprojects .project .primg img {width:100%; height:auto;}
.hprojects .project .prinfo { height:256px; }
.hprojects .project .prinfo .tblprfolio { width:413px; position:relative; z-index:99; margin: 0; padding: 0 50px; height:257px;}
.hprojects .project .prinfo .tblprfolio tr, .hprojects .project .prinfo .tblprfolio td {vertical-align:middle;}
.hprojects .project .prinfo .prtitle { font-size:16px; line-height:12px; text-transform:uppercase; font-family: 'BrownBold',Arial; letter-spacing:1px; margin-bottom:7px;}
.hprojects .project .prinfo .prloc { font-size:16px; line-height:12px; text-transform:uppercase; font-family: 'BrownBold',Arial; letter-spacing:1px; margin-bottom:7px;}
.hprojects .project .prinfo .prsummary {font-size:16px; line-height:14px; text-transform:uppercase; letter-spacing:1px; padding:0 20px; margin-bottom:13px;}
.hprojects .project .prinfo .prtype{font-size:12px; margin-top:9px;}
.hprojects .project .prinfo img {width:10%; height:auto;}
.hprojects .project .prinfo .prmcd {padding:5px 0;}
.hprojects .project .prinfo .proverlay {position:absolute; z-index:4; width:100%; background-color:#ffcc33; height:100%; opacity:0.9; filter:alpha(opacity=90); }
.hprojects .project .prinfo .proverlay img {width: 100%; height:auto; }
.hprojects .project .prinfo .mcdsb {margin: 5px auto 5px auto; /*height:15px;*/ overflow:hidden;}
.hprojects .project .mprtitle {display:none; background-color:#ffcc33; padding:10px 0 10px 0; text-align:center; position:absolute; margin: -70px 0 0 0; width:100%; }
.hprojects .project .mprtitle .prtitle {font-size:16px; line-height:12px; text-transform:uppercase; font-family: 'BrownBold',Arial; letter-spacing:1px; margin-bottom:3px;}
.hprojects .project .mprtitle .prloc {font-size:16px; line-height:12px; text-transform:uppercase; font-family: 'BrownBold',Arial; letter-spacing:1px; }
.prfolio .project {line-height:25px; padding: 10px 0 0 0;}
.prfolio .project .vimeo { padding: 0 0 44px 0; }
.prfolio .project .vimeo iframe { width:100%; height:550px; }
.prfolio .project .wprogress {line-height:25px; padding: 28px 0 0 0;}
.hero {margin-bottom: -70px;}
.hero img, .prfolio .project .sketch img, .prfolio .project .wprogress img, .prfolio .project .primgs img {width:100%; height:auto; margin: 0 0 40px 0;}
.m_hero {display:none; /*width:320px; height:242px;*/}
.m_hero img {width:100%; height:auto;}
.prfolio .project h1 {margin-bottom: 7px; font-size:24px; padding-top:24px;}
.prfolio .project .prloc { font-family: 'BrownBold',Arial,Helvetica; font-size: 24px; letter-spacing: 2px; line-height: 20px; text-align: center; text-transform: uppercase; margin-bottom:5px;}
.prfolio .project .headline {font-size: 24px; text-transform:uppercase; letter-spacing:2px}
.prfolio .project .tasks {margin: 15px 0 39px 0; text-transform:titlecase; font-size:14px;}
.prfolio .project .sketch {margin:-5px 0 20px 0;}
.prfolio .project .who {padding:0px 200px 40px 200px; }
.prfolio .project .who h3 { font-size: 19px; font-family: 'BrownLight',Arial; letter-spacing:2px}
.prfolio .project .who .mcdsb {margin: 5px auto 20px auto; }
.prfolio .project .what {padding:50px 200px 90px 200px; width:560px; margin:0 auto;}
.prfolio .project .what h3 { font-size: 19px; font-family: 'BrownLight',Arial; letter-spacing:2px}
.prfolio .project .what .mcdsw { margin:5px auto 20px auto;}
.prfolio .project .how {padding:65px 200px 90px 200px; width:560px; margin:0 auto;}
.prfolio .project .how h3 {font-size: 19px; font-family: 'BrownLight',Arial; letter-spacing:2px}
.prfolio .project .primgs {margin: 40px 0px 0 0px; }
.prfolio .project .mcdsb { overflow:hidden; }
.projectreturn {margin: 10px 0; text-align:center;}
.projectreturn a {color:#000; }
.projectreturn a:hover {color:#ccc; }
.testim_blk { background-color:#000; padding: 30px 0 50px 0;}
.testim_blk blockquote {width:960px; margin:0px auto 10px auto; padding:0; height:446px;}
.testim_blk blockquote #testimonial_txt { width:800px; padding: 50px; text-align:center; margin: auto; }
.testim_blk .tbltestim {height:350px; }
.testim_blk .tbltestim tr, .testim_blk .tbltestim td {vertical-align:middle;}
.testim_blk #testimonial_txt .testimtext {width:100%; font-size:28px; line-height:36px; padding: 0px 0px 20px 0; }
/*
.testim_blk #testimonial_txt .rotwof {display: none; min-height: 70px; width:800px; clear: none;}
*/
.testim_blk #testimonial_txt .rotwof p {margin: 0;}
.testim_blk #testimonial_txt .rotwof a { text-decoration: none; color:#fff; cursor:default; }
.testim_blk #testimonial_txt .rotwof a:hover { text-decoration: none;}
.testim_blk #testimonial_txt .testiminfo {margin:20px 0 0 0;}
.testim_blk #testimonial_txt .testimauthor {font-family: 'BrownBold',Arial; color:#fff; text-transform:uppercase; letter-spacing:2px; -webkit-font-smoothing: antialiased; }
.testim_blk #testimonial_txt .testimposition { color:#fff; text-transform:uppercase; letter-spacing:2px;}
.testim_blk #testimonial_txt .testimcompany { font-family: 'BrownBold',Arial; color:#fff; text-transform:uppercase; letter-spacing:2px; -webkit-font-smoothing: antialiased; }
.wtriangle{ margin: 0px 0 -30px 0; background-image:url("/img/triangle.png"); background-repeat:no-repeat; background-position:top center; width:100%; height:30px; position:relative; z-index:999;}
.ttriangle{ margin: -30px 0 0 0; background-image:url("/img/triangle-trans.png"); background-repeat:no-repeat; background-position:top center; width:100%; height:30px; position:relative; z-index:999;}
.ttriangleb { margin: -30px 0 0 0; background-image:url("/img/triangle-trans-black.png"); background-repeat:no-repeat; background-position:top center; width:100%; height:30px; position:relative; z-index:999;}
.arch_blk { background-color:#ffcc33; padding: 100px 0 50px 0; text-align:center; }
.arch_blk .header { text-transform: uppercase; text-align:center; margin: 0 0 20px 0; font-size: 19px; font-family: 'BrownLight',Arial; letter-spacing:2px; }
.arch_blk .archives { width:960px; margin:20px auto 0 auto; padding:0; }
.arch_blk .archives .bloginfo { text-align:center; height:40px;}
.arch_blk .archives .bloginfo a {color:#000; text-decoration:none;}
.arch_blk .archives .bloginfo a:hover {text-decoration:underline;}
.arch_blk .archives .blogtitle { font-size: 16px; font-family: 'BrownBold',Arial; text-transform:uppercase; letter-spacing:1px; line-height:16px;}
.arch_blk .archives .blogdate { font-size: 11px; text-transform:uppercase; line-height:15px;}
.latestarch {text-align:center;}
/*
.latestarch .blogshortinfo { display:table; position:relative; z-index:99; width:100%; height:170px; background:#ffcc33; margin:0; }
.latestarch .blogshortinfo p {display:table-cell; vertical-align:top; color:#000; padding:50px 0 0 0;}
.latestarch .blogshortinfo .blogtitle { font-size:24px; line-height:26px; text-transform:uppercase; font-family: 'BrownBold',Arial; letter-spacing:2px}
.latestarch .blogshortinfo .blogdate { font-size:14px; text-transform:uppercase;}
*/
.latestarch .blogblk { display:table; position:relative; z-index:99; width:100%; background:#ffcc33; margin:0; }
.latestarch .blogblk .bloginfo {width:860px; padding: 25px 50px 0px 50px; margin: 20px auto 0 auto; font-size:14px; }
.latestarch .blogblk .bloginfo a {text-decoration:none; color:#000; cursor:pointer; }
.latestarch .blogblk .bloginfo .blogtitle {font-size:24px; line-height:26px; text-transform:uppercase; font-family: 'BrownBold',Arial; letter-spacing:2px; }
.latestarch .blogblk .bloginfo .blogdate {margin: 0 0 20px 0;}
.latestarch .blogblk .bloginfo .blogsummary { width:600px; margin: 0 auto; }
.latestarch .blogblk .bloginfo .blogmore { margin:20px 0; font-family: 'BrownBold',Arial; letter-spacing:2px; }
.latestarch .blogblk .bloginfo a:hover .blogmore { text-decoration:underline; }
.blog {}
.blog .blogshortinfo { display:table; position:relative; z-index:99; width:100%; height:170px; background:#ffcc33; margin:0; text-align:center;}
.blog .blogshortinfo p {display:table-cell; vertical-align:top; color:#000; padding:50px 0 0 0;}
.blog .blogshortinfo .blogtitle { font-size:24px; line-height:26px; text-transform:uppercase; font-family: 'BrownBold',Arial; letter-spacing:2px;}
.blog .blogshortinfo .blogdate { font-size:14px; }
.blog .blogcontmain { padding: 30px 0 0 0;}
.blog .blogcontmain .lb {float:left; width:370px; margin: 0 30px 0 90px;}
.blog .blogcontmain .lb img {margin: 0 0 10px 0; width:100%; height:auto; display:block;}
.blog .blogcontmain .rb {float:left; width:470px; }
.blog .blogcontmain .rb h1 {display:none;}
.blog .blogtext { font-size:14px; }
.blog .blogauthor {margin: 0 0 20px 0; font-family: 'BrownBold',Arial; letter-spacing:2px}
.blog .blogdate{ padding: 0 0 50px 0; }
.blogreturn {margin: 10px 0; text-align:center;}
.blogreturn a {color:#000; }
.blogreturn a:hover {color:#ccc; }
.filtertitle { margin:0px 0 17px 0; text-align: center; letter-spacing:2px; font-size:14px; display:none; line-height:12px;}
.filtertitle .filterBlock {margin:4px 0 0 0;}
#filter li { margin: 2px 12px 10px; display: inline-block; overflow:hidden; vertical-align:top;}
#filter li a { color:#000; text-decoration:none; text-transform:uppercase; margin-right:-2px; display:block; line-height:20px; }
#filter li a:hover , #filter li a.active {text-decoration:none; border-bottom:1px solid #000;}
hr { border-color:#000; border-left:0; border-right:0; border-bottom:0; }
.clogos {width:960px; margin:50px auto 52px auto;}
.hsection .clogos {width:960px; margin:50px auto 107px auto;}
.clogos img {margin: 0 30px;}
.clogos .header { font-size: 19px; font-family: 'BrownLight',Arial; text-transform: uppercase; text-align:center; margin: 0 0 23px 0; letter-spacing:2px;}
.hinbrief_blk {background-color:#000; color:#000; padding: 40px 0 80px 0;}
.hinbrief_blk .hinbrief {width:960px; /* width:1024px;*/ margin: 50px auto;}
.hinbrief_blk .hinbrief p {font-size:40px; line-height:50px; margin: 0 0 40px 0; text-align:center; padding: 0 90px 0 90px; color:#fff; }
.hinbrief_blk .hinbrief .diffont {font-family: 'BrownBold',Arial; -webkit-font-smoothing: antialiased; }
.inbrief {padding: 30px 0 50px 0;}
.inbrief h2 {text-transform: uppercase; text-align:center; letter-spacing:2px; font-size: 19px; line-height:16px; font-family: 'BrownLight',Arial; }
.inbrief p {font-size:40px; line-height:50px; margin: 0 0 40px 0; text-align:center; padding: 0 90px;}
.inbrief .diffont {font-family: 'BrownBold',Arial; }
.inbrief .mcdsb {margin: 5px auto 18px auto;}
.inpractice h1 {text-align:left; font-size:19px; padding-top:6px; line-height:15px;}
.inpractice h2 {text-transform: uppercase; text-align:center; margin-top:2px; letter-spacing:2px; font-size: 19px; line-height:16px; font-family: 'BrownLight',Arial; }
.inpractice { padding: 30px 0 50px 0;}
.inpractice .mcdsb {margin: 5px auto 21px auto;}
.rawards_blk { background-color:#ffcc33; padding: 20px 0 40px 0; }
.rawards { padding: 30px 0 50px 0;}
.rawards h1 {text-align:left; font-size:19px; padding-top:6px; line-height:15px;}
.rawards h2 {text-transform: uppercase; text-align:center; margin-top:2px; letter-spacing:2px; font-size: 19px; line-height:16px; font-family: 'BrownLight',Arial; }
.rawards .mcdsb {margin: 5px auto 21px auto;}
.rawards .adesc {height:580px; }
.indetail_blk {background-color:#ffcc33; color:#000; padding: 20px 0 40px 0;}
.indetail_blk .indetail {width:960px; /* width:1024px;*/ margin: 50px auto;}
.indetail_blk .indetail h2 {text-transform: uppercase; text-align:center; letter-spacing:2px; font-size: 19px; font-family: 'BrownLight',Arial; line-height:16px; }
.indetail_blk .mcdsb {margin: 5px auto 22px auto;}
.inteam_blk {background-color:#000; color:#fff; padding: 70px 0 25px 0;}
.inteam_blk .inteam {width:960px; margin: 0 auto;}
.inteam_blk .inteam h2 {text-transform: uppercase; text-align:center; color:#fff; letter-spacing:2px; font-size: 19px; font-family: 'BrownLight',Arial; }
.inteam_blk .inteam .timg {margin:0 0 40px 0; }
.inteam_blk .inteam .tname {font-family: 'BrownBold',Arial; text-transform:uppercase; font-size:16px; letter-spacing:2px; line-height:16px; -webkit-font-smoothing: antialiased; }
.inteam_blk .inteam .tposition {color:#fff; height:33px; text-transform:uppercase; font-size:16px; letter-spacing:1px;}
.inteam_blk .inteam .tposition2 {height:60px; }
.inteam_blk .inteam .tposition2 span {color:#000; background-color:#ffcc33; line-height:25px;}
.inteam_blk .inteam .tdesc {height:580px; margin: 7px 0 0 0}
.inteam_blk .inteam .grid_1 {margin-bottom: 35px;}
.inteam_blk .inteam .mcdsw {margin: 0 auto 28px auto;}
.inteam_blk .inextteam {width:960px; margin: 0 auto;}
.inteam_blk .inextteam h2 {text-transform: uppercase; text-align:center; color:#fff; letter-spacing:2px; font-size: 19px; font-family: 'BrownLight',Arial; }
.inteam_blk .inextteam .tname {font-family: 'BrownBold',Arial; text-transform:uppercase; font-size:16px; letter-spacing:2px; line-height:16px;}
.inteam_blk .inextteam .tposition {color:#fff; height:33px; text-transform:uppercase; font-size:16px; letter-spacing:1px; }
.inteam_blk .inextteam .tposition2 {height:60px; }
.inteam_blk .inextteam .tposition2 span {color:#000; background-color:#ffcc33; line-height:25px;}
.inteam_blk .inextteam .tdesc {height:580px; margin: 6px 0 0 0;}
.inteam_blk .inextteam .grid_1 {margin-bottom: 35px;}
.inteam_blk .inextteam .mcdsw {margin: 0 auto 25px auto; }
.insta_blk {background-color:#000; color:#fff; padding: 50px 0 100px 0;}
.insta_blk .instas h2 {color:#fff; text-transform:uppercase; font-size: 19px; font-family: 'BrownLight',Arial; letter-spacing:2px;}
.insta_blk .instas {width:960px; margin: 0 auto; text-align:center;}
.insta_blk .instas .mcdsw {margin: 5px auto 24px auto;}
.insta_blk ul {list-style:none;}
.insta_blk li {float:left; position:relative; margin:10px; height:300px; overflow:hidden; }
.insta_blk li .cnrlogo { background-image: url("/img/wi-icon.png"); background-position: -145px 0; bottom: 0; height: 30px; position: absolute; right: 5px; width: 30px;}
.insta_blk li .cnrlikes { margin: 0 0 20px 0;}
.insta_blk li img { width: 300px; height:auto; }
.insta_blk li .head { background-color: #ffcc33; color:#000; width:180px; height:180px; position:absolute; margin: 20px; padding:10px; text-align:left; display:none;}
.insta_blk li .head a {text-decoration:none; color:#000; font-size: 14px; word-wrap:break-word;}
.insta_blk li .head a:hover {text-decoration:underline; font-size: 14px;}
.insta_blk li .innerdesc {background-color: #ffcc33; color:#000; width:200px; height:200px; position:absolute; margin:20px; display:none; }
.socialist .date {font-family: 'BrownBold',Arial; }
.social_blk {text-align:center; padding: 55px 0 30px 0;}
.social_blk .socialicons { margin: 10px 0 10px 0;}
.social_blk .socialicons a {margin: 0 3px; color:#fff; background-color:#000; display:inline-block; font-size:18px; border-radius:25px; width:18px; padding:5px; text-align:center;}
.social_blk .socialicons a:hover {color:#000; background-color:#ffcc33;}
.social_blk .socialicons img {display:none;}
.social_blk .header {font-size:19px; text-transform:uppercase; font-family: 'BrownBold',Arial; margin-bottom:15px; letter-spacing:2px; line-height:15px;}
.social_blk .mcdsb {margin: 26px auto 20px auto;}
.social {text-align:center; padding: 15px 0 15px 0;}
.social .header { text-transform:uppercase; font-size: 19px; font-family: 'BrownLight',Arial; letter-spacing:2px; }
.social .socialicons { margin: 10px auto; width:250px; padding: 0 0 15px 0;}
.social .socialicons a {margin: 0 3px; color:#fff; background-color:#000; display:inline-block; font-size:18px; border-radius:25px; width:18px; padding:5px; text-align:center;}
.social .socialicons a:hover {color:#000; background-color:#ffcc33;}
.social .socialicons img {display:none;}
.wwusblk{background-color:#ffcc33; color:#000; text-align:center; padding: 70px 0 70px 0;}
.wwusblk .header {font-size:20px; text-transform:uppercase; margin: 0 0 25px 0; font-family: 'BrownBold',Arial; letter-spacing:2px;}
.wwusblk .wwusmsg { margin: 23px 0 0 0;}
.wwusblk .wwusmsg a {text-decoration:none; color:#000; font-family: 'BrownBold',Arial; letter-spacing:2px}
.wwusblk .wwusmsg a:hover {text-decoration:underline;}
.wwusblk .workwus .mcdsb {margin: 5px auto 20px auto; }
.ibicon a { color:#000; background-color:#fff; font-size:18px; border-radius:25px; width:18px; padding:3px 6px; text-align:center;}
.ibicon a:hover {background-color:#ffcc33;}
.ibicon img {display:none;}
/*
.contact_form_fields {margin: 0 0 100px 0;}
.contact_form_fields .form_field {float:left; width:50%;}
.contact_form_fields .form_field label { display: inline-block; width: 150px; vertical-align:top;}
.contact_form_fields .form_field #form_100_submit { float:right; }
.htmlIText { padding: 9px 5px 9px 5px; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; font-size: 12px; letter-spacing: 0.5px; background-color: #fff; border-color: #EAEAEA; color: #999999; width:350px; margin: 0 10px 10px 0px;}
.htmlIText:focus { box-shadow: 0 0 4px #000;}
.htmlIMemo { padding: 9px 5px 9px 5px; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; font-size: 12px; letter-spacing: 0.5px; background-color: #fff; border-color: #EAEAEA; color: #999999; width:350px; height:70px; margin: 0 10px 20px 0px;}
.htmlIMemo:focus { box-shadow: 0 0 4px #000;}
*/
.jmblk {padding: 64px 0 10px 0;}
.jmblk .credit a {text-decoration: underline; color:#000; }
.jmblk .credit a:hover {text-decoration: none; }
.jmcont {text-align:center;}
.jmcont h2 {margin: 0 0 25px 0; font-size:19px; text-transform:uppercase; font-family: 'BrownBold',Arial; letter-spacing:2px;}
.jmform_fields, .iwform_fields {margin: 0 0 100px 0; }
.jmform_fields label, .iwform_fields label { display: none; font-size: 14px; font-weight: 400; line-height: 35px; margin-bottom: 30px; margin-top: 0; text-transform: uppercase; cursor: pointer; }
.htmlIText { border:0; font-size: 16px; padding: 6px; transition: all 0.15s linear 0s; width: 250px; text-align:center; margin-bottom:15px; background-color:#ffcc33; font-family:'BrownBold',Arial; }
.htmlISubmit { width: 120px; background-color:#000; color:#fff; border-collapse:collapse; border:1px solid #000; padding:6px; text-transform:uppercase; cursor:pointer; font-family: 'BrownBold',Arial; font-size:16px; letter-spacing:2px; -webkit-font-smoothing: antialiased; }
.htmlISubmit:hover { background-color:#fff; color:#000; transition: all 0.4s ease 0s; border:1px solid #FFF;}
#address {float:left; width: 35%; margin: 0 0 20px 100px; font-size: 50px; line-height:60px; text-transform: uppercase; transition-duration: 0.1s; transition-property: font-size; transition-timing-function: ease-out;}
#address a {color:#000; text-decoration:none; }
#address a:hover { text-decoration:underline; }
[itemprop="name"], [itemprop="url"] { display: none;}
#toTop { position: fixed; z-index:99999; top: 16px; right: 20px; display: none; width: 125px; height:10px; line-height:12px; text-align: right; font-size: 14px; text-transform: uppercase; color: #000; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; cursor:pointer;}
#toTop:hover { color: #333;}
#toTop object {margin:1px 0 0 0; position:absolute; top:0; left:0; width:22px; height:10px; overflow:hidden;}
.contact .mcont {}
.contact .mcont {width:960px; margin:0 auto; text-align:center; color:#000; padding : 50px 0 45px 0;}
.contact .mcont .grid_2 {margin-bottom: 42px;}
.contact .mcont .grid_2 h3 {margin: 0 0 21px 0; font-family: 'BrownBold',Arial; letter-spacing:2px; font-size:19px;}
.contact .mcont .cntphone {margin: 25px 0 0px 0;}
.contact .mcont .cntemail {margin: 5px 0 0 0;}
.contact .mcont .cntaddress {font-size:15px; padding: 40px 0 40px 0;}
.contact .mcont a {color:#000; text-decoration:none; font-size:18px;}
.contact .mcont a:hover { text-decoration:underline; }
.contact .findus {background-color:#000; text-transform:uppercase; color: #fff; text-align:center; padding: 28px 0; font-size: 19px; font-family: 'BrownLight',Arial; letter-spacing:2px; line-height:15px;}
.contact .ccont {background-color:#000; color: #fff; padding: 20px 0; }
.contact .ccont .container_main { text-align:center; line-height:30px;}
.contact .ccont .mcdsw {margin: 23px auto 20px auto;}
.studio img {width:25%; height:auto; border:0;}
.cntinfo .mcdsb {margin: 0 auto 10px auto;}
.cntinfo .mcdsb img {width:7%; height:auto;}
.fblk {background-color:#000;}
.fblk .fcont {width:960px; margin:0 auto; text-align:center; color:#fff; padding : 60px 0 45px 0;}
.fblk .fcont h1 {color:#fff; margin:0; font-size:32px;}
.fblk .fcont h3 {color:#fff; margin:0;}
.fblk .fcont .grid_2 h3 {margin: 0 0 20px 0; letter-spacing: 2px; font-family: 'BrownBold',Arial; font-size:19px; -webkit-font-smoothing: antialiased; }
.fblk .fcont .grid_2 {margin-bottom:42px;}
.fblk .fcont .cntphone {margin: 25px 0 0px 0; }
.fblk .fcont .cntemail {margin: 5px 0 0 0;}
.fblk .fcont .cntaddress {font-size:16px; padding: 40px 0 40px 0; letter-spacing:1px;}
.fblk .fcont a {color:#fff; text-decoration:none; font-size:16px; letter-spacing:1px;}
.fblk .fcont a:hover { text-decoration:underline; color:#ffcc33;}
.fblk .mcdsw {margin: 0 auto 12px auto;}
.fblk .mcdsw img {width:7%; height:auto;}
@media only screen and (max-width: 1100px) {
.mcdsw {width:48px; height:23px; }
.mcdsb {width:48px; height:23px; }
}
@media only screen and (min-width: 960px) and (max-width: 1100px) {
#bg-hold {height:410px;}
#bg-nav { margin: -127px 0 0 0;}
.testim_blk blockquote #testimonial_txt {overflow:hidden;}
.hprojects .project .mprtitle {display:block; margin:0; position:relative;}
#head_controls {margin: -100px auto 85px auto;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container_main {width:760px;}
#nav {width:460px; }
#bg-hold {height:310px;}
#bg-nav {}
#nav li {margin: 2px 12px 10px;}
.hinbrief_blk .hinbrief {width:760px;}
.hinbrief_blk .hinbrief p {font-size:33px; line-height:40px;}
.hprojects .project {width:360px;}
.hprojects .project .prinfo {height:212px; margin: 15px;}
.hprojects .project .prinfo p {padding:40px 20px;}
.hprojects .project .mprtitle {display:block; margin:0; position:relative;}
.inbrief p {font-size:33px; line-height:40px; }
.indetail_blk .indetail {width:760px;}
.testim_blk blockquote {width:600px; height:100%;}
.testim_blk blockquote #testimonial_txt {width:500px; overflow:hidden;}
.testim_blk #testimonial_txt .testimtext { height:100%;}
.clogos, .hsection .clogos {width:760px;}
.clogos img {margin: 0 25px;}
.insta_blk .instas {width:760px;}
.insta_blk li img {width:233px;}
.inteam_blk .inteam {width:760px;}
.inteam_blk .inteam .tdesc {height:700px; font-size:14px;}
.inteam_blk .inteam .timg img {width:100%; height:auto;}
.inteam_blk .inteam .tposition {height:45px;}
.inteam_blk .inextteam {width:760px;}
.inteam_blk .inextteam .tdesc {height:700px;}
.latestarch .blogblk .bloginfo { width: 660px; }
.hprojects .project .prinfo .tblprfolio {width:330px;}
.blog .blogcontmain .lb {margin: 0 30px 0 77px; width:270px;}
.blog .blogcontmain .rb {width:350px;}
.arch_blk .archives {width:760px;}
.arch_blk .archives .blogtitle {font-size:12px;}
.contact .mcont {width:760px;}
.grid_1 {width:223px;}
.grid_2 {width:360px;}
.prfolio .project .what {width:360px;}
.prfolio .project .how {width:360px;}
.fblk .fcont {width:760px;}
}
@media only screen and (min-width: 800px) and (max-width: 850px) {
#bg-hold {height:320px;}
}
@media only screen and (min-width: 768px) and (max-width: 790px) {
#toTop {display:none !important;}
.prfolio .project .vimeo iframe { height:430px; }
}
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
#logo, #ielogo {margin: 0 auto; background-color:#fff; height:61px; width:100%; padding:20px 0 0 0;}
.mobilenav {display:block; }
.mnav {display:none; width:100%; padding: 38px 0 38px 0; margin: 0px auto 0 auto; height:0; background-color:#fff; height:232px;}
.mnav li{ float:none; margin:2px 0; text-align:center;}
.mnav li a {display:block; width:100%; padding:10px 0; margin:20px 0 0 0;}
.mnav a{ font-size:14px; color:#333; text-decoration:none; padding-bottom:2px; text-transform:uppercase; cursor:pointer; letter-spacing:2px; display:block; line-height:15px;}
.mnav a:hover, .mnav .active a {background-color:#ffcc33; color:#000; border:0;}
#nav {display:none; width:100%; padding: 0 0 10px 0; margin: 2px auto 0 auto; height:0;}
#nav li{ float:none; margin:2px 0; text-align:center;}
#nav li a {display:block; width:100%; padding:10px 0;}
#nav a:hover, #nav .active a {background-color:#ffcc33; color:#000; border:0;}
.grid_2 {width:300px; float:none; margin: 0 auto; display:block;}
.container_main {width:100%;}
/*#bg-hold {height:100%;}*/
#bg-nav {margin: -108px 0 0 0 ;}
#bg-nav img {width:100%; height:auto;}
#bg-nav #prev, #bg-nav #next {width:20px;}
#title {width:100%; height:127px;}
#toTop, .clogo_blk {display:none !important;}
.hinbrief_blk {padding: 20px 0;}
.hinbrief_blk .hinbrief {width:100%;}
.hinbrief_blk .hinbrief p {font-size:23px; line-height:28px; padding: 0 25px; margin: 0 0 20px 0;}
.hprojects .project {width:320px;}
.hprojects .project .prinfo {height:172px; margin:15px;}
.hprojects .project .prinfo .tblprfolio {height:172px; width:270px; }
.hprojects .project .prinfo .prtitle {font-size:16px;}
.hprojects .project .prinfo .prloc {font-size:16px; line-height:30px;}
.hprojects .project .prinfo .prsummary {font-size:16px;}
.hprojects .project .prinfo .prtype {font-size:11px;}
.hprojects .project .mprtitle {display:block; margin:0; position:relative;}
.inbrief {width:100%; padding: 30px 0;}
.inbrief p {font-size:23px; line-height:25px; padding: 0 25px; margin: 0 0 20px 0;}
.indetail_blk .indetail, .inteam_blk .inteam, .inteam_blk .inextteam {width:100%;}
.inteam_blk .inteam .timg img {width:100%; height:auto;}
.filter a {margin: 0 6px;}
.prfolio .project .who {padding: 0 25px 90px 25px;}
.prfolio .project .what { padding: 50px 25px 90px 25px; width:270px; }
.prfolio .project .how { padding: 65px 25px 90px 25px; width:270px; }
.prfolio .project .sketch img, .prfolio .project .wprogress img, .prfolio .project .primgs img { margin: 0 0 20px 0;}
.prfolio .project .vimeo iframe { height:auto; }
.testim_blk .tbltestim {height:100%;}
.testim_blk {padding: 30px 0 60px 0;}
.testim_blk blockquote {width:320px; height:100%;}
.testim_blk blockquote #testimonial_txt { width:220px; overflow:hidden; }
.testim_blk #testimonial_txt .testimtext {font-size:20px; line-height:22px; height:100%;}
.latestarch .blogshortinfo .blogtitle {font-size:16px; line-height:22px; }
.latestarch .blogblk .bloginfo { width: 320px; padding: 25px 0px 0px 0px;}
.latestarch .blogblk .bloginfo .blogsummary {width:85%;}
.latestarch .blogblk .bloginfo .blogimg img {width:100%; height:auto;}
.blog .blogshortinfo .blogtitle {font-size:16px; line-height:20px; }
.blog .blogshortinfo p {padding: 0px 10px 0 10px; vertical-align:middle;}
.blog .blogcontmain .lb {float:none; margin: 0 auto 30px auto; width:260px; }
.blog .blogcontmain .rb {float:none; width:300px; margin: 0 auto;}
.arch_blk .archives {width:100%;}
.wwusblk .wwusmsg {font-size:14px;}
.clogos {width:100%;}
.hsection .clogos {width:100%;}
.insta_blk .instas {width:100%;}
.contact .mcont {padding: 25px 0 45px; width:100%; }
.contact .mcont a {font-size:14px;}
.contact .ccont {font-size:14px; padding:10px;}
.contact .ccont .container_main {width:300px;}
.studio img {width:100%; height:auto;}
.fblk .fcont {width:100%;}
.fblk .fcont a {font-size:14px;}
.fblk .fcont .cntaddress {padding:40px 30px;}
}
@media only screen and (max-width: 430px) {
#head_main {display:none;}
#m_head_main {display:block;}
/*#m_head_main #m_bg-hold {width:320px;}*/
#m_head_main #m_bg-hold img {width:100%; height:auto;}
.filtertitle {font-size:11px; margin:0;}
.sectionproj {margin:-40px 0 0 0;}
.hero {display:none;}
.m_hero {display:block;}
.prfolio .project h1 {font-size:19px; line-height:15px;}
.prfolio .project .prloc {font-size:19px; line-height:15px;}
.prfolio .project .headline {font-size:19px; line-height:23px;}
.prfolio .project h1 {margin-bottom:8px;}
.prfolio .project .prloc {margin-bottom:4px;}
.hinbrief_blk { padding:1px 0 31px 0;}
.grid_1 { float: none; display: block; margin-left: auto; margin-right: auto; }
.arch_blk .archives .grid_1 {margin-bottom:20px; float: none; display: block; margin-left: auto; margin-right: auto; }
/*.latestarch .blogblk {padding: 0 0 30px 0;}*/
}
@media only screen and (min-width: 350px) and (max-width: 440px) {
.insta_blk li { width:300px; float:none; margin:20px auto; }
}
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#head_controls {margin: -80px auto 50px auto;}
#bg-nav {margin:-105px 0 0 0;}
.insta_blk li img {width:220px;}
.studio img {width:50%; height:auto;}
.grid_1, .grid_2, .grid_3 {float:none; display:block; margin: 0 auto 30px auto;}
.hinbrief_blk .hinbrief p {padding: 0 80px;}
.inbrief p {padding: 0 80px; }
.testim_blk blockquote {width:400px;}
.testim_blk blockquote #testimonial_txt { width:300px; }
.prfolio .project .vimeo iframe { height:300px; }
}
@media only screen and (min-width: 520px) and (max-width: 620px) {
#bg-nav {margin:-170px 0 0 0;}
.hinbrief_blk .hinbrief { margin: 30px auto 60px auto;}
#title { height:176px;}
.hprojects .project {float:left; width: 290px; margin: 0 5px 20px 5px;}
.hprojects .project .prinfo .tblprfolio {width:266px;}
.hprojects .project .prinfo {margin: 12px;}
.hprojects .project .prinfo p {padding:20px;}
.inbrief p { padding: 0 145px;}
.testim_blk blockquote {width:500px;}
.testim_blk blockquote #testimonial_txt {width:400px;}
.clogos img {margin: 0 25px;}
.insta_blk li img {width:280px;}
.grid_2 {width:280px; float:left; margin: 0 6px 30px 6px;}
.blog .blogcontmain .lb {float:left; margin: 0 30px 0 10px;}
.blog .blogcontmain .rb {float:left;}
.arch_blk .archives .bloginfo {float:left;}
}