/*
@font-face {
	font-family: 'TitilliumText22LThin';
	src: url('../fonts/titillium/TitilliumText22L001-webfont.eot');
	src: local('☺'), url('../fonts/titillium/TitilliumText22L001-webfont.woff') format('woff'), url('../fonts/titillium/TitilliumText22L001-webfont.ttf') format('truetype'), url('../fonts/titillium/TitilliumText22L001-webfont.svg#webfontHIqteXlE') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: 'TitilliumText22LLight';
	src: url('../fonts/titillium/TitilliumText22L002-webfont.eot');
	src: local('☺'), url('../fonts/titillium/TitilliumText22L002-webfont.woff') format('woff'), url('../fonts/titillium/TitilliumText22L002-webfont.ttf') format('truetype'), url('../fonts/titillium/TitilliumText22L002-webfont.svg#webfonthJHMIxiW') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TitilliumText22LRegular';
	src: url('../fonts/titillium/TitilliumText22L003-webfont.eot');
	src: local('☺'), url('../fonts/titillium/TitilliumText22L003-webfont.woff') format('woff'), url('../fonts/titillium/TitilliumText22L003-webfont.ttf') format('truetype'), url('../fonts/titillium/TitilliumText22L003-webfont.svg#webfontCVZ9BHQN') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'TitilliumText22LMedium';
	src: url('../fonts/titillium/TitilliumText22L004-webfont.eot');
	src: local('☺'), url('../fonts/titillium/TitilliumText22L004-webfont.woff') format('woff'), url('../fonts/titillium/TitilliumText22L004-webfont.ttf') format('truetype'), url('../fonts/titillium/TitilliumText22L004-webfont.svg#webfont9tlFqxpn') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TitilliumText22LBold';
	src: url('../fonts/titillium/TitilliumText22L005-webfont.eot');
	src: local('☺'), url('../fonts/titillium/TitilliumText22L005-webfont.woff') format('woff'), url('../fonts/titillium/TitilliumText22L005-webfont.ttf') format('truetype'), url('../fonts/titillium/TitilliumText22L005-webfont.svg#webfontA3c8XzqP') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TitilliumText22LXBold';
	src: url('../fonts/titillium/TitilliumText22L006-webfont.eot');
	src: local('☺'), url('../fonts/titillium/TitilliumText22L006-webfont.woff') format('woff'), url('../fonts/titillium/TitilliumText22L006-webfont.ttf') format('truetype'), url('../fonts/titillium/TitilliumText22L006-webfont.svg#webfontI2J8pdTu') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

/*html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }*/
body{
	font: 62.5%/1.6em sans-serif;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #f9f9f9;
}
div {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #959595;
	margin: 0;
	padding: 0;
	border: none;
}
a:hover, a:active {
	color: black;
}
a.selected {
	color: black;
}
a img {
	padding: 0;
	margin: 0;
	border: 0;
}
h1 {
	margin: 0;
	padding: .2em 0 .2em 0;
}
h2 {
	margin: 0;
	padding: .2em 0 .2em 0;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: .5em .2em .5em .5em;
}
p {
	margin: .2em 0 .5em 0;
	padding: 0;
}
iframe {
	margin:0;
	padding:0;
}

/* layout */
#top{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0px;
}
#middle {
	position:absolute;
	top:0px;
	left:0;
	width:100%;
}
#bottom {
	position:absolute;
	top:550px;
	left:0;
	width:100%;
	height:0px;
}

/* logo */
.logo {
	padding: 15px 17px 0 17px;
	font: 34px/34px 'TitilliumText22LLight', sans-serif;
	z-index: 5000;
	position: absolute;
	white-space: nowrap;
}
.logo a {
	color:#000000;
}
.flip {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
}

/* middle */
#left {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:290px;
	z-index:10;
}
#center {
	position:absolute;
	top:0;
	left:290px;
	height:100%;
	z-index:1;
}
#right {
	position:absolute;
	top:0;
	left:700px;
	height:100%;
	display:none;
	z-index:2;
}
#left.mobile {
	clear:both;
	float:left;
	position:static;
	height:90px;
}
#center.mobile {
	clear:both;
	float:left;
	position:static;
	height:auto;
	width:100%;
}
#right.mobile {
	clear:both;
	float:left;
	position:static;
	height:auto;
	width:100%;
}
#center.home {
}
#right.home {
	display:none;
}
#right.liquid {
	display:inline;
}
#center.liquid {
	display:none;
}
div#liquid_wrapper {
	padding:2em 2em 2em 4em;
	background-color:#d4d4d4;
}
div#liquid_content{
}

/* menu */
div.menu li {
	padding:6px 11px 6px 18px;
}
div#menu_main {
	margin:77px 0 17px 0;
	font: 22px/22px 'TitilliumText22LLight', sans-serif;
	color:#787878;
}
div#menu_main div.menu li {
	text-align:right;
}
div#menu_sub {
	margin:0 0 1.25em 0em;
	padding:0;
	font: 15px/15px 'TitilliumText22LRegular', sans-serif;
	color:#787878;
}
div#menu_sub.menu li {
	padding:.5em .5em .5em 1.40em;
}
div.menu li:hover {
	color:black;
}
div.menu li.selected a {
	color:black;
}
div#menu_nested {
	margin:0;
	padding:0;
}
div#menu_sub.menu li.selected {
	background-color:#f0f0f0;
}

/* project menu */
div#menu_projects {
	margin:0 0 .5em 0;
	padding:0 0 .5em 0em;
	border-top:1px dotted #dfdfdf;
	font: 15px/15px 'TitilliumText22LRegular', sans-serif;
}
div#menu_projects div.project {
	padding:1em 0 1em 1.4em;
	clear:both;
	margin:0;
	border-bottom:1px dotted #dfdfdf;
	cursor:pointer;
	color:#787878;
	overflow:auto;
}
div#menu_projects div.project:hover {
	background-color:#f0f0f0;
	color:black;
}
div#menu_projects div.project.selected {
	background-color:#f0f0f0;
	color:black;
}
div#menu_projects div div.tn {
	width:80px;
	float:left;
}
div#menu_projects div div.title {
	width:150px;
	float:left;
	padding:0 .8em 0 0;
}
div#menu_projects div div.tn img {
	display:block;
}
div#menu_projects div div {
}

/* label menu */
div#menu_labels {
	margin:0 0 .2em 0;
	padding:.2em 0 .2em .4em;
}
div#menu_labels div.label {
	clear:both;
	padding:.2em 0 .2em 1em;
	margin:.2em 0 .2em 0;
}
div#menu_labels div.label:hover {
	background-color:#f0f0f0;
	color:black;
}
div#menu_labels div.label.selected {
	background-color:#f0f0f0;
	color:black;
}
div.box.hasLiquid div.link {
	/*
	padding:0.5em 1.4em 0.5em 0;
	background:url(images/liquid_accent_black.png) right center no-repeat;
	background:url(images/liquid_accent.gif) 98% center no-repeat;
	*/
}
li#menu_liquid a {
	padding-right:.7em;
	background:url(images/liquid_accent_black.png) right center no-repeat;
	background:url(images/liquid_accent.gif) right center no-repeat;
	display:inline;
}

/* liquid menu */
div#right div.header {
	margin:0 0 0 30px;
}
div.liquid_labels {
	margin:0 0 2em 0;
	padding:0 0 1em 1em;
}
div.liquid_labels ul li {
	float:left;
	margin:0 1em 0 0;
}
div.liquid_labels a {
}
div.liquid_labels a:hover,
div.liquid_labels a:active {
}
div#liquid_menu {
	padding:1em 0 .5em .5em;
	height:30px;
	float:left;
}

/* buttons */
div#back_button {
	position:absolute;
	padding:0;
	left:-12px;
	top:45px;
	font: 34px/34px 'TitilliumText22LLight', sans-serif;
}
div#expand_button {
	position:absolute;
	top:0px;
	width:20px;
	padding:0;
	margin:0;
	z-index:100;
	cursor:pointer;
	display:none;
}
div#expand_button.left {
	 border-left:1px solid #d4d4d4;
}
div#expand_button.right {
	border-left:1px solid #d4d4d4;
}
div#expand_button.left.over {
	background: #ffffff url(../graphics/expand_button_arrow.png) no-repeat center 10px;
}
div#expand_button.right.over {
	background: #ffffff url(../graphics/expand_button_arrow_rt.png) no-repeat center 10px;
}
div#close_button{
	position:absolute;
	top:0px;
	z-index:1000;
	padding:.2em 0 0 0;
	text-align:center;
	margin:0em;
	width:80px;
	height:26px;
	cursor:pointer;
	font: 16px/20px 'TitilliumText22LRegular', sans-serif;
	background-color:black;
}
div#close_button.over{
	background-color:#787878;
}
div#close_button a {
	color:white;
}
div#close_button a:hover,
div#close_button a:active {
	color:white;
}
div.return_button {
	font: 15px/15px 'TitilliumText22LRegular', sans-serif;
	margin:1.7em 0 .5em .2em;
}
div.return_button a {
}
div.return_button a:hover,
div.return_button a:active {
}

/* contents */
div#center div#tiles_left {
	padding:1em 0;
}
div#right div#tiles_right {
	padding:77px 0 17px 0;
}
div#right.mobile div.content {
	padding:1.5em 0 1em 1em;
}

/* masonry */
.wrap {
	background: #ffffff;
	border: 0px solid #456;
	padding: 10px;
	margin-bottom: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.col1 { width: 71px; }
.col2 { width: 146px; }
.col3 { width: 220px; }
.col4 { width: 296px; }
.col5 { width: 371px; }
.col6 { width: 446px; }
.col7 { width: 521px; }
.col8 { width: 596px; }
.col1 img { max-width: 71px; }
.col2 img { max-width: 146px; }
.col3 img { max-width: 220px; }
/* unsetting fixed 296px width for images in col4 */
/*
.col4 img { max-width: 296px; width: 296px;}
*/
.col4 img { max-width: 296px; }
.col5 img { max-width: 371px; }
.col6 img { max-width: 446px; }
.col7 img { max-width: 521px; }
.col8 img { max-width: 596px; }
/*
#tiles_right .col1 { width: 60px; }
#tiles_right .col2 { width: 120px; }
#tiles_right .col3 { width: 180px; }
#tiles_right .col4 { width: 250px; }
#tiles_right .col5 { width: 300px; }
#tiles_right .col6 { width: 360px; }
#tiles_right .col7 { width: 420px; }
#tiles_right .col8 { width: 480px; }
#tiles_right .col1 img { max-width: 60px; }
#tiles_right .col2 img { max-width: 120px; }
#tiles_right .col3 img { max-width: 180px; }
#tiles_right .col4 img { max-width: 250px; }
#tiles_right .col5 img { max-width: 300px; }
#tiles_right .col6 img { max-width: 360px; }
#tiles_right .col7 img { max-width: 420px; }
#tiles_right .col8 img { max-width: 480px; }
*/
.box {
	margin: 0 12px 16px 0;
	padding: 0 0 0 0;
	background-color: #ffffff;
	float: left;
	overflow:visible;
	line-height:0;
	z-index:2000;
}
.box.transp {
	background-color: transparent;
}

.box a {
	margin:0;
	padding:0;
}

/* project title link on main project grid */
#center .box .link {
	padding:.5em .5em .5em .5em;
	font: 14px/14px 'TitilliumText22LRegular', sans-serif;
}

/* text boxes on project detail pages */
.box.text {
	cursor:default;
	font: 16px/22px 'TitilliumText22LLight', sans-serif;
	padding-bottom:1em;
}

/* project title */
.box.text div p.title {
	padding:.8em .8em 0em .6em;
	margin-top:1em;
	font: 24px/24px 'TitilliumText22LLight', sans-serif;
	line-height:1.2em;
	margin:0;
}

.box.text div p,
.box.text div ul,
.box.text div li {
	padding:0 1em 0 1em;
}

ul.bullet li:before {
	content: "\00BB \0020";
}

/* inline links */
.box.text div li a,
.box.text div p a {
	color:#000000;
	border-bottom:1px solid #d1d1d1;
}
.box.text div li a:hover,
.box.text div p a:hover {
	background-color:#f0f0f0;
}

/* notes, descriptions, news */
.box.text div.description {
	margin:.7em 0 .7em 0;
	padding:0;
}
.box.text div.description2 {
	margin:.7em 0 1.2em 0;
	padding:0;
}

.newswrap div.news {
	padding:0 0 14px 0;
}
.newswrap .news h1 {
	font:22px/28px 'TitilliumText22LLight', sans-serif;
	padding:0 14px 0 14px;
	margin:14px 0 14px 0;
}
.newswrap .news p {
	font:16px/22px 'TitilliumText22LLight', sans-serif;
	padding:0px 14px 0 14px;
}

.box.text div.notes {
	margin:.7em 0 .7em 0;
	padding:0;
}
.box.text div div.notes p.detail {
	margin:0;
}
.box.text div div.notes div.linkblock a {
	padding:0 1em 0 1em;
}

/* liquid labels */
.box div.labels {
	display:block;
	clear:both;
	margin-left:0;
	padding-bottom:0em;
}
.box div.labels div:hover {
	color:#000000;
}
#cboxWrapper div.shadowOnBit {
	opacity:.8;
}
#tiles_left, #tiles_right {
	opacity:1;
}
div#center .box.selected,
#tiles_right .box.selected {
	background-color:#f0f0f0;
}
div#center .box.selected div.shadowOnBit,
#tiles_right .box.selected div.shadowOnBit{
	opacity:0;
}
.box a img {
	z-index:0;
}
.box div.label_video {
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	background-color:#000000;
	color:white;
	padding:.3em .5em .3em .5em;
	margin:.3em;
	opacity:1;
	font: 12px/12px 'TitilliumText22LRegular', sans-serif;
}
.box div.label.image {
	background-color:#000000;
}

/* publications */
.tn_grid {
	overflow: auto;
}
div.tn.publication {
	width: 74px;
	float:left;
}
div.tn.publication img {
	max-width: 74px;
	display: block;
}
div.tn.publication.double {
	width: 148px;
	float:left;
}
div.tn.publication.double img {
	max-width: 148px;
}

/* selected liquid tile content */
div.info {
	padding:0em 1em 1em .7em;
	margin-top:0em;
	padding-top:0em;
	clear:both;
}
div.info div.title_link {
	font: 16px/18px 'TitilliumText22LRegular', sans-serif;
	margin-bottom:.5em;
}
div.info div.award {
	font: 16px/18px 'TitilliumText22LRegular', sans-serif;
	margin-bottom:.6em;
}
div.info div.text {
	padding:0;
	font:16px/22px 'TitilliumText22LLight', sans-serif;
}
div.info div.related {
	font: 14px/16px 'TitilliumText22LRegular', sans-serif;
	padding:0 0 .8em 0;
}

/* liquid column */

/* snippets */
.box.liquidmenu {
	background-color:transparent;
	margin: 0 12px 0 0;
}
.box.snippet {
	background-color:transparent;
	z-index:0;
	overflow: hidden;
	display: inline-block; /* Necessary to trigger "hasLayout" in IE */
	display: block; /* Sets element back to block */
}
.box.snippet .container {
	margin:0;
	padding:0;
}
.box.snippet .tn {
	padding:0 0 0 0;
	float:left;
	width:300px;
}
.box.snippet .info {
	float:left;
	padding: 0 0em;
	margin:0;
	display:inline;
	font: 16px/22px 'TitilliumText22LLight', sans-serif;
}
.box.snippet .info strong {
	display:block;
	padding-top:.5em;
	padding-bottom:.5em;
	font: 24px/24px 'TitilliumText22LLight', sans-serif;
	line-height:1.2em;
}
.box .theme {
	color:#959595;
	background-color:transparent;
	display:block;
	font: 22px/22px 'TitilliumText22LLight', sans-serif;
	margin:0;
	padding:6px 0 6px 18px;
	z-index:2000;
	white-space:nowrap;
}
.box .theme.expanded {
	color:black;
}
.box .theme .link:hover {
	color:black;
	cursor:pointer;
}
.box .overview {
	margin-top:1em;
	padding:1.1em 1.1em 1.0em 1.1em;
	background-color:transparent;
	display:none;
	float:left;
	font: 16px/22px 'TitilliumText22LLight', sans-serif;
}
.box .overview p {
	padding-right: 3em;
}
.box .overview a {
	text-decoration:underline;
}
.frame {
	position:absolute;
	width:296px;
	height:396px;
	background-color:transparent;
	left:0;
	top:0;
	z-index:3000;
	visibility:hidden;
}
.frame div {
	background-color:black;
}
.box .theme.expanded .frame {
	visibility:visible;
}
.frame .top {
	position:absolute;
	left:0;
	top:0;
	width:296px;
	height:10px;
}
.frame .right {
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:10px;
}
.frame .bottom {
	position:absolute;
	left:0;
	bottom:0;
	width:296px;
	height:10px;
}
.frame .left {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:10px;
}

/* related */
div.label {
	font: 16px/22px 'TitilliumText22LRegular', sans-serif;
	padding:0em 0em .3em 0;
	/*cursor:pointer;*/
	color:#787878;
	display:block;
}
div.label div {
	padding:0.1em .5em 0.2em 0em;
	display:inline;
	color:#767676;
	/*
	background:url(images/liquid_accent_black.png) right center no-repeat;
	background:url(images/liquid_accent.gif) right center no-repeat;
	*/
}
div.label div:hover {
	color:white;
}
.box.snippet .related {
	margin-top:.5em;
	margin-bottom:.5em;
	padding-bottom:.5em;
	overflow:auto;
	z-index:5000;
}
.box.snippet .related .projects {
	clear:both;
}
.box.snippet .related .projects .project {
	float:left;
	padding-right:.5em;
}
.box.snippet .related .labels {
	margin-top:.2em;
	padding-top:0em;
	padding-bottom:0em;
	clear:both;
}
.box.text .description .labels {
	padding-left: 1em;
	padding-right: 1em;
}
.box.snippet .related .labels .label {
	padding-right:.5em;
}
#screen {
	position:fixed;
	left:0;
	top:0;
	background-color:black;
	width:100%;
	height:100%;
	z-index:0;
}