/*   

*/

/* Reset */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

img,
object,
embed {max-width: 100%;}

html {overflow-y: scroll;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

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

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

button, input, select, textarea {margin: 0;}

button {width: auto; overflow: visible;}

.ie7 img {-ms-interpolation-mode: bicubic;}

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* Styles */
html { overflow-x:hidden; -webkit-font-smoothing:antialiased; }
body { padding:px; background:#2F3238; color:#fff; font-size:15px; line-height:21px; text-align: justify; font-weight: 300; font-family:'Titillium', Helvetica, Arial, sans-serif; overflow-x:hidden; }
body.loading { background:#3c3f45 url(images/loading.gif) center center no-repeat fixed; }
select, input, textarea { color:#000; }
a { color:#fff; text-decoration:none; }
a:hover { color:#999999; }
::-moz-selection{ background:#2F3238; color:#fff; text-shadow:none; }
::selection { background:#2F3238; color:#fff; text-shadow:none; }
a:link { -webkit-tap-highlight-color:rgab(0,0,0,0); }
p { margin-bottom:12px; }
h1 { margin-bottom:18px; font-size:34px; line-height:42px; font-weight:200; font-family:'Titillium', Helvetica, Arial, sans-serif; }
h2 { margin-bottom:18px; font-style:italic; font-size:24px; line-height:29px; font-weight:200; font-family:'Titillium', Helvetica, Arial, sans-serif; }
h3 { margin-bottom:18px; font-size:19px; line-height:25px; font-weight:normal; font-family:'Titillium', Helvetica, Arial, sans-serif; }
h4 { margin-bottom:3px; color:#fff; font-size:12px; line-height:19px; font-weight:normal; }
h5 { margin-bottom:7px; font-size:16px; line-height:34px; font-weight:normal; font-family:'Titillium', Helvetica, Arial, sans-serif; }
h6 { margin-bottom:18px; font-size:30px; line-height:29px; font-weight:100; font-style:italic; font-family:'Titillium', Helvetica, Arial, sans-serif; }
a.read-more { float:left; width:auto; height:2px; margin-top:-3px; padding-right:22px; display:block; background:url(images/arrow-right.png) right 0px no-repeat; line-height:25px; }
a.read-more:hover { background-position:right -29px; }
a.download { float:left; width:auto; height:17px; padding-left:20px; display:inline-block; background:url(images/download-rollover.png) 0px 0px no-repeat; line-height:17px; }
a.download:hover { background-position:0px -17px; }
.mobile-title { display:none; }
.desktop-title { display:inline; }

#container { width:100%; }

/* header */
#container header#header { float:left; width:100%; height:23px; padding:7px 0px; margin-bottom:22px; display:block; background:#; }
#container header#header h1 { margin:0px; }
#container header#header a#logo {
	float:left;
	width:270px;
	height:33px;
	margin-left:20px;
	display:block;
	background:url(../images/logo.png) 0px 0px no-repeat;
	background-size:270x 33px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png',sizingMethod='scale')";
	text-indent:-9000px;
	overflow:hidden;
}
/*body.loading header#header a#logo { background-image:url(images/large-loading.gif); }*/
.ie6 #container header#header a#logo,
.ie7 #container header#header a#logo,
.ie8 #container header#header a#logo,
.no-backgroundsize #container header#header a#logo { background:url(../images/logo.png) 0px 0px no-repeat; }
#container header#header a#logo:hover { opacity:0.6; filter:alpha(opacity=60); }
#container header#header ul.menu { float:right; width:auto; height:33px; display:block; list-style:none; }
#container header#header ul.menu li { float:left; width:auto; height:33px; display:block; }
#container header#header ul.menu li a { float:left; width:270px; height:21px; padding:12px 0px 8px 17px; display:block; border-left:1px solid #2f3238; font-size:16px; line-height:21px; font-family:'Titillium', Helvetica, Arial, sans-serif; }
#container header#header ul.menu li a:hover,
#container header#header ul.menu li.current-menu-item a,
#container header#header ul.menu li.current-page-ancestor a,
#container header#header ul.menu li.current-menu-ancestor a,
.menu-item-40 #container header#header ul.menu li.menu-item-40 a,
.archive #container header#header ul.menu li.menu-item-34 a,
.single-post #container header#header ul.menu li.menu-item-34 a,
.single-project #container header#header ul.menu li.menu-item-40 a,
.single-project #container header#header ul.menu li.menu-item-1265 a { border-color:#fff; color:#fff; }
#container header#header ul.menu ul.sub-menu { display:none; }

#container #content { float:left; width:100%; height:auto; display:block; opacity:0; filter:alpha(opacity=0); }
.no-js #container #content,
.ie6 #container #content,
.ie7 #container #content { opacity:1; filter:alpha(opacity=100); }
#container #content .fullscreen { position:relative; float:left; width:100%; height:auto; margin-bottom:17px; display:block; }
#mobile-features, #mobile-gallery, #mobile-details, #mobile-page { display:none; }

/* subnav */
#container #subnav { float:left; width:100%; height:49px; margin-top:-17px; padding:1px 0px 17px 0px; display:block; background:#2f3238; }
.anchor #container #subnav { position:fixed; top:17px; left:17px; padding-top:17px; z-index:2; }
#container #subnav.mobile { display:none; }
#container #subnav .subnav-wrapper { float:left; width:100%; height:49px; display:block; background:#3c3a34; }
#container #subnav ul.menu { float:right; width:auto; height:49px; display:block; }
#container #subnav ul.menu li { float:left; width:auto; height:49px; margin-right:9px; display:block; }
#container #subnav ul.menu li a { float:left; width:auto; height:45px; padding:2px 8px 0px 8px; display:block; color:#fff; font-size:13px; line-height:45px; text-transform:uppercase; }
#container #subnav ul.menu li a:hover,
#container #subnav ul.menu li.current-menu-item a,
#container #subnav ul.menu li.current-page-ancestor a,
#container #subnav ul.menu li.current-menu-ancestor a { color:#fff; border-bottom:2px solid #fff; }
#container #subnav ul.menu ul.sub-menu { display:none; }

/* feature */
.supersized { position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; overflow:hidden; z-index:-999; }
.supersized img { position:absolute; width:auto; max-width:none; height:auto; display:none; outline:none; border:none; }
.supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
.supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
.supersized li { position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background:#2F3238; list-style:none; overflow:hidden; z-index:-30; }
.supersized a { width:100%; height:100%; display:block; }
.supersized li.prevslide { z-index:-20; }
.supersized li.activeslide { z-index:-10; }
.supersized li.image-loading { background:#2F3238 url(images/loading.gif) center center no-repeat fixed; width:100%; height:100%; }
.supersized li.image-loading img { visibility:hidden; }
.supersized li.prevslide img, .supersized li.activeslide img { display:inline; }
#supersized-loader { position:absolute; top:50%; left:50%; width:24px; height:24px; margin:-12px 0 0 -12px; display:none; /*background:url(images/ajax-loader.gif) no-repeat center center;*/ text-indent:-999em; z-index:0; }

.feature-content { position:absolute; bottom:0px; left:0px; width:100%; height:68px; display:block; background:#2f3238; background:rgba(47, 50, 56, 0.8); color:#fff; font-size:14px; line-height:18px; z-index:2; }
.feature-content .feature-caption { float:left; width:auto; height:auto; margin:19px 0px 0px 17px; display:block; }
.feature-content .feature-caption .title { font-size:22px; line-height:22px; font-family:'Titillium', Helvetica, Arial, sans-serif; }
.feature-content .counter { float:right; width:auto; height:18px; margin:27px 17px 0px 0px; display:block; }
a#prev { position:absolute; top:0px; left:0px; width:25%; height:100%; display:block; cursor:pointer; z-index:1; }
a#prev span { position:absolute; top:50%; left:10px; width:38px; height:39px; margin-top:-15px; display:block;  url(images/arrow-left.png) 18px 1px no-repeat; }
a#prev:hover span { background-position:18px -28px; }
a#next { position:absolute; top:0px; right:0px; width:25%; height:100%; display:block; cursor:pointer; z-index:1; }
a#next span { position:absolute; top:50%; right:0px; width:28px; height:39px; margin-top:-15px; display:block;  url(images/arrow-right.png) 7px 1px no-repeat;   url(images/arrow-right.png) 7px 1px no-repeat; }
a#next:hover span { background-position:7px -28px; }
a#down-tab { position:absolute; bottom:0px; left:50%; height:28px; width:168px; margin-left:-84px; display:block; background:#2F3238 url(images/arrow-down.png) center -2px no-repeat; z-index:3; }
a#down-tab:hover { background-position:center -34px; }


/* general pages */
#container .page-content { float:left; width:437px; height:auto; padding:27px 72px 27px 24px; display:block; background:#2F3238; background:rgba(47, 50, 56, 0.8); color:#2f3238; }
#container .page-content h1 { color:#fff; }
#container .content-wrapper { float:left; width:100%; height:auto; margin-bottom:17px; display:block; background:#3C3F45; }
#container .content-left { float:left; width:700px; height:auto; display:block; }
#container .content-left-wrapper { float:left; width:100%; height:auto; display:block; border-right:1px solid #2F3238; }
#container .content-left .content { float:left; width:auto; max-width:560px; height:auto; padding:0px 101px 10px 17px; display:block; color:#999999; font-size:16px; line-height:23px; }
#container .content-left .content h1 { margin-bottom:-2px; color:#fff; font-size:28px; line-height:34px; }
#container .content-left .content .location { float:left; width:100%; height:auto; margin-bottom:17px; display:block; color:#fff; }
#container .content-right { float:right; width:564px; height:auto; display:block; font-size:12px; line-height:19px; }
#container .content-right .content-section { padding:15px 16px; border-bottom:1px solid #2F3238; border-left:1px solid #2F3238; }
#container .content-right .content-section.credits { color:#fff; line-height:17px; }
#container .content-right .content-section h2 { margin-bottom:6px; }
#container .content-right .content-section .label { float:left; width:67px; }
#container .content-right .content-section:last-child { border-bottom:none; }
                                                                                        
/* project detail */
#container #content .fullscreen.project { margin:-17px 0px 0px 0px; }
.project-content { position:absolute; top:0px; left:0px; width:100%; height:50px; display:block; background:#2F3238; background:rgba(47, 50, 56, 0.8); color:#fff; font-size:14px; line-height:18px; z-index:2; }
.project-content a.index { float:left; width:auto; height:29px; padding-left:20px; margin:11px 0px 0px 17px; display:block; background:url(images/arrow-left.png) left 0px no-repeat; line-height:27px; text-transform:uppercase; }
.project-content a.index:hover { background-position:left -29px; }
.project-content h2 { float:left; width:auto; margin-left:32px; line-height:50px; }
.project-content ul.slidenav { float:right; width:auto; height:50px; margin-right:7px; display:block; list-style:none; }
.project-content ul.slidenav li { float:left; width:auto; height:50px;  margin-right:9px; display:block; }
.project-content ul.slidenav li a { float:left; width:auto; height:46px; padding:2px 8px 0px 8px; display:block; color:#fff; font-size:13px; line-height:46px; text-transform:uppercase; }
.project-content ul.slidenav li a:hover,
.project-content ul.slidenav li a.active { border-bottom:2px solid #fff; color:#fff; }
.project-content .counter { float:right; width:85px; height:18px; margin:16px 0px; display:block; border-left:1px solid #666666; text-align:center; }
a#project-tab { position:absolute; bottom:0px; left:50%; height:29px; width:168px; margin-left:-84px; padding:1px 0px 2px 0px; display:block; background:#3c3f45; text-align:center; z-index:3; }
a#project-tab:hover { background-position:center -32px; }
a#project-tab span { height:29px; width:auto; padding-left:px; display:inline-block; background:url(images/arrow-down.png) 0px 1px no-repeat; font-size:13px; line-height:29px; text-transform:uppercase; }
a#project-tab:hover span { background-position:0px -28px; }
a#project-tab span.images { display:none; background-image:url(images/arrow-up.png); }
a#project-tab.info span.images { display:inline-block; }
a#project-tab.info span.info { display:none; }
#video { position:absolute; top:25%; left:25%; height:50%; width:50%; display:none; background:#000; }
#video iframe { float:left; width:100%; height:100%; }
.project-nav { float:left; width:100%; height:auto; margin:11px 0px -2px 0px; display:block; font-size:13px; text-transform:uppercase; }
.project-nav a.index { float:left; width:auto; height:29px; padding-left:20px; margin-left:17px; display:block; background:url(images/arrow-left.png) left 0px no-repeat; line-height:27px; }
.project-nav a.index:hover { background-position:left -29px; }
.project-nav .prev-next { float:right; width:auto; margin-right:17px; }
.project-nav .prev-next .divider { float:left; height:16px; width:1px; margin:4px 10px 0px 10px; display:block; background:#666666; }
.project-nav a.prev { float:left; width:auto; height:29px; padding-left:20px; display:block; background:url(images/arrow-left.png) left 0px no-repeat; line-height:27px; }
.project-nav a.prev:hover { background-position:left -29px; }
.project-nav a.next { float:left; width:auto; height:39px; padding-right:20px; display:block; background:url(images/arrow-right.png) right 0px no-repeat; line-height:27px; }
.project-nav a.next:hover { background-position:right -29px; }


/* grid */
.category-heading {
	float:left;
	width:100%;
	height:49px;
	margin-bottom:17px;
	display:block;
	background:rgb(47, 50, 56);
	background:-moz-linear-gradient(180deg, rgb(47, 50, 56) 0%, rgb(60, 63, 69, 1) 100%);
	background:-webkit-linear-gradient(180deg, rgb(47, 50, 56) 0%,rgb(60, 63, 69, 1) 100%);
	background:-o-linear-gradient(180deg, rgb(47, 50, 56) 0%, rgb(60, 63, 69, 1) 100%);
	background:-ms-linear-gradient(180deg, rgb(47, 50, 56) 0%, rgb(60, 63, 69, 1) 100%);
	background:linear-gradient(270deg, rgb(47, 50, 56) 0%, rgb(60, 63, 69, 1) 100%);
}
.category-heading span { float:left; width:auto; height:47px; margin:2px 0px 0px 20px; display:block; color:#fff; font-size:22px; line-height:47px; font-family:'Titillium', Helvetica, Arial, sans-serif; }
.category-heading.first { width:auto; margin-top:-66px; background:none; }
.category-heading.first.lock span { position:relative; top:auto; left:auto; z-index:3; }
.category-heading.lock span,
.anchor .category-heading.first.lock span { position:fixed; top:17px; left:17px; z-index:3; }
ul.grid { float:left; width:100%; height:auto; display:block; list-style:none; }
ul.grid li {
	float:left;
	width:auto;
	height:auto;
	padding:0px 17px 17px 0px;
	display:block;
	transition:opacity .1s ease-in;
	-moz-transition:opacity .1s ease-in;
	-webkit-transition:opacity .1s ease-in;
	-o-transition:opacity .1s ease-in;
}
ul.grid li .grid-item { position:relative; float:left; width:300px;	min-width:1280px; height:auto; padding:17px 14px; display:block;	border:1px solid #2f3238; }
ul.grid li a.grid-item { background:#2f3238; }
ul.grid li a.grid-item:hover { background:#2f3238; border-color:#2f3238; }
ul.grid.hover li { opacity:.54; filter:alpha(opacity=54); }
ul.grid.hover li:hover { opacity:1; filter:alpha(opacity=100); }

/* projects grid */
ul.project-list.grid li .grid-item { width:1280px; height:720px;/*height:auto !important;*/ padding:0px 0px 65px 0px; border:none; overflow:hidden; }
ul.project-list.grid li .grid-item img { position:absolute; top:0px; left:0px; width:100%; height:auto;/*float:left; width:100%; margin-bottom:19px;*/ }
ul.project-list.grid li .grid-item .copy { position:absolute; bottom:-1px; left:0px; width:100%; height:auto; padding:13px 0px 12px 0px; display:block; background:#2f3238; }
ul.project-list.grid li .grid-item .title { float:left; width:auto; min-width:51%; height:auto; margin:0px 0px -2px 11px; display:block; color:#fff; font-size:17px; line-height:22px; font-family:'Titillium', Helvetica, Arial, sans-serif; }
ul.project-list.grid li .grid-item .location { float:left; width:auto; min-width:51%; height:auto; margin-left:11px; display:block; color:#999999; font-size:14px; line-height:20px; }
ul.project-list.grid li .grid-item .arrow { position:absolute; bottom:7px; right:19px; width:11px; height:29px; display:block; background:url(images/arrow-right.png) 0px 0px no-repeat; }



/* books */
.books { float:left; width:100%; height:auto; margin-bottom:17px; display:block; }
.books .book { float:left; width:439px; height:auto; margin:21px 28px 21px 28px; display:block; }
.books .book .image {
	float:left;
	width:180px;
	height:auto;
	margin-right:28px;
	display:block;
	/*-webkit-box-shadow:7px 7px 30px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:7px 7px 30px rgba(50, 50, 50, 0.75);
	box-shadow:7px 7px 30px rgba(50, 50, 50, 0.75);*/
}
.books .book .image img { float:left; width:100%; }
.books .book .copy { float:left; width:231px; height:auto; margin-top:21px; display:block; color:#999999; font-size:14px; line-height:18px; }
.books .book .copy h2 { margin-bottom:1px; }
.books .book .copy .author { float:left; width:100%; height:auto; margin-bottom:13px; display:block; }
.books .book .copy .description { float:left; width:100%; height:auto; margin-bottom:15px; display:block; }


#container ul.categories li { float:left; width:100%; }
#container ul.categories a { float:left; height:19px; }
#container ul.categories a.active { float:left; margin-left:-16px; padding-left:16px; display:block; background:url(images/category-active.png) top left no-repeat; color:#fff; }

#container .navigation { float:left; width:100%; height:auto; padding:11px 0px; margin-bottom:17px; display:block; background:#2f3238; font-size:13px; text-transform:uppercase; }
#container .navigation .prev-next { float:right; width:auto; margin-right:17px; }
#container .navigation .prev-next .divider { float:left; height:16px; width:1px; margin:4px 10px 0px 10px; display:block; background:#666666; }
#container .navigation .prev,
#container .navigation .next { float:left; }
#container .navigation .prev a { float:left; width:auto; height:29px; padding-left:20px; display:block; background:url(images/arrow-left-rollover.png) left 0px no-repeat; line-height:29px; }
#container .navigation .prev a:hover { background-position:left -29px; }
#container .navigation .next a { float:left; width:auto; height:29px; padding-right:20px; display:block; background:url(images/arrow-right.png) right 0px no-repeat; line-height:29px; }
#container .navigation .next a:hover { background-position:right -29px; }

/* contact */
#map { position:relative; float:left; width:100%; height:438px; margin-bottom:1px; display:block; overflow:hidden; }
#map img { max-width:none; }
#locations { float:left; width:100%; height:auto; margin-bottom:17px; display:block; }
#locations .map-image { display:none; }
#locations h2 { float:left; width:160px; font-size:26px; line-height:34px; }
#locations .locations-left { position:relative; float:left; width:700px; height:auto; min-height:220px; margin-right:1px; display:block; background:#3c3a34; color:#fff; }
#locations .locations-left:hover,
#locations .locations-left.active { background:#2f3238; color:#fff; }
#locations .locations-left.active .indicator { display:block; }
#locations .locations-left-wrapper { float:left; width:auto; max-width:560px; height:auto; min-height:191px; padding:12px 17px 4px 17px; display:block; }
#locations .locations-left .address { float:left; width:auto; max-width:300px; font-size:12px; line-height:17px; }
#locations .locations-left .address p { margin-bottom:9px; }
#locations .locations-right { float:right; width:564px; height:220px; display:block; font-size:12px; line-height:17px; }
#locations .locations-right .locations-section { position:relative; float:left; width:241px; height:auto; min-height:204px; margin-left:1px; padding:12px 20px 4px 20px; background:#3c3a34; color:#fff; }
#locations .locations-right .locations-section.washington { width:242px; margin:0px; }
#locations .locations-right .locations-section:hover,
#locations .locations-right .locations-section.active { background:#2f3238; color:#fff; }
#locations .locations-right .locations-section.active .indicator { display:block; }
#locations .locations-right .locations-section p { margin-bottom:9px; }
#locations .indicator { position:absolute; top:-19px; left:50%; width:28px; height:19px; margin-left:-14px; display:none; background:url(images/location-active.png) top left no-repeat; }

.contact-wrapper { float:left; width:100%; height:auto; margin-bottom:17px; display:block; background:#2f3238; }
.contact-wrapper h2 { float:left; width:160px; font-size:26px; line-height:34px; }
.contact-wrapper .contact-left { position:relative; float:left; width:700px; height:auto; display:block; border-right:1px solid #2f3238; }
.contact-wrapper .contact-left-wrapper { float:left; width:auto; max-width:560px; height:auto; padding:17px 101px 10px 17px; display:block; }
.contact-wrapper .contact-left .contact-content { float:left; width:auto; max-width:381px; margin-top:5px; color:#fff; line-height:20px; }
.contact-wrapper .contact-right { float:right; width:524px; height:auto; padding:12px 20px; display:block; font-size:12px; line-height:17px; }

/* footer */
#container footer#footer { float:left; width:100%; height:auto; display:block; font-size:11px; line-height:5px; opacity:0; filter:alpha(opacity=0); }
.no-js #container footer#footer,
.ie6 #container footer#footer,
.ie7 #container footer#footer { opacity:1; filter:alpha(opacity=100); }
#container footer#footer .copyright { float:left; width:auto; height:20px; margin-left:17px; display:block; }
#container footer#footer ul.menu { float:right; width:auto; height:20px; margin-right:17px; display:block; list-style:none; }
#container footer#footer ul.menu li { float:left; width:auto; height:20px; display:block; }
#container footer#footer ul.menu li a { float:left; margin-left:9px; }

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	


/* Media queries */
@media all and (min-width: 1440px) {
	#container ul#team-list li { width:50%; }
	#container ul#team-list li.even { margin-left:-1px; border-left:1px solid #2f3238; }
	
	.books { margin-bottom:45px; }
	.books .book { width:619px; margin:47px 49px 21px 28px; }
	.books .book .image { width:280px; margin-right:32px; }
	.books .book .copy { width:307px; margin-top:30px; }
}
@media all and (max-width: 1023px) {
	#container #content .fullscreen { margin-top:-17px; }
	a#down-tab { display:none; }
	
	.category-heading span { margin-left:12px; color:#fff; }
	.category-heading.first {
		width:100%;
		margin-top:0px;
		background:rgb(47, 50, 56);
		background:-moz-linear-gradient(180deg, rgb(48, 46, 42) 0%, rgb(68, 66, 59) 100%);
		background:-webkit-linear-gradient(180deg, rgb(48, 46, 42) 0%, rgb(68, 66, 59) 100%);
		background:-o-linear-gradient(180deg, rgb(48, 46, 42) 0%, rgb(68, 66, 59) 100%);
		background:-ms-linear-gradient(180deg, rgb(48, 46, 42) 0%, rgb(68, 66, 59) 100%);
		background:linear-gradient(270deg, rgb(48, 46, 42) 0%, rgb(68, 66, 59) 100%);
	}
	.category-heading.lock span, .anchor .category-heading.first.lock span { position:static; top:auto; left:auto; }
	
	a#project-tab { display:none; }
	#container #content .fullscreen.project { margin-bottom:58px; }
	.project-content { top:auto; bottom:-54px; background:none; }
	.project-content a.index { display:none; }
	.project-content h2 { display:none; }
	.project-content ul.slidenav { float:left; }
	.project-content ul.slidenav li a:first-child { padding-left:0px; }
	.project-content ul.slidenav li a:hover,
	.project-content ul.slidenav li a.active { border:none; }
	.project-content .counter { width:auto; border:none; }
	
	#container .team-left { min-width:100%; }
	#container .team-gallery { display:none; }
	#container #team-detail { background:#2f3238; }
	
	.books { margin:-17px 0px 32px 0px; }
	.books .book { width:619px; margin:32px 49px 0px 23px; }
	.books .book .image { width:175px; margin-right:32px; }
	.books .book .copy { width:307px; margin-top:10px; }
	
	#container .content-right { width:240px; }

	.contact-wrapper .contact-left { border-right:none; }
	.contact-wrapper .contact-right { width:260px; }
}
@media all and (max-width: 830px) {
	#container #subnav ul.menu li a { padding:2px 6px 0px 6px; font-size:12px; }
}
@media all and (max-width: 767px) {
	.mobile-title { display:inline; }
	.desktop-title { display:none; }
	body { padding:5px; font-size:13px; line-height:15px; font-family:'Titillium', Helvetica, Arial, sans-serif; }
	body.no-overflow { overflow:hidden; }
	a:hover { color:#fff; }
	#container header#header { height:22px; margin-bottom:7px; padding:10px 0px; }
	#container header#header a#logo { width:200px; height:22px; margin-left:7px; background:url(../images/logo_sm.png) 0px 0px no-repeat; background-size:200px 22px; color:#fff; font-size:16px; line-height:22px; text-indent:-9000px; overflow:hidden; }
	#container header#header a#logo:hover { opacity:1; }
	/*body.loading header#header a#logo { background-image:url(images/small-loading.gif); }*/
	#container header#header ul.menu { height:26px; margin-right:6px; }
	#container header#header ul.menu li { height:26px; }
	#container header#header ul.menu li a { width:auto; height:26px; padding:6px 8px 2px 8px; margin-left:0px; border:none; font-size:13px; line-height:24px; }
	#container header#header ul.menu li a:hover { color:#fff; }
	
	#container #subnav,
	.anchor #container #subnav { position:relative; top:auto; left:auto; height:auto; margin-top:-7px; padding-bottom:0px; overflow:hidden; }
	.mobile-anchor #container #subnav { margin-bottom:30px !important; }
	#container #subnav.mobile { display:block; }
	#container #subnav .subnav-wrapper { height:auto; background:none; }
	#container #subnav ul.menu { width:100%; height:auto; padding-top:43px; overflow:hidden; }
	#container #subnav ul.menu li { width:100%; height:26px; margin:0px; display:none; background:#3c3a34; border-bottom:1px solid #2f3238; cursor:pointer; opacity:1; filter:alpha(opacity=100); }
	#container #subnav ul.menu li.expand { /*-webkit-transform:rotate3d(1,0,0,0deg);*/ }
	#container #subnav ul.menu li.current-menu-item { position:absolute; top:1px; left:0px; display:block; opacity:1; filter:alpha(opacity=100); }
	#container #subnav ul.menu li a { height:26px; width:100%; padding-top:1px; padding-left:7px; color:#fff; font-size:13px; line-height:26px; }
	#container #subnav ul.menu li a:hover { border:none; }
	#container #subnav ul.menu li:hover a { /*color:#fff;*/ }
	#container #subnav ul.menu li.current-menu-item a { border:none; color:#fff; }
	#container #subnav .dropdown { position:absolute; top:1px; right:0px; height:43px; width:43px; background:#3c3a34 url(images/dropdown-bg.png) 0px 0px no-repeat; background-size:43px 86px; border-left:1px solid #2f3238; cursor:pointer; }
	#container #subnav .dropdown.open { background-position:0px -43px; }
	
	#container #content .fullscreen { display:none; }
	ul.grid li { padding:0px 7px 7px 0px; }
	ul.grid.hover li { opacity:1; }
	ul.grid li a.grid-item:hover { background:#2f3238; border-color:#2f3238; }
	
	#landing { display:none; }
	#mobile-features { float:left; width:100%; height:auto; display:block; }
	ul.mobile-features.grid li > a,
	ul.mobile-features.grid li > div { float:left; }
	ul.mobile-features.grid li img { float:left; width:100%; }
	ul.mobile-features.grid li .bottom-copy { position:relative; float:left; width:100%; height:auto; padding:8px 0px 4px 0px; display:block; background:#2f3238; }
	ul.mobile-features.grid li .bottom-copy .copy { float:left; width:90%; height:auto; margin-left:7px; display:block; color:#fff; font-size:13px; line-height:16px; font-family:'Titillium', Helvetica, Arial, sans-serif; }
	ul.mobile-features.grid li .bottom-copy .copy span { float:left; color:#999999; }
	ul.mobile-features.grid li .arrow { position:absolute; bottom:14px; right:11px; width:11px; height:22px; display:block; background:url(images/arrow-right.png) 0px 0px no-repeat; }
	
	.category-heading {
		height:22px;
		margin:0px 0px 1px 0px;
		background:-moz-linear-gradient(180deg, rgba(48, 46, 42, 0) 0%, rgb(68, 66, 59) 100%);
		background:-webkit-linear-gradient(180deg, rgba(48, 46, 42, 0) 0%, rgb(68, 66, 59) 100%);
		background:-o-linear-gradient(180deg, rgba(48, 46, 42, 0) 0%, rgb(68, 66, 59) 100%);
		background:-ms-linear-gradient(180deg, rgba(48, 46, 42, 0) 0%, rgb(68, 66, 59) 100%);
		background:linear-gradient(270deg, rgba(48, 46, 42, 0) 0%, rgb(68, 66, 59) 100%);
	}
	.category-heading.first {
		margin:1px 0px 7px 0px;
		background:-moz-linear-gradient(180deg, rgba(48, 46, 42, 0) 0%, rgb(47, 50, 56) 100%);
		background:-webkit-linear-gradient(180deg, rgba(48, 46, 42, 0) 0%, rgb(47, 50, 56) 100%);
		background:-o-linear-gradient(180deg, rgba(48, 46, 42, 0) 0%, rgb(47, 50, 56) 100%);
		background:-ms-linear-gradient(180deg, rgba(48, 46, 42, 0) 0%, rgb(47, 50, 56) 100%);
		background:linear-gradient(270deg, rgba(48, 46, 42, 0) 0%, rgb(47, 50, 56) 100%);
	}
	.mobile-anchor .category-heading.lock { position:fixed !important; top:0px !important; left:2px !important; margin:0px !important; z-index:99; }
	.category-heading span { height:20px; margin:2px 0px 0px 7px; color:#fff; font-size:13px; line-height:20px; }
	ul.project-list.grid { width:100% !important; margin-bottom:7px; }
	ul.project-list.grid li { width:100% !important; padding-right:0px; padding-bottom:1px; }
	ul.project-list.grid li .grid-item { width:100% !important; height:auto !important; padding:0px; opacity:1 !important; filter:alpha(opacity=100) !important; }
	ul.project-list.grid li .grid-item img { display:none; }
	ul.project-list.grid li .grid-item .copy { position:static; bottom:auto; left:auto; padding:0px; display:inline; background:none; }
	ul.project-list.grid li .grid-item .location { display:none; }
	ul.project-list.grid li .grid-item .title { height:26px; margin-left:7px; font-size:13px; line-height:26px; }
	ul.project-list.grid li .grid-item .arrow { bottom:6px; right:11px; }

	
	.single-project  #container .content-wrapper { display:none; }
	#mobile-details { position:relative; float:left; width:100%; height:43px; margin:-6px 0px 7px 0px; display:block; background:#3c3f45; }
	#mobile-details.open { background:#3c3f45; }
	#mobile-details a.index { float:left; width:auto; height:29px; padding-left:14px; margin:2px 20px 0px 7px; display:block; background:url(images/arrow-left.png) left -1px no-repeat; font-size:12px; line-height:27px; font-family:'Titillium', Helvetica, Arial, sans-serif; text-transform:uppercase; }
	#mobile-details.open a.index { opacity:.5; filter:alpha(opacity=50); }
	#mobile-details .title { float:left; width:200px; margin-top:5px; display:block; }
	#mobile-details.open .title { opacity:.5; filter:alpha(opacity=50); }
	#mobile-details h1 { float:left; width:100%; margin:1px; font-size:13px; line-height:16px; }
	#mobile-details .location { float:left; margin:1px; color:#fff; font-size:13px; line-height:16px; font-family:'Titillium', Helvetica, Arial, sans-serif; }
	#mobile-details h1 .location { float:none; }
	#mobile-details .info-toggle { float:right; width:43px; height:36px; padding-top:7px; display:block; background:#3c3f45 url(images/close.png) 0px 0px no-repeat; background-size:43px 86px; border-left:1px solid #2f3238; font-size:12px; text-align:center; text-transform:uppercase; overflow:hidden; cursor:pointer; }
	#mobile-details.open .info-toggle { background-color:#000; background-position:0px -43px; text-indent:-9000px; }
	#mobile-details .info { position:absolute; top:43px; left:0px; width:100%; height:auto; display:none; background:#000; z-index:100; }
	#mobile-details .info .info-wrapper { float:left; width:auto; height:auto; padding:14px 24px 12px 9px; display:block; color:#fff; }
	#mobile-details .info .info-wrapper .content-section { margin-bottom:5px; color:#fff; }
	#mobile-details .info .info-wrapper .content-section h2 { margin-bottom:5px; font-size:12px; line-height:18px; text-transform:uppercase; }
	#mobile-details .info .info-wrapper .content-section ul { float:left; width:100%; margin-bottom:12px; font-size:13px; line-height:17px; }
	#mobile-details .info .info-wrapper .content-section ul .label { float:left; width:65px; color:#fff; }
	#mobile-details.open .info { display:block; }
	
	
	#mobile-gallery { float:left; width:100%; height:auto; margin-bottom:7px; display:block; }
	#mobile-gallery img,
	#mobile-gallery iframe { float:left; width:100%; }
	#mobile-gallery .category-heading { position:relative; margin:0px 0px -22px 0px; }
	.project-nav { margin-top:9px; }
	.project-nav a.index { margin:-5px 0px 0px 7px; line-height:30px; }
	.project-nav .prev-next { margin-right:7px; }
	.project-nav a.prev { margin-top:-5px; line-height:30px; }
	.project-nav a.next { margin-top:-5px; line-height:30px; }
	.project-nav .prev-next .divider { margin-top:0px; }
	
	#mobile-page { float:left; width:100%; height:auto; margin:7px 0px 7px 0px; display:block; background:#2f3238; color:#fff; line-height:18px; }
	#mobile-page > * { margin-right:25px; margin-left:9px; }
	#mobile-page .mobile-heading { float:left; width:100%; height:auto; padding:12px 0px 57px 0px; margin:0px 0px 8px 0px; display:block; border-bottom:1px solid #2f3238; /*background-position:center center; background-repeat:no-repeat; background-size:cover;*/ background:none !important; }
	#mobile-page .mobile-heading h1 { max-width:380px; margin:0px 42px 0px 9px; color:#fff; font-size:19px; line-height:22px; }
	#mobile-page p { max-width:380px; }
	
	#map { display:none; }
	#locations { margin-bottom:0px; }
	#locations .map-image { float:left; width:100%; height:auto; display:block; }
	#locations .map-image img { float:left; width:100%; }
	#locations .locations-left { width:100% !important; min-height:auto; margin:0px 0px 7px 0px !important; color:#fff; }
	#locations .locations-left:hover,
	#locations .locations-left.active { background:#3c3a34; }
	#locations .locations-left.active .indicator { display:none; }
	#locations .locations-left-wrapper { position:relative; min-height:0px; width:100% !important; max-width:100% !important; padding:10px 0px 0px 0px; }
	#locations .locations-left-wrapper h5 { display:none; }
	#locations .locations-left .address { margin-left:7px; }
	#locations .locations-right { float:left; width:100%; height:auto; }
	#locations .locations-right .locations-section { position:relative; width:100% !important; min-height:0px; margin:0px 0px 7px 0px !important; padding:10px 0px 0px 0px; color:#fff; }
	#locations .locations-right .locations-section:hover,
	#locations .locations-right .locations-section.active { background:#3c3a34; }
	#locations .locations-right .locations-section.active .indicator { display:none; }
	#locations .locations-right .locations-section > * { margin-left:7px; }
	#locations .locations-right .locations-section h5 { display:none; }
	#locations .read-more { position:absolute; top:9px; right:11px; line-height:29px; }
	#locations .read-more:hover { background-position:right 0px; }
	.contact-wrapper { margin-bottom:7px; }
	.contact-wrapper .contact-left { width:100% !important; }
	.contact-wrapper .contact-left-wrapper { padding:17px 7px 10px 7px; }
	.contact-wrapper .contact-right { float:left; padding:0px 7px 9px 7px; }
	.contact-wrapper h2 { margin-bottom:0px; font-size:19px; line-height:22px; }
	.contact-wrapper h5 { font-size:19px; line-height:22px; }
	
	#container footer#footer .copyright { width:100%; margin:0px; text-align:center; }
	#container footer#footer ul.menu { width:100%; margin:0px; text-align:center; }
	#container footer#footer ul.menu li { float:none; display:inline-block; }
	#container footer#footer ul.menu li a { float:none; margin:0px 4px; }
}

@media all and (max-width: 480px) {
	/*body { padding:0px 7px; }
	ul.grid li { padding:0px 7px 7px 0px; }
	ul.grid li .grid-item { padding:17px 7px; }*/
}

@media screen and (max-device-width: 480px) {
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}

/* Print styles */
@media print {

}