/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

/*#################  
#### RESET CSS ####
#################*/



/* HTML5 Boilerplate  */
html{margin:0;padding:0;}
body{margin:0;padding:0;}
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; }


::-moz-selection { background: #333; color: #fff; text-shadow: none; }
::selection { background: #333; color: #fff; text-shadow: 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; }



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; }


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; }



.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; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  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: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  
  
}


#wrap { height: 100%; }




.wrap940{ width:940px; margin:0 auto; position:relative; clear:both; }

/*header nav{
	width:auto;
	position:absolute;
	right:0;
	top:52px;
}
header nav ul{
	list-style:none;
}
header nav ul li{
	width:auto;
	float:left;
	display:inline-block;
	margin:0; padding:0;
	position:relative;
	margin-right:35px;
}
header nav ul li:last-child{
	margin-right:0;
}
header nav ul li a:link, header nav ul li a:visited, header nav ul li a:active{ font:1em/1.2em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; text-decoration:none; color:white; outline:none; }
header nav ul li a:hover { color:#666666; }
header nav ul li.current-menu-item a {color:#666666 !important;}

header nav ul li ul{
	display:none; position:absolute; top:20px; left:-20px;
	background-color:#222;
	width:170px !important;
}
header nav ul li ul li{
	display:block;
	float:none;
	clear:both;
	padding:0 20px;
	margin:10px 0;
}
header nav ul li ul li:first-child{
	padding-top:10px;
}
header nav ul li ul li:last-child{
	padding-bottom:5px;
}*/

/*#global-nav{
	position:absolute;
	right:0;
	top:0;
	
	padding:0;
	background:url(../img/main-ribbon-icn.gif) no-repeat right top #333;
	cursor:pointer;
	
	-moz-box-shadow: 0 2px 4px #000;
	-webkit-box-shadow: 0 2px 4px #000;
	box-shadow: 0 2px 4px #000;
	/* For IE 8 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000')";
	/* For IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000');
	
}
#global-nav .gselected { height:29px; width:auto; color:white; font:.95em/29px 'Avenir LT W01 35 Light', Helvetica, Arial, Verdana, Geneva, sans-serif; position:relative; z-index:1; padding:0 30px 0 10px;
}
#global-nav ul{
	position:relative;
	list-style:none;
	width:auto;
	margin:0;
	padding:0 0 6px 0;
	background-color:#333;
	z-index:0;
	display:none;
}
#global-nav li{
	padding:0 30px 0 10px;
	position:relative;
	display:block;
}
#global-nav li a:link, #global-nav li a:visited, #global-nav li a:active{ font:.95em/2em 'Avenir LT W01 35 Light', Helvetica, Arial, Verdana, Geneva, sans-serif; text-decoration:none; color:white; }
#global-nav li a:hover { color:#999; }

/* mobile 
#global-mobnav{
	display: none;
	position: absolute;
	right:0;
	top:0;
	padding:0;
	background:url(../img/main-ribbon-icn.gif) no-repeat right top #333;
	
	-moz-box-shadow: 0 2px 4px #000;
	-webkit-box-shadow: 0 2px 4px #000;
	box-shadow: 0 2px 4px #000;
	/* For IE 8 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000')";
	/* For IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000');
	font:.95em/29px 'Avenir LT W01 35 Light', Helvetica, Arial, Verdana, Geneva, sans-serif; z-index:1;
	
}
#global-mobnav select{
	background: transparent;
	position:relative;
	width:auto;
	margin:0;
	height:29px; width:180px;
	padding:0 30px 0 10px;
	z-index:0;
	border: none;
	color: white;
}
#global-mobnav option{
	padding:0 30px 0 10px;
	position:relative;
	display:block;
	font:.95em/2em 'Avenir LT W01 35 Light', Helvetica, Arial, Verdana, Geneva, sans-serif; text-decoration:none; color:white;
}*/

 #wrap {height: auto; min-height: 100%;}
.container{ width:100%; min-width:1024px; height:auto;  margin:0 auto; position:relative; padding-top:87px; z-index:0; /*background-color:#e6e7e8;*/ background-color:#FFF; padding-bottom: 192px; }
.container section { position:relative; clear:both; padding:0; margin:0; background-color:#e6e7e8;}
.container section#books-list { background-color:#FFF !important; }
.container section:nth-child(even){background-color:#222}
.container section:nth-child(odd){background-color:#e6e7e8}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#ss-project{ width:100%; height:580px; position:relative; background:url(../img/preload.gif) center center no-repeat; }

#ss-project ul {list-style:none; width:100%; height:580px; overflow:hidden; padding:0; margin:0; position:relative;}
#ss-project li{ display: block; width:100%; height: 580px; padding:0; margin:0; z-index:0; position:relative; background-size:cover; background-position:center center; position:absolute; top:0; left:0; }
#ss-project ul li img{	width:100%;	height:auto; position:relative; z-index:inherit; display:none; position:absolute; top:0; left:0; }
#ss-project ul li p{
	display:none;
}
#ss-project > div{
	
}
#ss-project div.ssdesc{
	position:absolute;
	bottom:25px;
	right:0;
	width:496px;
	z-index:1;
}
#ss-project div .desc{
	width:380px;
	height:30px;
	overflow:hidden;
	position:relative;
	float:left;
	margin:0 1px 0; padding:0;
	padding:20px 20px;
	
	background-color:#222;
	background: rgb(35, 35, 35);
	/* RGBa with 0.85 opacity */
	background: rgba(35, 35, 35, 0.85);
	/* works for IE 5+. */
    filter:alpha(opacity=85);
    /* works for IE 8. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	
	overflow:hidden;
}
#ss-project div .desc p{
	
	line-height: normal; 
	color:#d1d3d4;
	margin: 0 !important;
}
#ss-project div .nav {
	display:block; width:74px; height:100%; position:relative; float:left;
}
#ss-project div .nav div{
	width:37px;
	height:100%;
	display:block;
	float:left;
	position:relative;
	background: #222 url(../img/ss-project-nav.gif) 100% 50% no-repeat;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -khtml-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85;
	filter: alpha(opacity=85);
}
#ss-project div .nav div:first-child{
	background-position:0 50%;
}

.homeabout{
	height:147px;
	display:block;
	width:100%;
	vertical-align:middle;
	padding-top:75px;
}
.homeabout p{
	
	color:#d1d3d4;
	text-align:center;
}

#featurednews{ position:relative; clear:both; padding:35px 0; }

.wrapcar { width:940px; height:180px; overflow:hidden; position:relative; margin:0 auto; clear:both; }
#featurednews ul{
	position:absolute;
	top:0;
	left:0;
	height:180px;
	width:auto;
	list-style:none;
	text-align:left;
	
	padding:0;
	margin:0;
}
#featurednews ul li{
	display:inline-block;
	float:left;
	margin-right:20px;
	position:relative;
	overflow:hidden;
}
#featurednews ul li:hover .ncoverlay{
	display:block;
}
#featurednews ul li a{ text-decoration:none; }

.ncoverlay{
	position:absolute;
	top:0;
	left:0;
	height:120px;
	width:180px;
	display:none;
	
	padding:30px 20px;
	
	background: rgb(0, 0, 0);
	/* RGBa with 0.75 opacity */
	background: rgba(0, 0, 0, 0.75);
	/* works for IE 5+. */
    filter:alpha(opacity=75);
    /* works for IE 8. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

}
.ncoverlay p{
	
	color:#999;
}
.ncoverlay p:first-child{
	
	color:white;
	margin-bottom:25px;
}
.ncnav{
	position:absolute;
	top:47px;
	right:0;
}
.ncnav div{
	width:28px;
	height:18px;
	float:left;
	display:block;
	background:url(../img/newscar-nav.png) right top;
	cursor:pointer;
}
.ncnav div:first-child{
	background-position:left top;
}
.ncnav div:hover{
	opacity:.5;
}

#feat-proj{ background-color:white }
#feat-proj .sketch{ width:100%; text-align:right; }
#feat-proj .sketch p{
	/*padding:20px;*/
	/*background-color:#dcddde;*/
	display:block;
	position:absolute;
	right:0;
	bottom:20px;
	
	text-align:left;
	
	color:#6d6e71;
}
#feat-proj article { position:absolute; left:0; top:65px; width:240px; }

#feat-proj article blockquote{
	
	/*font:1.2em/1.3em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif;*/
	color:#464547;
	padding:35px 0; margin:0;
	position:relative;
	width:95%;
	margin-bottom:25px;
}
#feat-proj article blockquote span{
	display:block;
	width:29px;
	height:30px;
	background:url(../img/quote.png) right bottom no-repeat;
	
	position:absolute;
	bottom:0;
	right:0;
}
#feat-proj article blockquote span:first-child{
	background-position:left top;
	top:0;
	left:0;
}
#feat-proj article p{
	
	color:#464547;
	line-height: normal;
	margin-bottom:35px;
}
#feat-proj article .fpbtn{
	display:block;
	height:32px;
	width:80%;
	
	cursor:pointer;
}
#feat-proj article .fpbtn:hover{
	opacity:.5;
}
#feat-proj article .fpbtn p{
	
	color:white;
	background-color:#a7a9ac;
	padding:0 20px;
	float:left;
}
#feat-proj article a {
	text-decoration: none !important;
}
#feat-proj article .fpbtn span{ background:url(../img/btn-arw.gif) center center no-repeat #a7a9ac; display:block; float:left; width:38px; height:32px; margin-left:2px; }



/* --- Inner Page Styles --- */
#inner-cont{ background-color:white; padding:50px 0; }
#inner-contppl{ background-color:white; padding:0; }

.inner-30 {	width:30%; padding-right: 8%; display:inline-block; background-color:white !important; vertical-align:top; }
.inner-60 {	width:60%; display:inline-block; background-color:white !important; vertical-align:top; }

.inner-30 h2{
	font:1.9em/1.2em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; 
	color:#222;
	padding-top:20px;
	border-top:solid 2px #222;
	float:left;
	clear:both;
}
.inner-60 h2, .inner-30 h3{
	font:1em/1.4em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif;
	color:#222;
}
.inner-30 p{
	font:1em/1.4em 'Avenir LT W01 35 Light', Helvetica, Arial, Verdana, Geneva, sans-serif;
	color:#444;
	margin-bottom:25px;
}
.inner-60 article {
	margin-left:40px;
}
.inner-60 article p{
	font:1em/1.4em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif;
	color:#444;
	margin-bottom:25px;
}
.inner-60 article ul {
	font:1em/1.4em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif;
	color: #444;
	margin: 0;
	padding: 0;
	padding-left: 15px;
}
.inner-60 article a{
	text-decoration: none;
	color:#999;
}
.inner-60 article a:hover{
	text-decoration: none;
	color:#222;
}


/* ---- Project listing page --- */
#projects-list{	width:100%; background-color:white; display:block; position:relative; }
#projects-list > h2 { font:1.9em/2em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; float:left; clear:both; color:#222; }
#projects-list > h2 .titm { border-top:solid 2px #222; padding-top:20px; float:left;}
#projects-list > h2 .titm a { text-decoration: none; color: inherit;}
#projects-list > h2 .titd { display: none; float:left; padding-top:22px; margin-left: 8px; margin-right: 8px;}
#projects-list > h2 .tito { display: none; color:#222 !important; border-top:solid 2px #222; padding-top:20px; float:left;}

.filters { width:100%; display:block; position:relative; clear:both; margin-bottom:30px; z-index:3; }
.filters div { float:left; display:inline-block; width:260px; padding:0 20px; margin-right:20px; background:url(../img/proj-filter-dd.gif) 280px 10px no-repeat #dcddde; position:relative; }
.filters div:last-child { margin-right:0; }
.filters div h2{ color:#555555; font: 1em/30px 'Avenir LT W01 35 Light', Helvetica, Arial, Verdana, Geneva, sans-serif; margin:0; padding:0; cursor:pointer; }
.filters div ul { list-style:none; margin:0; /*padding:0 20px;*/ position:absolute; top:30px; left:0; width:300px !important; height:1; background-color:#dcddde; overflow:auto; display:none; }
.filters div ul li{ color:#555555; font: .9em/30px 'Avenir LT W01 35 Light', Helvetica, Arial, Verdana, Geneva, sans-serif; margin:0; padding:0 20px; cursor:pointer; }
.filters div ul li:hover{ background-color:#cccccc; }

.mobfilters { display: none; font: .9em/30px 'Avenir LT W01 35 Light', Helvetica, Arial, Verdana, Geneva, sans-serif; }
.mobfilters select { height: 30px; line-height: 30px; border: none; float:left; display:inline-block; width:300px; padding:0 20px; margin-right:20px; background:url(../img/proj-filter-dd.gif) no-repeat 280px center #dcddde; overflow: hidden; }
.mobfilters select:last-child { margin-right:0; }
.mobfilters select option { color:#555555; font: .9em/30px 'Avenir LT W01 35 Light', Helvetica, Arial, Verdana, Geneva, sans-serif; margin:0; padding:0; cursor:pointer; }

#projectThumbs{ width:100%; list-style:none; margin:0; padding:0; display:block; position:relative; z-index:1; padding:20px 0; clear:both; }
#projectThumbs li{ display:inline-block;  margin:0 20px 20px 0;  }
#projectThumbs li img { width:100%; height:auto;}




/* -- Project Details Page -- */
#proj-crumb{ background-color:white; padding-top:64px; height:70px;}




#proj-car { height:440px; overflow:hidden; position:relative; background-color: #000000 !important; }
#proj-car ul { list-style:none; margin:0; padding:0; position:absolute; top:0; left:0; height:440px; }
#proj-car ul li { margin:0; padding:0; display:block; float:left; height:440px; position:relative; overflow: hidden; background: /*url(../img/carousel-loader.gif) center center no-repeat*/ #000000; }
#proj-car ul li img { height:100%; width:auto; position:relative; z-index:1; }

#proj-car div .nav {
	display:block; width:74px; height:67px; 
	position:absolute;
	top:350px;
	right:0;
	z-index:2;
}
#proj-car div .nav div{
	width:37px;
	height:100%;
	display:block;
	float:left;
	position:relative;
	background:url(../img/ss-project-nav.gif) right top no-repeat;
	cursor:pointer;
}
#proj-car div .nav div:hover{
	opacity:.8;
	/* works for IE 5+. */
    filter:alpha(opacity=80);
    /* works for IE 8. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#proj-car div .nav div:first-child{
	background-position:left top;
}
.img-zoom{ width:29px; height:29px; display:block; position:absolute; z-index:2; top:0; right:0; background:url(../img/img-zoom-icn.gif) left top no-repeat; cursor:pointer; }
.img-play{ width:29px; height:29px; display:block; position:absolute; z-index:2; top:0; left:0; background:url(../img/slide-play.gif) left top no-repeat; cursor:pointer; }
.got-cap{ width:29px; height:29px; display:none; position:absolute; z-index:2; bottom:0; left:0; background:url(../img/img-cap-icn.gif) left top no-repeat; cursor:pointer; }
.img-cap { display:none; position:absolute; z-index:2; bottom:0; left:0; width: 100%; height: auto; padding:12px 0px; background:rgb(0, 0, 0); background:rgba(0,0,0,0.7); color: #D1D3D4;
	filter:alpha(opacity=75);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.img-cap p {padding: 0px 20px !important; margin: 0; font:1em/1.4em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif;}

#large-img{ 
	width:100%; position:fixed; top:0; left:0; z-index:1000;
	background: rgb(0, 0, 0) url(../img/lb-pattern.png);
	background: rgba(0, 0, 0, 0.75) url(../img/lb-pattern.png);
	display:none;
	/* works for IE 5+. */
    filter:alpha(opacity=75);
    /* works for IE 8. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
#large-img .cont{
	margin:0 auto;
	position:relative;
}
.lb-close{ width:36px; height:39px; display:block; position:absolute; top:0; right:0; cursor:pointer; background:url(../img/lb-close.gif) no-repeat top left; }
.lb-caption{ width:100%; height:auto; display:none; position:absolute; bottom:0; left:0; z-index:2; padding:12px 0px; background:rgb(0, 0, 0); background:rgba(0,0,0,0.7); color: #D1D3D4;
	filter:alpha(opacity=75);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.lb-caption p {padding: 0px 20px !important; margin: 0; font:1em/1.4em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif;}






/* START YQ */




.read_more {font: 13px/13px 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; }
.read_more a {display: inline-block; padding: 8px 10px; text-decoration: none; color: #222; background: #999; }
.read_more a:hover, .read_more a:active {color: #fff; background: #222; }

/* -- Awards -- */
#projects-list  #awards2 {display:none;}

#awards2 { width: 940px; text-align: left; font: 1em/1.4em 'Avenir LT W01 35 Light', Helvetica, Arial, Verdana, Geneva, sans-serif; clear:both; background:#fff; height: auto; position: relative; overflow: hidden; margin:0 auto; }
#awards2 a {color: #222; text-decoration: none; }

div.proj, h3.proj { width: 270px; margin-right: 15px; }
div.awrd, h3.awrd { width: 340px; margin-right: 15px; }
div.cat, h3.cat { width: 175px; padding-left: 15px !important; }
div.year, h3.year { width: 60px; float:right !important; }

#awards2 h3.activesort span { background: url(../img/heading-arw-ups.gif) no-repeat scroll right center transparent !important; color:#222 !important; }
#awards2 h3.activesort2 span { background: url(../img/heading-arw-dwn.gif) no-repeat scroll right center transparent !important; color:#222 !important; }

#awards2 hgroup { 
	text-align: left; 
	border-bottom: 1px solid #222;
	padding: 18px 0 10px;
	margin: 0;
	width: 100%;
	height: 20px;
	position: relative;
	display: block;
}
#awards2 hgroup h3{
	display: block;
	font: 1em/1.4em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif;
	color: #999;
	position: relative;

	float: left;
	margin: 0;
	padding: 0;
}
#awards2 h3 span {
	background: url(../img/heading-arw-up.gif) right center no-repeat; 
	padding-right:15px;
	cursor:pointer; 
	font:1em/1em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; 
}

#awards2 > div { 
	cursor:pointer; 
	clear: both;
	width:100%; 
	margin:0; padding: 0;

	text-align: left; 
	font: 1em/1.4em 'Avenir LT W01 35 Light', Helvetica, Arial, Verdana, Geneva, sans-serif;

	border-bottom: 1px solid #e3e3e3;

	background-color:#ffffff;

	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;

	position: relative;
}
#awards2 div span {
	display:none;
}

#awards2 > div:hover {
	color:white;
	background-color:#999999;
	padding-left: 3%;
	width:97%;
}
#awards2 > div:hover div, #awards2 > div:hover div a {
	color:white;
}

#awards2 div div{
	font: 1em/1.4em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; 
	color: #222;
	text-align: left;

	position: relative;
	display: inline-block;
	padding: 30px 0;
	margin: 0;

	vertical-align: top;
}

/* -- People -- */
#people {list-style: none; margin: 0 -10px; padding: 0; width: 960px; margin-right: -20px; font: 1.0em/1.0em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; }
#people li {position: relative; float: left; margin: 0 10px 20px 10px; border: 1px solid #d1d1d1; width: 218px; height: 198px; background:url(../img/tn-loader.gif) center center no-repeat #F0F0F0; overflow: hidden; color: #fff; }
#people li a {display: block; color: #fff; text-decoration: none;}
#people li div {width: 220px; height: 220px; overflow: hidden; }
#people li div img {display: block; width: 220px; }
#people li p {position: absolute; left: 0; bottom: 0; width: 178px; margin: 0; padding: 17px 20px 18px; 
	background: rgb(0, 0, 0);
	/* RGBa with 0.75 opacity */
	background: rgba(0, 0, 0, 0.75);
	/* works for IE 5+. */
    filter:alpha(opacity=75);
    /* works for IE 8. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; 
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
#people li a:hover p, #people li a:active p {
	background: rgb(0, 0, 0);
	/* RGBa with 0.75 opacity */
	background: rgba(0, 0, 0, 0.9);
	/* works for IE 5+. */
    filter:alpha(opacity=90);
    /* works for IE 8. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
#people_individual {width: 940px; }
#people_individual #photo {float: left; width: 300px; margin-right: 20px; }
#people_individual #photo img {width: 218px; border: 1px solid #d1d1d1; }
#people_individual #bio {float: left; width: 620px; }
#people_individual #bio h2 {padding-bottom: 15px; font: 1.6em/1em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; color: #222; }
#people_individual #bio h2 span {font-size: 0.7em; }
#people_individual #bio p {margin-bottom: 25px; font: 1em/1.4em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; color: #444; }
#people_individual #bio strong {font: 1em/1.4em 'Avenir LT W01 85 Heavy', Helvetica, Arial, Verdana, Geneva, sans-serif; color: #444;}
#people_individual #bio em {font: 1em/1.4em 'AvenirLTW01-55Oblique', Helvetica, Arial, Verdana, Geneva, sans-serif; color: #444;}
#people_individual #bio strong > em, #people_individual #bio em > strong { font: 1em/1.4em 'AvenirLTW01-85HeavyObli', Helvetica, Arial, Verdana, Geneva, sans-serif; color: #444;}
#people_individual #bio ul, #people_individual #bio ol {padding: 0; margin: 0; font: 1em/1.4em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; color: #444; padding-bottom: 20px;}
#people_individual #bio ul li {margin-left:  15px;}
#people_individual #bio ol li {margin-left:  20px;}

/* -- Contact -- */
#contact {width: 940px; }
#contact #wrapper, #contact #tabs {font: 14px/18px 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; }
#contact #wrapper {float: right; border-left: 1px solid #e3e3e3; padding-left: 59px; width: 640px; }
#contact #wrapper h3 {font-size: 18px; padding-left: 20px; color: #666; }
#contact #wrapper ul {list-style: none; padding: 0 0 0 20px; width: 300px; float: left; }
#contact #wrapper ul li {margin-top: 36px; }
#contact #wrapper ul li h4 {text-transform: uppercase; }
#contact #wrapper ul li h4 span {text-transform: none; }
#contact #wrapper ul li p {margin-bottom: 10px; }
#contact #wrapper li a {text-decoration: none; color: #999; }
#contact #wrapper li a:hover, #contact #wrapper li a:active {color: #222; }
#contact #tabs {list-style: none; float: left; padding: 0; width: 220px; }
#contact #tabs li a {display: block; padding-bottom: 10px; text-decoration: none; color: #222; }
#contact #tabs li a:hover, #contact #tabs li a:active {color: #999; }
#contact #tabs li a.selected {color: #999; }

/* -- News -- */
#news {width: 940px; }
#news #carousel {list-style: none; padding: 0; margin: 0 0 30px; background: #222; }
#news #carousel li .image {float: left; width: 620px; height: 400px; overflow: hidden; background:url(../img/car-loader.gif) center center no-repeat #222222; }
#news #carousel li .image img {display: block; width: 620px; }
#news #carousel li .text {float: right; margin-top: 36px; padding-right: 40px; width: 240px; font: 14px/18px 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; }
#news #carousel li .text h2 {margin-bottom: 24px; font-size: 18px; line-height: 24px; color: #fff; }
#news #carousel li .text .date {color: #999; margin-bottom: 24px; }
#news #carousel li .text .body {color: #fff; }
#news #carousel li .text .body p {margin: 0; }
#news #carousel li .text .read_more {margin: 48px 0 0; }

#listing {list-style: none; margin: 0; border-bottom: 1px solid #e3e3e3; padding: 0; font: 14px/18px 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; }
#listing li {border-top: 1px solid #e3e3e3; padding: 30px 0; }
#listing li .image {float: left; width: 300px; height: 220px; overflow: hidden; background:url(../img/car-loader.gif) center center no-repeat #222222; }
#listing li .image img {display: block; width: 300px; }
#listing li .text {float: left; padding-left: 50px; width: 300px; }
#listing li .text h2 {margin-bottom: 24px; font-size: 18px; line-height: 24px; color: #222; }
#listing li .text .body {color: #444; }
#listing li .meta {float: right; padding-right: 20px; width: 120px; }
#listing li .meta .date {margin-bottom: 24px; color: #222; }
#listing li .meta .date span {display: block; color: #999; }
#listing li .meta .read_more a {color: #222; }
#listing li .meta .read_more a:hover, #listing li .meta .read_more a:active {color: #fff; }

#books-list ul{ list-style:none; position:relative; display:block; clear:both; padding:30px 0; border-top:solid 1px #e3e3e3; }
#books-list ul:last-child{ border-bottom:solid 1px #e3e3e3; }
#books-list ul li{ vertical-align:top; display:inline-block; }
#books-list .col-1 { width:320px; margin-right:60px; }
#books-list .col-1 img{ width:300px; height:auto; }
#books-list .col-2 { width:320px; margin-right:60px; }
#books-list .col-2 h3{ font:1.4em/1.6em 'Avenir LT W01 55 Roman', Helvetica, Arial,Verdana,Geneva,sans-serif; color:#222; width:100%; clear:both; margin-bottom:25px; }
#books-list .col-2 p{ font:1em/1.2em 'Avenir LT W01 55 Roman', Helvetica, Arial,Verdana,Geneva,sans-serif; color:#444; width:100%; clear:both; margin-bottom:25px; }
#books-list .col-3 { width:140px; float:right; }
#books-list .col-3 p { font:1em/1.2em 'Avenir LT W01 55 Roman', Helvetica, Arial,Verdana,Geneva,sans-serif; color:#222; margin-bottom:30px; }
#books-list .col-3 p span { clear:both; color:#999; }
#books-list .col-3 div{ display:block; width:80px; background:url(../img/books-btn-bg.gif) 95% center no-repeat #999999; padding:0 10px;  }
#books-list .col-3 div:hover{ background:url(../img/books-btn-bg2.gif) 95% center no-repeat #222 !important;  }
#books-list .col-3 div a { font:13px 'Avenir LT W01 35 Light', Helvetica, Arial,Verdana,Geneva,sans-serif; color:#FFF; text-decoration:none; }




/* clear */
#listing li:after,
#people:after, #people_individual:after,
#contact:after, #contact #wrapper:after,
#news #carousel:after
{content: " "; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden; }

/* END YQ */

/* --- Books --- */
#books-list > h2{ font:1.9em/2em 'Avenir LT W01 55 Roman', Helvetica, Arial,Verdana,Geneva,sans-serif; color:#222;	padding-top:20px; border-top:solid 2px #222; float:left; clear:both; margin-bottom:20px; }

#books-list ul{ list-style:none; position:relative; display:block; clear:both; padding:30px 0; border-top:solid 1px #e3e3e3; }
#books-list ul:last-child{ border-bottom:solid 1px #e3e3e3; }
#books-list ul li{ vertical-align:top; display:inline-block; }
#books-list .col-1 { width:320px; margin-right:60px; }
#books-list .col-1 img{ width:300px; height:auto; background:url(../img/tn-loader.gif) center center no-repeat #F0F0F0; }
#books-list .col-2 { width:320px; margin-right:60px; }
#books-list .col-2 h3{ font:1.4em/1.6em 'Avenir LT W01 55 Roman', Helvetica, Arial,Verdana,Geneva,sans-serif; color:#222; width:100%; clear:both; margin-bottom:25px; }
#books-list .col-2 p{ font:1em/1.2em 'Avenir LT W01 55 Roman', Helvetica, Arial,Verdana,Geneva,sans-serif; color:#444; width:100%; clear:both; margin-bottom:25px; }
#books-list .col-3 { width:140px; float:right; }
#books-list .col-3 p { font:1em/1.2em 'Avenir LT W01 55 Roman', Helvetica, Arial,Verdana,Geneva,sans-serif; color:#222; margin-bottom:30px; }
#books-list .col-3 p span { clear:both; color:#999; }
#books-list .col-3 div{ display:block; width:81px; height:29px; line-height:29px; background:url(../img/books-btn-bg.gif) 92% 58% no-repeat #999999; padding:0 10px;  }
#books-list .col-3 div:hover{ background:url(../img/books-btn-bg2.gif) 92% 58% no-repeat #ccc !important;  }
#books-list .col-3 div a { font:13px 'Avenir LT W01 55 Roman', Helvetica, Arial,Verdana,Geneva,sans-serif; color:#444; text-decoration:none; }

#projectThumbs { vertical-align:top; position:relative; }
#awards { vertical-align:top; position:relative; }
#projectThumbs li { overflow:hidden; position:relative; width:300px; height:220px; cursor:pointer; background:url(../img/tn-loader.gif) center center no-repeat #F0F0F0; }
#projectThumbs li .overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	
	padding:20px;
	
	background: rgb(0, 0, 0);
	/* RGBa with 0.75 opacity */
	background: rgba(0, 0, 0, 0.75);
	/* works for IE 5+. */
    filter:alpha(opacity=75);
    /* works for IE 8. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; 
	
	opacity:0;
	display:none;
}

#projectThumbs li .overlay h3{ font:1.4em/1.6em 'Avenir LT W01 35 Light', Helvetica, Arial,Verdana,Geneva,sans-serif; color:white; position:relative; width:260px; }
#projectThumbs li .overlay p{ font:1em/1.2em 'Avenir LT W01 55 Roman', Helvetica, Arial,Verdana,Geneva,sans-serif; color:#999999; position:relative; clear:both; width:260px; }

#projects-list > h2 { margin-bottom:20px; }
#projects-list { vertical-align:top; }

#projects-list #awards{	display:none; z-index:1; }

.viewmode{ position:absolute; top:20px; right:0; background:url(../img/proj-list-toggle-div.gif) center center no-repeat; display:block; width:78px; height:22px; z-index:10; }
.viewmode span{ display:block; display:inline-block; background:url(../img/proj-list-toggle.gif) right bottom no-repeat; width:17px; height:17px; margin-left:20px; cursor:pointer; position:absolute; right:0; top:3px; }
.viewmode span:first-child { background-position:left top;  left:0; right:auto; margin-left:0; }


/* --- Search Listing --- */
#search-listing {list-style: none; margin: 0; border-bottom: 1px solid #e3e3e3; font: 13px/18px 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; padding:30px 0; margin-bottom:30px; width:100%; position:relative; }
#search-listing h2 { font:1.4em/1.6em 'Avenir LT W01 55 Roman', Helvetica, Arial,Verdana,Geneva,sans-serif; color:#222; position:relative; margin-bottom:15px; clear:both; }
#search-listing h2 a { font:1.4em/1.6em 'Avenir LT W01 55 Roman', Helvetica, Arial,Verdana,Geneva,sans-serif; color:#222; position:relative; margin-bottom:15px; clear:both; text-decoration:none; }
#search-listing p { font:14px/1.4em 'Avenir LT W01 55 Roman', Helvetica, Arial,Verdana,Geneva,sans-serif; color:#222; position:relative; clear:both; width:70%; }
#search-listing div { margin-bottom:20px; }
#search-listing div a:link, #search-listing div a:active, #search-listing div a:visited { font:1em/1.4em 'Avenir LT W01 55 Roman', Helvetica, Arial,Verdana,Geneva,sans-serif; color:#666; text-decoration:underline; }
#search-listing div a:hover { text-decoration:none; }



/* --- Newsletter Styles ---*/
.past{ width:100%; height:30px; font:1.4em/1.6em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; color:#666; background:url(../img/newsletter-line-bg.gif) center center repeat-x; margin-bottom:25px; display:block; position:relative; }
.past span{ float:left; clear:both; padding-right:20px; background-color:white; }

#nl-listing { list-style:none; width:100%; display:block; clear:both; padding:0; margin:0; }
#nl-listing li { display:inline-block; height:310px; width:220px; background:url(../img/tn-loader.gif) center center no-repeat #F0F0F0; overflow:hidden; margin-right:20px; margin-bottom:20px; position:relative; }
#nl-listing li a { text-decoration:none; }
#nl-listing li a:hover .overlay{ display:block; }
#nl-listing li img { position:relative; z-index:1; }
#nl-listing li .overlay { position:absolute; top:0; left:0; padding:30px 0 0 20px; display:none; width:290px; height:100%; z-index:2;
	background: rgb(0, 0, 0);
	/* RGBa with 0.75 opacity */
	background: rgba(0, 0, 0, 0.85);
	/* works for IE 5+. */
    filter:alpha(opacity=85);
    /* works for IE 8. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
#nl-listing li .overlay h2{ font:1.4em/1.6em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; color:#fff; width:90%; clear:both; text-decoration:none; }
#nl-listing li .overlay p{ font:1em/1.2em 'Avenir LT W01 55 Roman', Helvetica, Arial, Verdana, Geneva, sans-serif; color:#999; width:90%; clear:both; text-decoration:none; }
.lastcol { margin-right:0 !important; }

#load {
	display: none;
	margin: 0 auto;
	width:260px;
	padding: 0 20px;
	text-align: center;
	background-color:#dcddde;
	cursor: pointer;
	color:#555555;
	font: .9em/30px 'Avenir LT W01 35 Light', Helvetica, Arial, Verdana, Geneva, sans-serif;
	-webkit-transition: background-color 0.2s ease-in;
	-moz-transition: background-color 0.2s ease-in;
	-ms-transition: background-color 0.2s ease-in;
	-o-transition: background-color 0.2s ease-in;
	transition: background-color 0.2s ease-in;
}
#load:hover {
	background-color:#666666;
	color: #FFF;
	-webkit-transition: background-color 0.2s ease-in;
	-moz-transition: background-color 0.2s ease-in;
	-ms-transition: background-color 0.2s ease-in;
	-o-transition: background-color 0.2s ease-in;
	transition: background-color 0.2s ease-in;
}

#footer{width:100%;float:left;clear:both;background:#222222;height:30px;color:#fff;position:fixed;bottom:0;}

#footer #sub_footer{width:960px;margin:0 auto;}
        
#footer h6{float:right;line-height:30px;padding:0;margin:0;padding-right:20px;font-size:55%;width:300px;position:relative;}
#footer h6 a{float:right;}
#footer h6 img{float:right;width:28px;right:165px;padding-right:5px;}
#footer #social{float:left;list-style:none;padding:0;margin:0;padding-left:10px;padding-top:5px;}
#footer #social li{float:left;width:24px;padding-left:5px;height:24px;}
#footer #social li img{border:none;width:20px;}