@charset "utf-8";
/* custom.css */

button, .button {
	font-size:1.3em;
	color:#666;
	font-weight:300;
	background-color:rgba(255,255,255,0.75);
	border-color:#fff;
	line-height:0.5;
}
button a, .button a {
	color:#666;
}
button a:hover, a.button:hover, .button a:hover, .button-group, .button-group .button, a#chooseEN, a#chooseZH {
	text-decoration:none;
	color:#dd7800;
}
#nav1 nav .button-group .button, #nav1 nav .button-group .button a, #nav1 nav .button-group .button a:hover {
	font-family:"Open Sans", Helvetica, Arial, sans-serif;
	border:none;
	width:80%;
	text-align:left;
}	
#nav1 nav .button-group ul li {
	border:none;
}
#nav1 nav .button-group ul li a:link, #nav1 nav .button-group ul li a:hover, #nav1 nav .button-group ul li a:active, #nav1 nav .button-group ul li a:visited {
	width:80%;
}
#nav1 nav  button, #nav1 nav .button {
    -webkit-box-shadow:none;
    box-shadow:none;
}
#nav1 nav button:active, #nav1 nav .button:active {
    -webkit-box-shadow:none;
    box-shadow:none
}
.underline {
	text-decoration: underline;
}
.f-dropdown:before {
	  border-color:transparent transparent #bbb transparent;
  }
button:hover, button:focus, .button:hover, .button:focus {
    background-color: rgba(255,255,255,0.75); 
}
.tabs-content {
	border-top:#999 1px solid;
	position:relative;
	margin-right:10px;
	padding-right:5px;
	top:-0.5em;
}
.tabs-content p, .tabs-content ul li, p {
	max-width:50em;
	font-size:0.9rem;
}
dl.tabs {
	font-size:1em;
	z-index:9999;
}
dl.tabs a {
	border:none;
	padding:0.2em 0.8em 0.2em 0.5em;
	font-family:"Open Sans", Helvetica, Arial, sans-serif;
	background:none;
}
dl.tabs a:last-child {
	bottom:-1px;
	position:relative;
	z-index:999;
}
dl.tabs a:hover {
	text-decoration:none;
	background:none;
	color:#dd7800;
}
.tabs dd ul, .tabs dd ul p, .accordion dd ul, .accordion dd ul p { 
	font-size:0.9rem;
}
.tabs dd a {
	font-weight:300;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	color:#666;
}
.tabs dd.active a {
	border-bottom:2px solid #dd7800;
	border-bottom-color:#dd7800;
	background-color:#f4f4f4;
	color:#dd7800;
}
.tabs-content.vertical {
	width:100%;
	border-top:none;
	margin:0;
	padding:10px 5px 0 10px;
}
.tabs-content.vertical img {
	margin:0 1em 0.5em 0;
}
.tabs-content.vertical img {
	width:50%;
}
#contactBox .tabs-content.vertical img {
	width:auto;
}
[class*="column"] + [class*="column"]:last-child {
    padding-right:3em; 
}

.tabs.secondaryTabs dd a {
	font-size:1rem;
}
.secondaryContent p {
	font-size:1rem;
	line-height:1.5em;
}
.tabBox {
	padding:0.5em 1em 0.5em 1.5em;
	margin-top:1em;
	margin-bottom:1em;
	border:1px solid #bbb;
}
.tabBox p {
	font-size:0.9rem;
	line-height:1.3rem;
}
.tabBox .tabs dd a {
	font-size:0.9rem;
}
.tabBox ul.popupSlides, .tabBox.calloutBox {
	min-height:6em;
}
.tabBox.calloutBox {
	padding:0.5em 0 0.75em;
}
.tabBox.calloutBox p {
	padding-left:3.5em;
	padding-right:3em;
}
#internshipBox {
	margin-bottom:1em;
}
#internshipBox.tabBox {
	max-height:30%;
}
.tabs-content > .content {
	padding:0;
}
#mapShell {
	padding-right:1em;
	margin-right:1em;
}
#mapShell #map {
	width:90%;
	margin-left:1.5em;
	margin-right:3em !important;
}
#mapShell #map h2 {
	font-size:1.3em !important;
	white-space:nowrap;
}
#alt-caption {
	color:#fff;
	padding:0.25em;
	font-size:0.7em;
	position:absolute;
	bottom:0;
	right:0;
	width:auto;
	z-index:99999;
	margin-right:2em;
}
ul.list-links li {
    line-height: 1em;
    margin-bottom: 1em;
}
.sidebar-wrapper {
    padding: 0.5em 0.75em;
    border: solid 1px #bbb;
    min-width: 180px;
    max-width: 320px;
    font-size: 0.95em;
    margin: 2em 0 1.5em;
}
.image-caption-block p {
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.1em;
}
.image-caption-block.media.left {
	margin-right: 1em;
	margin-bottom: 1em;
}

@media only screen and (max-width: 1024px) {

body .main-section #contentRow #sidebarColumn.column {
	padding: 0 2em;
	padding-right:3em;
}
[class*="column"] + [class*="column"]:last-child {
    padding-right:3em;
	padding-left:3em; 
}
#contentRow2 [class*="column"]:last-child {
	padding-left:1em;
	padding-right:1em;
}
}

/* ----- <<<< ABOVE ^  moved here from custom section of foundation.css >>>> ----- */

@media only screen and (max-width: 640px) {
	body .main-section #contentRow #sidebarColumn.column {
		padding: 0 1em;
		padding-right:1em;
	}
	[class*="column"] + [class*="column"]:last-child {
		padding-right:1em;
		padding-left:1em;
	}
}

body {
	font-family:"Open Sans", Helvetica, Arial, sans-serif;
	color:#333;
	font-size:1em;
}
body p, body li {
	font-size:1em;
	line-height:1.5em;
	margin:8px 0px;
	font-weight:300;
}
body .accordion ul li, body .accordion p {
	font-size:1em;
}
#news .accordion dd > a {
	border-bottom:1px solid #ccc;
}
section.main-section {
	max-width:1920px
}
header {
	position:relative;
	z-index:0;
}
sup {
	font-size:0.5em;
}
.nowrap {
	white-space:nowrap;
}
span.run-in {
    font-weight: bold;
    font-size: 0.85em;
    text-transform: uppercase;
}
.runinLG {
	font-size:1.5rem;
	font-style:italic;
	font-weight:100;
	color:#666;
}
body div#nav1 {
	position:relative;
	top:0;
	left:0;
	max-width:15em;
	z-index:2000;
}
body div#nav1 header nav {
	left:-12em;
	position:relative;
	transition:left 0.5s ease-in-out 0s;
	-webkit-transition:left 0.5s ease-in-out 0s;
}
#mainNav {
	z-index:0;
}
.above {
	z-index:99999;
}
.fullWidth {
	width:100%;
}
.singleImg {
	margin:0 0 1.5em 0;
	position:relative;
}
header #navBtn {
	background: url(../img/menu-icon.png) no-repeat #fff;
	background-size:90%;	
	width:30px;
	height:30px;
	margin:5px 0 0 0;
	position:relative;
	z-index:2000;
	left:35px;
	float:right;
}
header #navBtnClose {
	background: url(../img/menu-icon-close.png) no-repeat #fff;
	background-size:90%;
	width:30px;
	height:30px;
	margin:5px 0 0 0;
	position:relative;
	z-index:2000;
	left:0;
	float:left;
}
header nav .button-group a:link, header nav .button-group a:visited {
	color:#666;
	padding:0;
	margin:0;
}
header nav .button-group a:hover, header nav .button-group a:active {
	color:#dd7800;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight:300;
  margin:0;
}
h1 {
	font-size:2em;
	line-height:1em;
}
h2 {
	font-size:1.6em;
	line-height: 1em !important;
}
h3 {
	font-size:1.4em;
	line-height: 1em !important;
}
h4 {
	font-size:1.1em;
	font-style:italic;
}
a:link {
	color:#dd7800;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
a:visited, a:active {
	color:#c76c00;
}
a.telephone, span.telephone {
	color:#666 !important;
	text-decoration:none !important;
}
#copyright {
	font-size:0.7em;
	margin:-0.5em 0 0 0;
	clear:both;
}
.row {
	margin:0;
	max-width:none;
}
#contentRow {
	position:relative;
}
#contentWrapper {
	height:100%;
	margin-top:2em;
	margin-left:1.5em;
	margin-right:1em;
}
#sidebarColumn {
	height:98%;
}
#logo {
	background:transparent url(../img/dw-logo-gray.png) left center no-repeat;
	background-image:linear-gradient(transparent, transparent), url(../img/dw-logo.svg);
	background-position:left center;
	height:30px;
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-top:1em;
}
#homeLogo {
	max-width:20em;
	margin:0 0 0.75em;
	background:transparent url(../img/dw-logo-50.png) left center no-repeat;
	background-image:linear-gradient(transparent, transparent), url(../img/dw-logo-50.svg);
	background-size:contain;
	height:3em; /* make 2em for Non-50th logo */
}
html#home #logo {
	display:none;
}
span.regSymbol {
	font-size:0.6em;
	top:-0.4rem;
	position:relative;
}
#footerRow {
	margin-bottom:15px;
	position:relative;
	padding:10px;
	clear:both;
}
#footerShell {
	min-height:30px;
	float:left;
	left:15px;
	top:10px;
}
#searchBox {
	max-width:180px;
	float:left;
	/*margin:0 20px 5px 0;*/
}
#footerLinks {
	font-size:0.9em;
	padding-right:15px;
}
#footerLinks a {
	color:#666;
}
#footerLinks a:hover {
	color:#dd7800;
}
#socialLinks {
	margin-left:15px;
	margin-top:6px;
}
.tooltip {
  font-weight: 100;
  font-size: 0.8rem;
  line-height: 1.2;
  padding: 0.6rem;
  max-width: 85%;
  left: 50%;
  width: 100%;
  color: #666;
  background: #fff;
  z-index:99999;
  border:1px solid #bbb;
  box-shadow: 5px 5px 10px rgba(102,102,102,0.3);
}
  .tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent #666 transparent;
    top: -10px; 
}
.has-tip {
	 border-bottom: none;
}
#contentRow #sidebarColumn h1, #contentRow2 h1 {
	position:relative;
	margin-bottom: 0.25em;
}
#contentRow #sidebarColumn h4 {
	margin:0 0 1em 0;
	position:relative;
}
#sidebarColumn section p {
	line-height:1.6em;
}
#sidebarColumn ul li, .contentColumn ul li { 
	color: #bbb;
}
.li_content { 
	color: #000; 
}
.menuOpen {
	left:-5px !important;
}
.hideMe {
	display:none;
}
#sidebarColumn #contentWrapper .calloutText1 {
	line-height: 1.6em;
	max-width:45em;
	padding-top:5%;
	padding-right:5%;
}
.calloutText2 {
	font-style:italic;
	font-size:0.9rem;
	margin-top:-0.5em;
}
#legacyRings, .legacyRings {
	background:transparent url(../img/legacy-rings.png) center center no-repeat;
	background-image:linear-gradient(transparent, transparent), url(../img/legacy-rings.svg);
	background-size:contain;
	width:33%;
	float:left;
	/*margin:0 12px 0 0;*/
	max-width:300px;
	/*min-height:15em;*/
}
#legacyRings {
    margin: 0 1em 0 0;
    min-height: 10em;
}
.legacyRings {
	width: 100%;
	min-height:280px;
	float:none;
	margin:0 auto;
	max-width:none;
}
#legacyOverlay {
	position:absolute;
	width:90%;
	background-color:rgba(255,255,255,1);
	border:10px solid #fff;
	padding:1em;
	margin:1.5em;
	z-index:99999;
	top:0;
	left:5%;
	text-align:center;
	max-width:45em;
}
#legacyOverlay p {
	margin:0 auto;
	line-height:1.5em;
	max-width:35em;
}
dialog, .reveal-modal {
	height: auto;
	min-height:18em;
}
.reveal-modal-bg {
	background-color:rgba(255,255,255,0.8);
}
.noteText {
	font-size:0.75em;
}
a.signupBtn {
	background-color: #e8e8e8;
	border: 1px solid #bbb; 
	color: #666; 
	display: inline-block; 
	padding: 8px 10px; 
	text-shadow: none; 
	border-top-left-radius: 0px; 
	border-top-right-radius: 0px; 
	border-bottom-right-radius: 0px; 
	border-bottom-left-radius: 0px; 
	font-size:0.85em; 
	line-height:1.1em; 
	margin-bottom:0.5em;
}
a.signupBtn:hover {
	color:#dd7800;
	background-color:#fff;
	text-decoration:none;
}
.mapFrame {
	width:90%;
	margin:0 auto;
	position:relative;
}
#contactBox {
	bottom:4em;
	background:#fff;
	background-color:#fff;
	padding:0 17px 0 0;
	margin:0;
	position:absolute;
	border:1px #bbb solid;
	z-index:99999 !important;
	left:0;
	color:#666;
	display:none;
	box-shadow: 5px 5px 10px rgba(102,102,102,0.3);
	max-width:20em;
	width:90%;
}
#contactBox p {
	margin-top:5px;
	font-weight:100;
	font-size:0.95em;
}
#contactBox .closeBtn, #languagesList .closeBtn {
	text-align:right;
	top:-8px;
	font-size:1.6rem;
	position:absolute;
	width:30px;
	right:-20px;
	/*height:30px;*/
	height:1.7rem;
	color:#bbb;
	font-weight:100;
	cursor:pointer;
	padding:0.2em;
	font-family:Gotham, Helvetica, "Helvetica Neue", Arial, sans-serif;
}
#contactBox .tabs.vertical {
	width:100%;
}
#contactBox .tabs.vertical a span.gray {
	color:#ccc;
	font-size:0.6em;
}
#contactBox .tabs-content.vertical h5 {
	margin:5px 0 0 0;
	font-size:1.5em;
	color:#666;
}
#contactBox .tabs a {
	border:none;
}
#contactBox dl.tabs a {
	border-bottom:1px solid #bbb !important;
	border-left:none;
	border-right:none;
	font-weight:100;
	color:#666;
	/*box-sizing:border-box;*/
}
#contactBox dl.tabs a:hover {
	color:#000;
}
.tabs-content.vertical > .content {
	padding:0.5em 0.5em 0;
	position:relative;
	font-size:0.9rem;
}
#languagesList {
	display:none;
	width:10em;
	left:20%;
	position:absolute;
	bottom:65px;
	z-index:99999;
	box-shadow: 5px 5px 10px rgba(102,102,102,0.3);
}
#languagesList .closeBtn {
	background-color:#ddd;
	padding:0.2em;
	top:-1.7rem;
	height:1.7rem;
	width:100%;
	color:#888;
	right:0;
}
#languagesList li.button {
	width:100%;
	padding:10px;
	margin:0;
	background-color:#eee;
	text-align:left;
	border:1px #ddd solid;
	font-size:0.8em;
	box-sizing:border-box;
}
#languagesList li.button a {
	color:#666;
}
#languagesList li.button:hover {
	background-color:#fff;
	color:#000;
}
select {
	background-color:#fff;
	border:none;
	border-bottom:1px solid #bbb;
	margin-bottom:0.5em;
	font-size:0.9rem;
	font-weight:100;
	font-family:"Open Sans", Helvetica, Arial, sans-serif;
	color:#666;
}
#langShell div {
	display:none;
}
#Arabic {
	padding-right:1em;
}
#Arabic p, #Arabic h2, #Arabic h3, #Arabic h5 {
	direction:rtl;
}
#portfolioSearch {
	max-width:90%;
}
#contentRow2.row, #contentRow2.row .row {
	margin-left:0;
}
div#twoColumnContent, div#twoColumnContent.column, div#twoColumnContent.columns {
	padding-right:2em;
	padding-left:1em; 	
}
#twoColumnContent h1 {
	margin-top:0.75em;
}
.imageBlockWrapper, .imageBlock {
	height:100%;
	width:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	min-height:100%
}
.tabs-content ul#contentBox1 p, .tabs-content ul#contentBox1 li, .tabBox.calloutBox ul#contentBox1 li {
	list-style:none;
}
.tabBox.calloutBox ul#contentBox1 p {
	padding-left:1em;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* <<<<< --- ///////// ASPECT RATIO FLEX FOR IMAGES ////////// --- >>>>> */

#imageContainer {
	display: inline-block;
	position: relative;
	width: 100%;
	margin:0 0 20px 0;
	overflow:hidden;
}
#dummy {
    padding-top: 60%;
}


/* ----- end aspect ratio --- */


.projectBullets {
	padding-left: 20px;
	margin-left:0;
	font-size:0.9rem;
}
.contentColumn ul.projectBullets, .contentColumn ol.projectBullets {
	margin-bottom:0;
}
.secondaryBullets li {
	font-size:0.9em;
	line-height:1em;
}
button, .button {
  font-family:"Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
 /* line-height: normal;*/
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  font-size: 1rem;
  background-color:rgba(255,255,255,0.75);
  border-color: #fff;
  color: #dd7800;
 }
body div#nav1 {
	position:relative;
	max-width:100%;
	min-width:100%;
	/*top:-5px;*/
	margin:10px 5px 0 5px;
	font-size:1.2em;
}
body div#nav1 header nav {
	left:-20px;
	position:relative;
	transition:none;
	-webkit-transition:none;
}
#nav1 nav .button-group .button {
	width: auto;
	font-size: 1.1em;
	font-weight: 100 !important;
}
ul.button-group {
	margin-bottom:0;
}
body #nav1 header nav, body #nav1 header nav:active, body #nav1 header nav:hover {
	left:-20px;
}
ul.button-group.navButton {
	width:auto;
	padding:0;
	margin:0;
	position:relative;
}
ul.button-group.navButton .button {
	padding:0.75em 0.8em 1.5em;
	margin:0;
	background:none;
	height:2em;
	border:none;
	color:#666;
	font-size:0.8rem;
}
ul.button-group.navButton .button:hover {
	color:#dd7800;
}
.blockLinks {
	left:0;
	margin:1em 0 0 0;
}
.blockLinks li {
	list-style:none;
	margin:0 1em 0 0;
}
.blockLinks li a {
	display:block;
	width:100%;
	border-top:1px #bbb solid;
	padding:0.5em;
	margin:0;
}
.blockLinks li a:hover {
	text-decoration:none;
}
.blockLinks li:hover {
	text-decoration:none;
	background-color:#e8e8e8;
}
.blockLinkSubhead {
	font-size: 0.85em;
	margin-left: 1rem;
	margin: -2rem 0 0 1rem;
	padding-bottom:0.5rem;
	color: #666;
	font-style: italic;
}
.accordion {
	width:100%;
	font-weight:300;
}
.accordion .content.active {
	padding-top:0.5rem;
	background:#f5f5f5;
}
.accordion dd {
	clear:both;
}
.accordion dd > a {
	font-size:1rem;
	font-family:"Open Sans", Helvetica, Arial, sans-serif;
	padding:0.5em 0.75em 0.5em;
	padding-bottom:0.5em;
	background-color:transparent;
	color:#dd7800;
	line-height:1.2em;
}
#news .accordion dd > a {
	border-bottom:1px solid #ccc;
}
.accordion dd > a:hover {
	text-decoration:none;
	background-color:#e8e8e8;
	color:#000;
}
.accordion dd.active > a {
	color:#000;
}
dl.tabs.vertical.contentNav {
	min-width:100%;
	height:auto;
}
dl.tabs.vertical.contentNav dl.tabs a {
	
}
.tabs-content.contentList .accordion {
	margin-left:0;
}
.tabs-content.contentList .accordion img {
	max-width:200px;
}
.tabs-content.vertical.contentList {
	width:100%;
	padding:0;
	margin:0;
	border-top:1px solid #ccc;
}
.tabs-content > #partners.content, .tabs-content > #principals.content, .tabs-content > #associates.content, .tabs-content > #founders.content {
	width:100%;
}
/*.tabs-content.contentList .accordion img.bioPhoto {
	margin:0 1em 1em 0;
	max-width:120px;
}*/
.tabs-content.contentList .accordion .bioPhoto {
	margin:0 1em 0.25em 0;
	max-width:120px;
	font-size: 0.9em;
	padding:0 0 0.5em;
	border-bottom: 1px solid #999;
}
.bioPhoto img.profile {
	width:100%;
}
.bioPhoto .dw-vcard img {
	width:auto;
	margin:0 0.5em 0 0;
}
.linkList {
	line-height:1.1em;
	font-size:0.9em;
}
#awardsList table {
	border:none;
}
.tabs-content#awardsList {
	margin-top:0;
	padding-top:0;
	width:90%;
}
.tabs.vertical#awardsNav {
	width:auto;
}
.tabs-content.vertical#awardsList > .content {
	padding:0;
	margin:0;
}
#contentAwards p {
	padding-bottom: 0.75em;
}
.inlineImage {
	max-width:180px;
	margin:0 1em 0.5em 0;
}
.addressBlock {
	font-size:0.9em;
	line-height:1.2em;
	padding:1.5em;
	margin-bottom:2em;
	border:1px solid #ccc;
	width:80%;
}
.prev, .next {
	background-color:rgba(150,150,150,0.5);
	color:#eee;
	font-size:2em;
	padding:0.25em;
	position:absolute;
	top:40%;
	width:1em;
	z-index:9999;
	float:left;
	margin-top:0.5em;
}
.prev:hover, .next:hover {
	background-color:rgba(0,0,0,0.7);
	color:#fff;
}
.next {
	right:0;
	float:right;
}
#principles .prev, #principles .next {
	/*top:-3em;*/
	bottom:2em;
	position:relative;
	display:inline-block;
}
#principles .next {
	float:right;
}
#legacy .prev, #legacy .next {
	/*top:-3em;*/
	bottom:2em;
	position:relative;
	display:inline-block;
}
#legacy .next {
	float:right;
}
.slideCaption {
	padding:0.5em 1em;
	color:#fff;
	width:auto;
	position:absolute;
	background-color:#333;
	font-size:0.8em;
	bottom:0;
	margin:0;
	z-index:9999;
	display:none;
}
.contentColumn2 {
	margin-top:0;
	/*left:-1em;*/
}
#projectPanelWrapper p {
	font-size:0.9rem;
	line-height:1em;
}
.servicesList p {
	font-size:0.85em;
	line-height:0.9em;
	color:#aaa;	
}
a.close-reveal-modal:hover {
	text-decoration:none;
}
.printLogo {
	display:none;
}
#speaking .headline {
	margin:1rem 0 0;
	font-weight:bold;
	line-height:1.2rem
}
#speaking .entryText {
	font-size:0.95rem;
	line-height:1.2em;
	margin:0 0 0.25em;
}
#speaking .secondaryText {
	font-size:0.9rem;
	font-style:italic;
	line-height:1.2em;
	margin:0 0 2em;
}
#twoColumnContent .contentColumn2 .columnBump {
	margin-top:0;
	margin-left:-1em;
}
#booksPanel img.maxWidth175 {
	width:95%;
	max-width:175px;
}
#booksPanel h3 {
	line-height:1em;
}
#studentComments .comment {
	font-style:italic;	
}

/* -------------------- IMAGE SLIDER --------------------*/
#prev, #next {
	background-color:rgba(30,30,30,0.5);
	color:#ddd;
	font-size:2em;
	padding:0.25em;
	position:absolute;
	top:40%;
	width:auto;
	z-index:999;
}
#prev:hover, #next:hover {
	background-color:rgba(0,0,0,0.7);
	color:#fff;
}
#next {
	right:0.5em;
}
/* -------------------- END IMAGE SLIDER --------------------*/


/* -------------------- BLOCK GRID --------------------*/

.large-block-grid-2 > li {
	padding:0 0.5em;
}
#contentWrapper .small-block-grid-2 {
	width:100%;
}
.imgThumbs li {
	text-align:center;
}

/* -------------------- END BLOCK GRID --------------------*/


/* -------------------- NAV 2 --------------------*/

#nav2 {
	position:absolute;
	right:14px;
	width:50%;
	z-index:9999;
	bottom:-30px;
}
#nav2 .tabs {
	margin-top:-5px;
	top:-3px;
	margin-right:10px;
	float:right;
	display:flex;
	display:-webkit-flex;
	display:-ms-flex;
	height:auto;
	z-index:9999;
}
#nav2 .tabs a {
	padding:3px 10px;
	font-size:0.85em;
}
#nav2 .tabs-content {
	bottom:0;
	border-top:none;
	background-color:#eee;
	min-height:15em;
	margin-bottom:0;
	display:none;
	overflow:auto;
	/*height:350px;*/
}
#nav2 .tabs-content h2 {
	margin-bottom: 0.5em;
}
#nav2 .tabs dd {
	top:-2px;
}
#nav2 .tabs dd.active a {
	border-bottom:1px solid #bbb;
	background:none;
}
#nav2 .tabs-content > .content {
	padding:10px 15px;
}
#nav2 .tabs-content img {
	max-width: 130px;
	margin-right: 10px;
	margin-bottom: 0;
}
#nav2 .tabs-content .closeBtn {
	font-size: 2em;
	left:90%;
	position:absolute;
	width:100%;
	color:#666;
	width:30px;
	height:30px;
	cursor:pointer;
	font-family:Gotham, Helvetica, "Helvetica Neue", Arial, sans-serif;
}
#nav2.projectNav {
/*	width:8em;
	right:-6em;
*/	padding:0.5em;
	padding-right:1em;
	bottom:auto;
	top:100%;
	background-color:#efefef;
	z-index:10000;
/*	border-left:1px solid #bbb;
	border-bottom:1px solid #bbb;
*/	
	right:auto !important;
	width:100%;
	height:auto;
	float:none;
	position:relative;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	margin-bottom:1.5em;
	background-color:#fff !important;
	border-left:none !important;
	border-right:none;
}	
#nav2.projectNav li {
	float:left;
	display:block;
	width:1auto;
}
#nav2 ul.button-group.navButton {
	float:none;
	top:0;
}
#nav2.projectNav .panelButton {
	left:-0.9em;
	cursor:pointer;
	position:absolute;
	background-color:#efefef;
	padding:0.2em;
	top:0;
	margin:0;
	border:1px solid #bbb;
	border-right:none;
	border-top:none;
}
.panelClose {
	display:none;
}
/* -------------------- END NAV 2 --------------------*/



/* -------------------- OFF CANVAS NAV --------------------*/
#offCanvasNav {
	position: absolute !important;
	z-index: 5000;
}
nav.tab-bar {
	background:#fff url(../img/dw-logo-50.png) bottom no-repeat;
	background-image:linear-gradient(transparent, transparent), url(../img/dw-logo-50.svg);
	background-size:220px;
	height:50px; /* Make 25px for non-50th logo */
	margin-top:10px;
}
section.left-small {
  border-right: none;
  box-shadow:none;
  left: 0; 
}
.left-off-canvas-menu, .right-off-canvas-menu {
	background:#efefef;
	color:#000;
}
a.menu-icon {
	color:#333;
	top:-40%;
}
.tab-bar .menu-icon span {
	-webkit-box-shadow: 0 10px 0 1px #666, 0 16px 0 1px #666, 0 22px 0 1px #666;
    box-shadow: 0 10px 0 1px #666, 0 16px 0 1px #666, 0 22px 0 1px #666;
}
.tab-bar .menu-icon:hover span {
    -webkit-box-shadow: 0 10px 0 1px #000, 0 16px 0 1px #000, 0 22px 0 1px #000;
    box-shadow: 0 10px 0 1px #000, 0 16px 0 1px #000, 0 22px 0 1px #000; 
}
ul.off-canvas-list li {
	line-height:1.75em;
	margin:0;
}
ul.off-canvas-list li label {
	color:#555;
	background:#efefef;
}
ul.off-canvas-list li a {
	color:#333;
	padding:0.5rem 0.6rem 0.6rem 0.6rem;
	font-size:1.2rem;
	border-bottom: 1px solid #888;
	font-weight:300;
}
ul.off-canvas-list li a:hover {
	text-decoration:none;
	color:#000;
	background:#ddd;
}
/* -------------------- END OFF-CANVAS NAV -------------------- */


/* -------------------- GOOGLE SEARCH ------------------------- */

div.gsc-clear-button {
	display:none !important;
}
.cse form.gsc-search-box, form.gsc-search-box {
	margin:0 !important;
}
#searchBox {
	max-width: 200px !important;
	float: left !important;
	margin: 0 30px 0 0 !important;
}
.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input {
	padding-right: 0 !important;
	padding: 0 !important;
}
td.gsc-input {
    top: -0.65em !important;
    position: relative;
}
input.gsc-input {
	width: 140px !important;
    padding: 0;
	border: solid 1px #999;
	margin: -0.65em 0 0;
	height: 1.75em;
	outline: none;
}
table.gsc-search-box {
	margin-bottom:0 !important;
}
table.gsc-search-box td {
	/*padding: 0 0 1em 0.5em !important;*/
    padding:0;
}
.gsc-input-box table {
    margin-bottom: 0;
}
.cse form.gsc-search-box, form.gsc-search-box {
	padding: 0 !important;
	margin-bottom: 0 !important;
}
.gsc-control-cse {
	padding:0 !important;
}
img.media.left {
    margin: 0 1.2em 1em 0 !important;
    margin-right: 1.2em !important;
    margin-bottom: 1em !important;
}

/* -------------------- END GOOGLE SEARCH ------------------------- */


/* [][][][] <<<<<<<< ----- MEDIA QUERIES ----- >>>>>>>> [][][][] || */

@media only screen and (min-width: 500px) {
	
#nav2.projectNav {
	width:80%;
	right:1.5em !important;
	bottom:-3.5em;
	top:auto;
	height:2em;
	padding:0;
	background-color:transparent;
	border:none;
}
#nav2.projectNav li {
	float:left;
	display:auto;
	width:auto;
}
#nav2 .panelButton, #nav2 .panelOpen, #nav2 .panelClose {
	display:none !important;
}
ul.button-group.navButton {
	float:right;
	top:-22px;
}
.bioPhoto {
	float:left;
}
#contactBox {
	max-width:38.125em;
}
#legacyOverlay {
	left:10%;
}
#legacyRings {
    margin: 1em 1em 0 0;
}
}

@media only screen and (max-width: 1025px) {
    .media.left {
        float: none;
    }
}
    
@media only screen and (min-width: 1025px) {
	
#imageContainer {
	margin:0;
}
#contentRow {
	top:0px;
}
#contentWrapper {
	overflow:auto;
	margin-top:0;
	margin-left:0;
	margin-right:0;
}
#sidebarColumn {
	position:absolute;
	right:0;
	padding:0 15px 0 10px;
	margin-top:0;
}
#footerRow {
	padding:0;
	margin-top:1em;
}
#legacyRings {
	width:90%;
	float:none;
	min-height: 15em;
}
#nav2.homeNav2 {
	bottom:-2em;
}
#nav2.projectNav {
	bottom:-2em;
	right:5px;
}
ul.button-group.navButton {
	top:-2px;
}
#footerShell {
	/*top:-15px;*/
	background-color:#fff;
}
ul.button-group.navButton .button {
	font-size:0.9em
}
#contactBox {
	left:150px;
	max-width:38em;
}
.tabs-content.vertical > .content {
	padding:0.5em 1em 0;
}
#languagesList {
	left:220px;
}
.contentColumn.large-6 {
	width:49%;
}
.contentColumn2 {
	margin-top:5em;
	border-left:1px dotted #ccc;
	left:0;
}
#twoColumnContent .contentColumn2 h2 {
	margin-top:2em;
}
#twoColumnContent .contentColumn2 .columnBump {
	margin-top:-5em;
	margin-left:0;
}
.featuredText {
	font-size:1.2rem;
	line-height:1.6rem;
	color:#444;
	font-weight:100;
	margin-bottom:1.5em;
}
#mapShell #map {
	margin-left:0;
	margin-right:0 !important;
}
#legacyOverlay {
	left:20%;
}
#alt-caption {
	color:#fff;
	padding:0.25em;
	font-size:0.8em;
	position:absolute;
	bottom:0;
	right:0;
	width:auto;
	z-index:99999;
	margin-right:2em;
}
.media.left {
    float: left;
}
}

@media only screen and (min-width: 1480px) {
	#homeLogo {
		height: 4em;
	}
}


@media only screen and (min-width: 500px) {
#footerLinks {
	float:left;
	padding-top:10px;
}
nav.tab-bar {
	background-size:contain;
}
div#contentRow2.row.row:after, div#contentRow2.row:after {
	clear:none;
}
}


@media only screen and (min-width: 650px) {

/* <<<<< --- ///////// NAV 1 ROLLOVER BOXES ////////// --- >>>>> */

	.navbox {
		margin:10px 0 0 0;
		padding:0 5px;
		max-width:730px;
		background:rgba(242,242,242,0.95);
		border:none;
		border-bottom:#fff 5px solid;
	}
	.navboxItemShell {
		margin:10px 0 0 0;
	}
	.navboxItem {
		float:left;
		margin:0;
		padding:5px;
		max-width:180px;
	}
	.navboxItem.pageBox {
		float:none;
		max-width:100%;
		width:100%;
		clear:both;
	}
	.navboxItem.pageBox a:hover, .navboxItem.pageBox h2:hover, .navboxItem.pageBox p:hover, .navboxItem.pageBox img:hover {
		text-decoration:none;
	}
	.navboxItem.pageBox img {
		max-width:200px;
		float:left;
		margin:0 1em 0.5em 0;
		width:67%;
		text-decoration:none;
	}
	.navboxItem.pageBox h2 {
		text-align:left;
		font-size:1.2em;
	}
	.navboxItem:last-child {
		margin:0;
		margin-right:0;
	}
	.navboxItem img {
		border:#fff 5px solid;
	}
	.navboxItem h2 {
		font-size:1em;
		font-weight:100;
		line-height:1em;
		color:#000;
		padding:5px;
		text-align:center;
		text-shadow: 1px 1px 1px #fff;
	}
	#dropEvidence .navboxItem h2 {
		text-align:left;
	}
	.navboxItem p {
		font-size:1em;
		font-weight:300;
		line-height:1.3em;
		padding:0 5px 5px 5px;
	}
	.navboxItem a {
		text-decoration:none;
		color:#000;
	}
	.navboxItem a:hover {
		color:#dd7800;
	}
	.navboxItem:hover {
		color:#dd7800;
		text-decoration:none;
		background:rgba(255,255,255,1);
	}
	.navboxItem:hover img {
		border:1px #dd7800 solid;
		padding:4px;
	}
	#dropPortfolio.navbox {
		width:730px;
	}
	#dropPortfolio a:link, #dropPortfolio a:visited {
		color:#dd7800;
	}
	#dropEvidence.navbox {
		width:730px;
	}
	#dropEvidence .navboxItem a {
		color:#666;
	}
	#dropEvidence .navboxItem a:hover {
		color:#dd7800;
	}
	#dropPortfolio .navboxItem a:hover h2 {
		color:#dd7800;
	}
	/* -------------------- end NAV 1 ROLLOVER BOXES -------------------- */
	
#contactBox .tabs.vertical {
	width:30%;
}
#contactBox dl.tabs a {
	border:none;
}
.tabs-content.vertical {
	width:70%;
}
}

@media only screen and (max-width: 500px) {
nav.tab-bar {
	background-size:60%; /* make 45% for Non-50th logo */
}
}