/* @override 
	http://dev.swpcom.com/stevenwu/tags/comp4/css/style.css
	http://dev.swpcom.com/stevenwu/trunk/css/style.css
*/

/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #e5ddc8; color: #fff; text-shadow: none; }
::selection { background: #e5ddc8; color: #fff; text-shadow: none; }

a { color:inherit; text-decoration:none; }
a:visited { color: inherit; }
a:hover { color: inherit; }
a:focus { outline: none; }
a:hover, a:active { outline: none!important; }
:-moz-any-link:focus {
  outline: none;
}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */
/**{
	background-color: white!important;
}*/
html{
	text-align: center;
	/*font-family: "ff-scala-sans-web", "Lucida Grande", Lucida, Verdana, sans-serif;*/
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, sans-serif;
	font-size: 11px;
	color: #908b8e;
	min-height: 568px;
	min-width: 972px;
	overflow: hidden;
	height: 100%;
}
.hidden-till{
	opacity: 0;
}
.lt-ie9 .hidden-till{
	display:none;
}
.loading-img{
/*	background-image: url(../images/layout/ada-loader.gif);*/
/*	background-position: center center;*/
/*	background-repeat: no-repeat;*/
}
/*.loading-img img,
.loading-img .gutter{
	opacity: 0!important;
}
.lt-ie9 .loading-img img,
.lt-ie9 .loading-img .gutter{
	display:none;
}*/
img {
	opacity: 0;
	-webkit-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}
img.loaded {
	opacity: 1;
}
.cover-thumb img {
	opacity: 1;
}
.old-style{
	font-family: "ff-scala-sans-web-sc";
}
.selected{
	color: #4b4339;
}
body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
b, strong { 
	text-transform: uppercase; 
	font-weight:normal;
	font-size:.9em;
}
#awards-page b,
#awards-page strong,
#publications-page b,
#publications-page strong {
	font-weight: 600;
	text-transform: none;
}
#awards-page span.article,
#publications-page span.article {
	text-transform: uppercase;
}
ul{
	padding: 0;
	margin: 0;
}
li{
	list-style-type: none;
	line-height: 2.5;
}
li a{
	/*height: 26px;*/
	/*line-height: 26px;*/
	display: block;
	width:auto;
}
ul#nav-sub li {
	color: #908b8e;
	font-size:.98rem;
	line-height: 2.1;
}
ul#nav-sub li > ul {
	margin-bottom:1.5rem;
}
/*ul#nav-sub li ul li ul {
	padding-left:0.75rem;
}*/
#project.alt #right li a{
	display: inline;
}
a.cur{
	color: #908b8e;
	cursor: default;
}
li.parent-cur.open > a,
a.cur:hover, a:hover{
	color: #434243!important;
}

.most-recently-clicked>a{
	color:#908b8e;
	color:#000;
}
li.level-1 {
	-webkit-transition: margin-top 0.25s;
	-o-transition: margin-top 0.25s;
	transition: margin-top 0.25s;
}
li.level-1.most-recently-clicked:not(:first-child),
li.level-1.open.parent-cur:not(:first-child) {
	margin-top:1rem;
}


/*PAGE SPECIFIC NAV STYLES TO AVOID MARGIN-TOP JUMP*/
#project #nav-sub-portfolio,
#awards #nav-sub-recognition,
#personal-projects #nav-sub-personal-projects,
#client-galleries #nav-sub-client-galleries,
#directions #nav-sub-contact {
	margin-top:1rem;
}



footer a:hover, li a:hover{
	color: #000;
}


ul#nav-sub ul{
	display: none;
	margin: 0;
	padding:0;
}
ul#nav-sub *:not(.most-recently-clicked>a) {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ul#nav-sub li.parent-cur > ul{
	display: block;
}
li#nav-sub-featured-home.parent-cur { color: #000!important;}
ul#nav-sub li.level-3{
	text-transform:none;
}

#container{
	position: absolute;
	/*overflow: hidden;*/
}
#project #container {
	/*overflow: hidden;*/
}
#container::selection,
#project #center::selection,
.slides .img-holder::selection {
	background: transparent;
}
/*#publications #container,*/
#awards #container {
	overflow: visible;
}

table, tr, td{
	height: 100%;
	width: 100%;
}
#left table,
#left tbody,
#left td,
#left tr {
	width:auto;
}

td{
	vertical-align: middle;
}

header{
	height: 113px;
	font-family: serif;
	/*padding: 10px 20px;*/
	/*padding-bottom: 0;*/
}
header a{
	display: inline-block;
	height: 45px;
	width:  300px;
	margin: 0 auto;
	position: relative;
	/*background: url(../images/layout/logo-2.gif) no-repeat center top;*/
}
header .logo-holder {
	position: absolute;
	top: 0.5rem;
	right: 0;
	bottom: 0;
	left:0;
}
header .logo-holder svg {
	width: 100%;
	max-height: 50px;
}
header .logo-holder svg .a{
	fill:#817571;
}
header a:hover .logo-holder svg .a {
	fill:#3f3f3f;
}

header a:hover{
	/*background-position: center -45px;*/
}

h1{
	font-size: 30px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}
h2{
	font-size: 17px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;

}
#left,
#right #controls {
	-webkit-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
#left{
	width: 228px;
	position: absolute;
	top: 113px;
	bottom: 40px;
	left: 0;
	text-align: left;
	z-index: 999;
}
#left{
	text-transform: uppercase;
}
.touch #left table{
	margin-left: 25px;
}
#right{
	width: 228px;
	position: absolute;
	top: 113px;
	bottom: 40px;
	right: 0;
	z-index: 2;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#right ul li{
	text-transform: uppercase;
}
.top-ornament, #nested-ul .middle-ornament, #right .middle-ornament{
	display: none;
}
#project #right .ornament{
	display: none;
}

#project #right .middle-ornament{
	display: block;
}

/*OLD SLIDESHOW CONTROLS*/
footer{
	position: absolute;
	bottom: 0;
	left: 25%;
	right: 25%;
	height: 40px;
	overflow: visible;
}
footer span{
	padding-top: 5px;
	display: inline-block;
}
footer p {
	margin:0 auto;
}
/*footer #controls{
	width: 40%;
	text-align: right;
	margin-right: 20px;
}
footer span#caption{
	width: 40%;
	color: #7a6e60;
	text-align: left;
}

footer span#slideshow-button{
	width: 40%;
	color: #7a6e60;
	text-align: left;
}
footer span#slideshow-button a{
	cursor: pointer;
	margin-right:1rem;
}
footer #controls a{
	font-size: 15px;
	padding-left: 6px;
}
footer #numer, footer #denom{
	width: 15px;
	text-align: center;
}*/
/*END OLD SLIDESHOW CONTROLS*/

/*NEW SLIDESHOW CONTROLS*/
#controls {
	display: block;
	text-align: left;
	position: absolute;
	bottom:-3.25em;
	top:auto;
	left:3rem;
	right:auto;
	text-transform: uppercase;
	z-index: 999;
}
#controls > span {
	display: block;
	margin:0 0 .25em;
}
#controls #desc {
	margin-bottom:0;
}
#controls #enlarge-button {
	cursor: pointer;
	display: block;
	line-height: 1.4;
}
span#close-button {
	display: none;
	position: fixed;
	top: 2rem;
	right: 2rem;
	bottom: auto;
	left: auto;
	font-size:1.5rem;
	cursor: pointer;
	text-shadow: 1px 0 1px #fff;
	z-index: 999999999;
}
#slideshow-button {
	height:28px;
}
.enlarged span#close-button {
	display: block;
}
#gallery-arrow {
	position: fixed;
	opacity: 0;
/*	margin-top:-1.5rem;
	margin-left:-1.5rem;*/
	z-index: 999;
	height:1.5rem;
	width:1.5rem;
	border-bottom:1px solid #6d6361;/*#908b8e;*/
	border-right:1px solid #6d6361;/*#908b8e;*/
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	pointer-events: none;
	cursor: none;
}
.touch #gallery-arrow {
	display:none;
}
#gallery-arrow.left {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
#gallery-arrow.right {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#gallery-arrow.hidden {
	opacity: 0 !important;
	filter: alpha(opacity=0);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: opacity .25s, filter .25s, transform 25s;
	-o-transition: opacity .25s, filter .25s, transform 25s;
	transition: opacity .25s, filter .25s, transform 25s;
}
.img-strip-navigation {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 3rem;
	left: 0;
	z-index: 888;
}
.enlarged .img-strip-navigation {
	top:5rem;
	overflow: hidden;
	z-index: 9999;
	position: fixed;
}
.img-strip-prev,
.img-strip-next {
	position: absolute;
	z-index: 9;
	left:50%;
	top:0;
	bottom:0;
	right:-100%;
	background-color:rgba(255,255,255,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.img-strip-prev {
	left:-100%;
	right:50%;
	cursor: none;
}
.img-strip-next {
	right:-100%;
	left:50%;
	cursor: none;
}
/*END NEW SLIDESHOW CONTROLS*/


#spacer{
	height: 10px;
}
#center .img{
	height:100%;
	width:100%;
	background-size:contain;
	-webkit-background-size: contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	-ms-background-size:contain;
	background-repeat: no-repeat;
	background-position: left center;
}
#center img{
	height:100%;
	text-align: left;
	position: absolute;
	left: 0;
	top:0;
}
.desc {
	padding-bottom: 2.5rem!important;
}
.desc td{
	padding-top:15px;
}

#center .desc{
	/*position: absolute;
	top: 0px;
	bottom: 0px;
	left: -5px;
	right: -5px;*/
	position: relative;
	width:100%;
	height:100%;
	background-color:white;
	background-color: rgba(255,255,255,0.7);
	z-index: 1000;
	color: #8f897d;
	color: #000;
	text-align: justify;
	padding: 1rem 0 0.5rem;
}
#project #center .desc{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0;
	right: 0;
	background-color:white;
	background-color: rgba(255,255,255,0.87);
}
#center #contact-page .desc {
	background:transparent;
}
/*#publications-page .desc{
	background-color:#f3f2ea;
	background-color: rgba(243,242,234,0.7);
}*/
#publications-page,
#awards-page {
	height: 100%;
	/*overflow: scroll;*/
}
#publications-page .desc {
	max-width: 65%;
}
/*#publications-page .desc:after {
	content: "";
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: -webkit-linear-gradient( rgba(255, 255, 255, 0) 75%, white 85%);
	background: -moz-linear-gradient( rgba(255, 255, 255, 0) 75%, white 85%);
	background: -o-linear-gradient( rgba(255, 255, 255, 0) 75%, white 85%);
	background: linear-gradient( rgba(255, 255, 255, 0) 75%, white 85%);
}*/





.arrow-holder {
	display: block;
	position: absolute;
	bottom: -2.5rem;
	left: 0;
	right: auto;
	top: auto;
	height: 2.5rem;
	width: 6rem;
	z-index: 9999;
	cursor: pointer;
}
.arrow-holder div {
	/*float: left;*/
	display: inline-block;
	cursor:pointer;
	/*padding: .25rem;*/
}
.arrow-holder.hide {
	display: none;
}
.arrow-holder span {
	cursor: pointer;
}

#publications .arrow-holder {
	left: 36%;
	left: calc(36% - 1.3rem);
}
#awards .arrow-holder {
	bottom: -3.5rem;
	left: -1.25rem;
}
.arrow-holder .arrow {
	display: inline-block;
	height: 0.8rem;
	width: 0.8rem;
	margin-bottom: -0.7rem;
	border-top: 1px solid #6E625D;
	border-right: 1px solid #6E625D;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);	
}
.arrow-holder .arrow.down {
	margin-left: 1rem;
	margin-bottom: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}







#before-label{
	display: none;
	position: absolute;
	bottom: 10px;
	width: 100%;
	z-index: 100000;
	color: white;
	font-size: 13px;
}
.enlarged #before-label {
	position: fixed;
	bottom: 20px;
	top: auto;
	left: 0;
	right: 0;
}

#center .page{
	display:none;
}

test{
	background-color: #f3f2ea;

}
#project #center .desc,
#recognition #center .desc{
	top: 0;
	bottom: 0;
	/*left: -1rem;
	right: -1rem;*/
}
#project-page {
	height:100%;
	width:100%;
}
#project #center #project-page .desc{
	opacity: 0;
}
#center .desc .ornament{
	font-size: 11px;
	display:block;
	margin:5px 0;

}

#center .desc h3{
	text-transform: uppercase;
	/*font-family: "Serlio LH", Georgia, "Times New Roman", Times, serif;*/
	font-weight: 100;
	font-size: 13px;
	/*letter-spacing: 6px;*/
	margin: 0 auto;
	max-width: 595px;
	width:90%;
	/*-webkit-font-smoothing: antialiased;*/
	
}
#mti_wfs_colophon{
	display: none!important;
}
#center .desc p,
#center .desc li{
	margin:0 auto;
	font-size: 12px;
	line-height: 150%;
	color: #8b857a;
	color: #000;
	-webkit-font-smoothing: antialiased;
	
}
#center .desc p{
	margin-bottom:10px;
}
#center .desc td span:last-child{
	margin-top:-5px;
}
#center .desc p.awards{
	padding-top: 20px;
	margin-bottom:0px;
	color: #000;
}

#contact-page img,
#career-opportunities-page img,
#directions-page img{
	display: none;
}

/*#contact-page,
#career-opportunities-page,
#directions-page{
	background-image: url(../images/layout/bg-pattern.gif);
	width: 100%;
	height: 100%;
}*/
#contact-page .desc{
	opacity:0;	
}
#contact-page .desc p {
	font-size: 12px;
	line-height: 1.8!important;
}
#contact-page .desc p em{
	/*color: #92897d;*/
	/*font-style:normal;*/
	line-height: 4;
	font-size: .9em;
}
#contact-page .desc p a{
	color:#908b8e;
	display: inline-block;
	/*padding-top:10px;*/
}
#contact-page .desc p a:hover,
#directions .desc p a:hover,
#career .desc p a:hover{
	color: #000!important;
}
a.social {
	display: inline-block;
	width: 1.35rem;
	height: 1.35rem;
	padding: 2px 1px;
	margin: 1em 0 0 0;
	vertical-align: top;
}
a.social.pinterest {
	padding: 2px 1px;
}
a.social svg {
	height: 90%;
	width: 90%;
	margin: 0;
	overflow: visible;
	display: block;
}
a.social.pinterest svg {
	width: 90%;
	height: 90%;
}
a.social svg path {
	fill: #b1abae;
}
a.social:hover svg path {
	fill: #000;
}

#contact-page:before,
#career-opportunities-page:before,
#directions-page:before {
	content:"";
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: url(../images/layout/contact-bg.jpg) center no-repeat;
	background-size: cover;
	opacity: 0.65;
}
#contact-page:after,
#career-opportunities-page:after,
#directions-page:after {
	content:"";
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%);
	background: linear-gradient(45deg,  rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
#contact-page .desc,
#career-opportunities-page .desc,
#directions-page .desc {
	background-color: transparent;
}




#center .desc p{
	max-width: 595px;
	width: 90%;
}
#directions .desc p a,
#career-opportunities-page .desc p a{
	color:#6f6b6d;
}
#career-opportunities-page p {
	text-align: left;
}
#career-opportunities-page ul {
	max-width: 595px;
	/*margin: 0 auto;*/
	margin: -8px auto 10px;
	width:90%;
}
#career-opportunities-page ul li {
	line-height: 2.4;
	position: relative;
	padding-left:3%;
}


#center #awards-page  .desc h3,
#center #publications-page .desc h3{
	letter-spacing: 0px;
	text-align:left!important;
}

#awards-page .desc  ul li ,
#publications-page .desc ul li {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 5px;
	padding-left:3%;
	display:block;
	text-align:left;
	color:#000;
	position: relative;
	cursor: default;
}
#publications-page .desc ul li {
	/*max-width: 65%;*/
	margin-left: 0;
}
#career-opportunities-page ul li:before,
#awards-page .desc  ul li:before ,
#publications-page .desc ul li:before {
	content:"";
	position: absolute;
	left:0;
	top:.65rem;
	height:0.3rem;
	width:0.3rem;
	background: #000;
	border-radius: 0.15rem;
}
/*div#awards-page .desc  ul li{
	margin-top:5px;
}*/

div#awards-page .desc  ul li{
	margin-top:5px;
}

div#publications-page .desc{
	padding:0px;
}

/*#center #our-firm-page .page-bg,
#center #our-team-page .page-bg,
#awards-page img,
#career-opportunities-page img,
#directions-page img{
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=20);
}*/
#center #our-firm-page .desc,
#center #our-team-page .desc {
	background:transparent;
}

#center #publications-page .desc ul{
	/*padding:10px 20px 10px 0px;*/
}

/*#center #awards-page .desc ul{
	padding:20px 30px;
}*/
#center #awards-page .desc {
	overflow: scroll;
}
#center #publications-page .desc ul li a,
#center #awards-page .desc ul li a{
	display:inline;

}
#center #publications-page .desc ul li a.read-article,
#center #awards-page .desc ul li a.read-article{
	color:#808080;
	font-style:italic;
	display:inline-block;
}
#center #publications-page .desc ul li a.read-article:visited,
#center #awards-page .desc ul li a.read-article:visited{
	color:#808080;
}
/*#center #publications-page .desc ul li.current-li a.read-article,
#center #publications-page .desc  ul li.current-li{
	color:#41382d;
}*/
#publications .desc  ul span.ornament{
	display:none!important;
}
#publications .desc  ul span.ornament.first{
	display:block!important;
}
#awards-page .desc .ornament,
#publications-page .desc .ornament{
	text-align:left!important;
}

#awards-page .desc  ul li em{
	/*color:#908b8e;*/
}
#awards-page .desc  ul li span.date{
	/*color: #000;*/
}


#publications #center #publications-page .desc,
#publications #center #awards-page .desc {
	left:36%;
	overflow-y: scroll;
	overflow-x: visible;
}
#publications #center #thumbs-holder{
	/*background-color: rgb(243,242,234);*/
	/*background-color: rgba(243,242,234,0.9);*/
	position: absolute;
	top: 0px;
	width:30%;
	left: 0px;
	bottom:0;
	height:100%;
	z-index:10000;
	text-align:center;
}



body#publications #pub-thumbs{
/*	display:block;
	width:60%;
	height:100%;
	overflow:hidden;
	position:relative;
	margin:25% auto;
	overflow:hidden;*/
	position:relative;
	height: 100%;
}

body#publications .cover-thumb{
	width:100%;
	position:absolute;
	/*text-align:center;*/
	overflow:hidden;
}

body#publications #pub-thumbs .cover-thumb img{
/*	width:auto;
	height:300px;*/
	width:100%;
	max-width: 250px;
	height: auto;
	position:relative;
}
body#publications #pub-thumbs .cover-thumb img.thumb-landscape{
	max-width: 9999px;
}

#our-team-page .desc p,
#contact-page .desc p{
	line-height:20px;
	margin-top:0;
	margin-bottom:0;
	padding:0px 0;
}
#center #our-team-page .desc ul li {
	line-height: 1;
	text-align: center;
}
#center #our-team-page .desc ul {
	margin-top:1rem;
}
#contact-page .desc p, 
#directions-page .desc p {
	text-align: center;
}
/*#our-team-page .ornament,
#contact-page .ornament{
	margin-top:5px!important;
}*/



.slides{
	height: 40px;
	width: 300px;
	height:100%;
	width:100%;
	position:absolute;
	cursor:pointer;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid white;
}
#home .slides,
.enlarged .slides {
	border:none;
}
#home .slides {
	opacity:0;
	-webkit-transition: opacity 3s ease;
	-moz-transition: opacity 3s ease;
	-ms-transition: opacity 3s ease;
	-o-transition: opacity 3s ease;
	transition: opacity 3s ease;
}
#home .slides.fadeIn {
	opacity: 1;
}
.slides .img-holder{
	width: 100%;
	height: 100%;
	margin-left: 0px!important;
}
.slides .img-holder img{
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
	-moz-transition: opacity 250ms;
	-webkit-transition: opacity 250ms;
	-o-transition: opacity 250ms;
}
.slides .img-holder .gutter{
	width: 4px;
	height: 100%;
	background:#fff;
	position:absolute;
	left:50%;
	margin-left:-3px;
	z-index:10;
}
.enlarged .slides {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 99;
}
/*.diptych {
	opacity: 0;*/
/*	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;*/
/*}*/
/*.diptych.loadedBoth {
	opacity: 1;
}*/
.diptych.loadedBoth img {
	opacity: 1;
}
.enlarged .slides .img-holder.diptych {
	height:70%;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.enlarged .slides .img-holder:not(.diptych) img{
	/*display: inline-block;*/
	/*text-align: center;*/
	position: absolute;
	top: 0;
	right: -100%!important;
	bottom: 0;
	left: -100%!important;
	margin:auto!important;
}
.enlarged #center .slides .img-holder.diptych img {
	position: relative;
	display: inline-block;
	top:0;
	bottom:0;
	margin: auto 0 !important;
	width:auto;
	max-width:40%;
	height:auto;
	max-height:100%;
}
.enlarged #left,
.enlarged #right #controls{
	opacity: 0;
}
#homepage-page.slides {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left:0;
	z-index: -1;
}
#homepage-page.slides img {
	object-fit: cover;
	width:100%;
	height:auto;
	min-height:100%;
	top:-100%;
	bottom:-100%;
	margin:auto;
}
#home .fullpage-link {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9;
}
#center{
	position: absolute;
	left: 228px;
	right: 228px;
	top: 113px;
	bottom: 40px;
	font-size: 20px;
}
#publications #center {
	right:40px;
	bottom:0;
}
#publications #center #contact-page {
	padding-right:188px;
}
.lt-ie9 #project #center #publications-page .desc,
.lt-ie9 #project #center #project-page .desc,
.lt-ie9 #project #center .desc{
	opacity: 1;
	display: none;
}

.lt-ie9 #project #center .desc{
	background-color:transparent;
	background-image: url('../images/layout/white-trans-87.png');

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color:#000;
	background: rgba(0, 0, 0, 0.4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color:#000;
	background: rgba(0, 0, 0, 0.7);
	filter: "alpha(opacity=70)";
	-ms-filter: "alpha(opacity=70)";
}

 a#credit{
 	position: absolute;
 	left: 50%;
 	bottom: 0;
 	text-indent: 105%;
 	white-space: nowrap;
 	overflow: hidden;
 	width: 12px;
 	height: 15px;
 	background: url("../images/layout/credit.png") -155px 0 no-repeat;
 	background-size: 168px 15px;
 }

/* =============================================================================
   MOBILE Styles
   ========================================================================== */
#swipe-button{
	display: none;
}
.mobile-logo{
	/*display: none;*/
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left:0;
	height:100%;
	width:auto;
	margin:0 auto;
}
.rotate-notice{
	/*opacity: 0;*/
	display:none;
	font-size:15px;
}
/*.mobile #home #center .slides .img-holder{
	opacity: 0!important;
	display: block!important;
	-webkit-transition: opacity 1s;
}
.mobile #home #center .slides .showing{
	opacity: 1!important;
}*/
.mobile header a{
	display: inline-block;
	height: 45px;
	width:  300px;
	margin: 0 auto;
	background: none;
}
.mobile .mobile-logo{
	display: inline;
	width: 247px;
	margin-top: -103px;
}
.mobile #center{
	overflow: hidden!important;
}
.mobile #project-page .slides{
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	-webkit-transform: translate3d(0px,0px,0px);
	overflow: hidden;
}

.mobile #project-page .slides .img-holder{
	float: left;
	-webkit-transform: translate3d(0px,0px,0px);
	padding-right: 10px;
}
.mobile #play-button,
.mobile #pause-button,
.mobile #next-button,
.mobile #prev-button{
	display: none;
}
.touch #right {
	opacity: 1;
}
.touch #swipe-button{
	display: inline;
}
.touch #counter,
.touch #enlarge-button {
	display: none!important;
}
#slideshow-button #prev-button {
	margin-right:0.8rem;
}

/* =============================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-device-width: 768px){
	
	/* Style adjustments for viewports that meet the condition */
}
@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}