/*******************************************************************************


********************************************************************************

	1. BASE
		1.1 Reset
		1.2 Accessibility Navigation & Hide
		1.3 Clearfix
		1.4 Fonts
		1.5 Default Styles
		1.6 Image Replacement

	2. COMMON
		2.1 Container
		2.2 Header
		2.3 Navigation
		2.4 Content
		2.5 Sidebar
		2.6 Footer

	3. PAGES
		3.1 Category
		3.2 Column
		3.3 Full Width
		3.4 Home
		3.5 News
		3.6 Principals
		3.7 Projects


	4. PRINT

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

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

ol, ul {
	list-style: none;
	font-size:13pt;
}

blockquote, q {
	quotes: none;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a[href], label[for], select,
input[type=checkbox], input[type=radio] {
	cursor: pointer;
}

button, input[type=button], input[type=image],
input[type=reset], input[type=submit] {
	padding: 0;
	overflow: visible;
	cursor: pointer;
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=image]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
	border: 0;
}


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav {
	position: absolute;
	top: 0;
	left: -9999em;
	z-index: 1000;
}

#accessibility-nav a {
	position: absolute;
	top: 0;
	white-space: nowrap;
}

#accessibility-nav a:active,
#accessibility-nav a:focus {
	left: 9999em;
}

.hide {
	position: absolute !important;
	left: -9999em !important;
}


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.ie7 .clearfix {
	zoom: 1;
}


/* 1.4 Fonts
------------------------------------------------------------------------------*/

@font-face {
    font-family: 'Lato-Regular';
    src: url(/assets/lato-regular.eot);
    src: url(/assets/lato-regular.eot?#iefix) format('embedded-opentype'),
         url(/assets/lato-regular.woff) format('woff'),
         url(/assets/lato-regular.ttf) format('truetype'),
         url(/assets/lato-regular.svg#lato-regular) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Light';
    src: url(/assets/lato-light.eot);
    src: url(/assets/lato-light.eot?#iefix) format('embedded-opentype'),
         url(/assets/lato-light.woff) format('woff'),
         url(/assets/lato-light.ttf) format('truetype'),
         url(/assets/lato-light.svg#lato-light) format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 1.5 Default Styles
------------------------------------------------------------------------------*/

body {
	font: 75%/1.25 Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff;
}

div {font-size: 13px; line-height: 22px;}

hr {
	display: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

th, td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
}

address, cite, dfn {
	font-style: normal;
}

abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	 overflow: auto;
}

a, a:visited {
	text-decoration: none;
	color: #ffffff;

}

a:hover {
	text-decoration: underline;
	color: #ffffff;
}

::-webkit-input-placeholder  {
	color: #2d2d2d;
	text-transform: uppercase;
}

input:-moz-placeholder {
	color: #2d2d2d;
	text-transform: uppercase;
}

/* 1.6 Image replacement
------------------------------------------------------------------------------*/

.ir {
	display: block;
	position: relative;
	overflow: hidden;
}

.ir span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.ie7 .ir a span,
.ie7 a.ir span {
	cursor: pointer;
}


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

body {
	background: #3D3D3D;
	font-family: 'Lato-Regular', Helvetica, Arial, sans-serif;
	color: #b5b5b5;
	min-width: 950px;
	max-width: 1650px;
	overflow-x: hidden;
	text-align:justify;
	font-size:11pt;
}

.bgwidth {
	width: 100%;
}

.bgwidth950 {
	width: 950px;
}

.bgheight {
	height: 100%;
}

h2 {
	color: #ededed;
	font-size: 19px;
	margin-bottom: 22px;
	margin-left: 3px;
	line-height: 30px;
}

h3 {
	color: #eca928;
	font-size: 19px;
	margin-bottom: 10px;
	margin-left: 3px;
	line-height: 24px;
}

h4 {
	color: #eca928;
	font-size: 13pt;
	margin-top: 5px;
	margin-left: 0px;
	line-height: 24px;
}

h5 {
	color: #eca928;
	font-size: 11pt;
	margin-top: 0px;
	margin-left: 0px;
	line-height: 18px;
}


/* 2.2 Header
------------------------------------------------------------------------------*/

.header {
	position: fixed;
	height: 90px;
	top: 0;
	background: #000;
	width: 100%;
	z-index: 9001;
	min-width: 950px;
	-ms-user-select: none;
}

.logo {
	float: left;
	width: 242px;
	position: relative;
	height: 100%;
}

h1 {
	float: left;
	margin: 18px 0px 0 31px;
}

.print-logo {
	display: none;
}

.ie10banner {
	display: none;
	z-index: 10000000;
	position: absolute;
	top: 0px;
	right: 0px;
	background: rgba(200,200,255,.9);
	color: #000;
	padding: 20px;
}
.ie10 .ie10banner {display: block;}

/* 2.3 Navigation
------------------------------------------------------------------------------*/

.navigation {
	float: left;
	width: 698px;
	height: 100%;
}

.navigation ul {
	height: 100%;
}

.navigation ul li {
	float: left;
	border-left: 1px solid #343434;
	height: 100%;
	width: 198px;
	position: relative;
}

.navigation ul li.last-item {
	width: 100px;
}

.navigation ul li ul {
	height: auto;
}

.navigation ul li a,
.navigation ul li span {
	float: left;
	color: #eca928;
	font-size: 10pt;
	text-transform: uppercase;
	padding: 12px 0 0 12px;
}

.navigation ul li span {
	cursor: default;
}

.navigation ul li a.active,
.navigation ul li span.active {
	color: #1399d7;
	text-decoration: none;
}

.navigation ul li a:hover {
	text-decoration: none;
}

.navigation ul li span.subnav {
	clear: left;
	float: left;
	padding: 5px 0 0 15px;
	width: 183px;
}

.navigation ul li ul {
/*	display: none; */
	clear: left;
}

.navigation ul li ul li {
	float: left;
	border-left: none;
	height: auto;
	width: 198px;
	display: none;
}

.navigation ul li ul li.sub_active {
	display: block;
}

.navigation ul li ul li a {
	float: left;
	color: #b5b5b5;
	font-size: 11pt;
	text-transform: none;
	padding-top: 6px;
}

.navigation ul li ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}

.navigation ul li div {
	color: #fff;
	font-size: 12px;
	padding: 0 15px;
	display: none;
	bottom: 33px;
	position: absolute;
	line-height: 16px!important;
}

.ie7 .navigation ul li div {
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

.navigation ul li div span {
	color: #1399d7;
  float: right;
	padding: 0;
}

.navigation ul li div a {
	color: #777;
	font-size: 11px;
	padding: 0;
	float: none;
	text-transform: none;
}

.navigation ul li div a:hover {
	color: #abaaaa;
}

.address {
	display: none;
	margin: 0 0 0 31px;
	position: absolute;
	bottom: 60px;
}

.address p {
	color: #FFFFFF;
	font-size: 11pt;
	line-height: 16px;
	margin-bottom: 3px;
}

.ie7 .address p {
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

.address p a {
	color: #cdcdcd;
	text-decoration: none;
}

.ie7 .address p {
	margin-bottom: 4px;
}

.address p a:hover {
	color: #eca928;
}

.fb {
	background: url(/assets/common/social.png);
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 3px;
}

.fb:hover {
	background-position: 0 -54px;
}

.tw {
	background: url(/assets/common/social.png) 0 -18px;
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 3px;
}

.tw:hover {
	background-position: 0 -72px;
}

.tumb {
	background: url(/assets/common/social.png) 0 -36px;
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 2px;
}

.tumb:hover {
	background-position: 0 -90px;
}


/* 2.4 Content
------------------------------------------------------------------------------*/

.content {
	margin-top: 50px;
	background: #3d3d3d;
	position: absolute;
	margin-bottom: 31px;
	width: 100%;
	min-width: 950px;
}

.content.text .column-left, .content.text .column-right {
	padding-bottom: 30px;
}

.content .error-message {
  margin-top: 10px;
  color: #ff0000;
}


/* 2.5 Sidebar
------------------------------------------------------------------------------*/


/* 2.6 Footer
------------------------------------------------------------------------------*/

.footer {
	width: 100%;
	min-width: 950px;
	position: fixed;
	bottom: 0;
	background: #000;
	height: 31px;
	font-size: 10px;
	z-index: 9999;
}

.footer .download-pdf {
	display: inline-block;
	color: #797979;
	text-transform: uppercase;
	margin: 8px 0 0 30px;
}

.oldie .footer .download-pdf span {
	background: url(/assets/common/chinese.png) no-repeat -6px -1px;
	display: inline-block;
	width: 80px;
	text-indent: -108px;
}

.ie7 .footer .download-pdf span {
	width: 188px;
	text-indent: -108px;
	background-position: 102px -1px;
}

.oldie .footer .download-pdf:hover span {
	background-position: -6px -18px;
}

.ie7 .footer .download-pdf:hover span {
	background-position: 102px -18px;
}

.footer a:hover {
	color: #1399d7;
	text-decoration: none;
}

.footer p {
	color: #797979;
	float: right;
	text-transform: uppercase;
	margin: 8px 20px 0 0;
}

.ie7 .footer p {
	margin-top: -12px;
}

.footer p a {
	color: #797979;
}

.footer p span {
	display: inline-block;
	width: 10px;
}

/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Category
------------------------------------------------------------------------------*/

.column.general.category {
/*	min-width: 950px;*/
/*	overflow: hidden; */
}

.box-category {
	padding-left: 25px;
}

.box-category h2 {
	margin-top: 64px;
	margin-bottom: 13px;
}

.box-category .txt-title {
	width: 330px;
}

a.pdf {
	color: #1081b5;
	text-decoration: none;
}

a.pdf span {
	float: left;
	background: url(/assets/common/ico_pdf.png);
	width: 16px;
	height: 15px;
	margin-right: 9px;
}

a.pdf:hover span {
	background-position: 0 -15px;
}

.title-link {
	display: block;
	margin: 32px 0 10px 0;
	color: #888;
}

.leadership .title-link {
  margin-left: 4px;
}

.box-category ul {
	width: 350px;
}

.box-category ul li {
	display: block;
	border-top: 1px solid #5c5c5c;
	padding: 9px 0 10px 8px;
	margin-left: 3px;
}

.box-category ul li.border-last {
	border-bottom: 1px solid #5c5c5c;
}

.box-category ul li a {
	font-family: 'Lato-Light', Helvetica, Arial, sans-serif;
	font-size:11pt;
	color: #fff;
}

.box-category ul li a:hover, .column-left ul li a.active {
	text-decoration: none;
	color: #1399d7;
	border-bottom: 1px dotted #1399d7;
	padding-bottom: 0px;
	font-size:11pt;
}

.box-category a.pdf {
  margin-bottom: 10px;
  margin-left: 3px;
  display: inline-block;
  line-height: 18px;
  clear: both;
}

.tour .box-category a.pdf {
  margin-left: 0;
}



.box-category form {
	margin: 55px 0 0 3px;
}

.box-category form input {
	display: block;
	height: 20px;
	width: 248px;
	border: 1px solid #595959;
	background: #c0c0c0;
	font-size: 11px;
	color: #2d2d2d !important;
	text-transform: uppercase !important;
	margin-bottom: 5px;
	padding: 0 0 0 5px;
}

.oldie .box-category form input {
	height: 17px;
	padding-top: 3px;
}

.ie9 .box-category form input {
	height: 18px;
	padding-top: 2px;
}

.box-category form a {
	display: block;
	width: 90px;
	height: 17px;
	border: 1px solid #2b586d;
	background: #1081b5;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	padding: 4px 0 0 7px;
  line-height: 13px;
}

.box-category form a.logout {
  width: 62px;
}

.oldie .box-category form a {
	padding-top: 2px;
	height: 18px;
}

.ie9 .box-category form a {
	padding-top: 4px;
	height: 16px;
}

.box-category form a span {
	background: url(/assets/common/arrow_right.png);
	width: 5px;
	height: 10px;
	float: right;
	margin: 1px 5px 0 0;
}

.ie9 .box-category form a span {
	margin-top: 0;
}

.box-category form a:hover {
	text-decoration: none;
	background: #089bdf;
}

.img-right {
/*	float: left;*/
}

.img-right.masonry {
	min-width: 600px;
	position: relative;
	float: none;
}

.img-right .box-img {
	float: left;
	margin-bottom: 10px;
	width: 257px;
	position: relative;
  background: url(/assets/site/common/ajax-loader.gif) 50% 50% no-repeat;
}

.box-img a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/common/overlay_white.png);
	display: none;
	text-decoration: none;
}

.box-img img {
	display: block;
}

.box-img a .img-title {
	display: inline-block;
	margin: 23px 18px 0;
	color: #1c1c1c;
	font-size: 22px;
	line-height: 28px;
	font-family: 'Lato-Regular', Helvetica, Arial, sans-serif;
}

.box-img a .subtitle {
	display: block;
	color: #1c1c1c;
	font-size: 11px;
	font-family: 'Lato-Regular', Helvetica, Arial, sans-serif;
	margin: 5px 20px 10px;
	text-transform: uppercase;
}

.box-img a .link-replace {
	display: block;
	color: #0094be;
	margin: 5px 0 0 20px;
}

.box-img a .link-replace:hover {
	text-decoration: underline;
}

/* 3.2 Column
------------------------------------------------------------------------------*/

.column {
	width: 812px;
	background: #3d3d3d;
	padding: 64px 0 0 28px;
	float: left;
}

.column-left {
	float: left;
	width: 353px;
}

.column-left p {
	font-size: 16px;
	line-height: 22px;
	width: 320px;
	margin-bottom: 19px;
	margin-left: 3px;
}

.column-left ul li,
.links li {
	border-top: 1px solid #5c5c5c;
	padding: 9px 0 10px 8px;
	margin-left: 3px;
	font-size:11pt;
}

.column-left ul li.border-last,
.links li.border-last {
	border-bottom: 1px solid #5c5c5c;
}

.column-left ul li a,
.column-left ul li span,
.links li a {
	font-family: 'Lato-Light', Helvetica, Arial, sans-serif;
	font-size: 11pt;
	color: #fff;
}

.column-left ul li a:hover,
.column-left ul li a.active,
.links li a:hover {
	text-decoration: none;
	color: #1399d7;
	border-bottom: 1px dotted #1399d7;
	padding-bottom: 0px;
}

.column-right {
	float: left;
	margin: 0 0 0 22px;
}

.column-right ul {
	margin-bottom: 58px;
	font-size:11pt;
}

.column-right ul li {
	font-size: 16px;
	color: #999;
	margin-bottom: 9px;
	font-size:11pt;
}

#awards-content p,
.column-right p {
/*	font-size: 12px;*/
	line-height: 20px;
	margin-bottom: 27px;
}

#awards-content p span,
.column-right p span {
	color: #ededed;
}

#awards-content p a,
#credits-content p a,
.column-right p a,
#bio-content .txt-full a,
.employments a {
	color: #1399d7;
}

.employments ul {
	margin-bottom: 20px;
}

#bio-content .txt-full a {
  font-size: 12px;
}

#bio-content .txt-full a:hover {
  text-decoration: underline;
}

.column-img {
	float: left;
	height: 100%;
	position: fixed;
	left: 840px;
}

.column-img img {
	height: 100%;
}

/* 3.3 Full Width
------------------------------------------------------------------------------*/

.full-width {
	width: 450px;
	padding-right: 22px;
	padding-left: 25px;
	float: left;
}

.principals h2,
.full-width h2 {
	border-bottom: 1px solid #5c5c5c;
	padding-bottom: 30px;
	padding-left: 3px;
	margin-bottom: 15px;
}

.box-full-width {
	margin: 0 0 0 3px;
}

.principals .txt-full,
.txt-full {
	line-height: 22px !important;
	width: 450px !important;
	margin-bottom: 25px !important;
	font-size: 13px !important;
}

.principals .txt-full {
/*  font-size: 12px;*/
}

.txt-title, .column-left p.info {
	font-size: 17px !important;
	line-height: 25px !important;
	width: 330px !important;
	margin-bottom: 20px !important;
}

.txt-ul {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 25px;
	font-size:11pt;
}

.bullet-general {
	margin-bottom: 27px;
}

.bullet-general li a {
	font-size: 14px;
	color: #1399d7;
	line-height: 20px;
}

.info {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 27px;
}

.info span {
	color: #ededed;
}

.info a {
	color: #eca928;
}

.bullet-sub {
	margin-bottom: 15px;
}

.bullet-sub li a {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
}

.bullet-sub li ul li a {
	font-size: 13px;
	margin-left: 10px;
	line-height: 26px;
}

.bullet-sub li a:hover {
	color: #1399d7;
	text-decoration: none;
}

.full-width-right {
	float: left;
	height: 100%;
	position: fixed;
	left: 500px;
}

.full-width-right img {
	height: 100%;
}



/* 3.5 News
------------------------------------------------------------------------------*/

.news .general-left {
	padding: 65px 0 0 25px;
	width: 375px;
	background-color:#666666;
	height:100%;
}

.news .general-left h2 {
	margin-bottom: 30px;
}

.news .general-left ul li {
	width: 352px;
	border-top: 1px solid #5c5c5c;
/*	padding: 9px 0 10px 4px; */
	padding: 9px 0 10px 8px;
	margin-left: 3px;
}

.news .general-left ul li.border-last {
	border-bottom: 1px solid #5c5c5c;
}

.news .general-left ul li a {
	font-family: 'Lato-Light', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #fff;
}

.news .general-left ul li a:hover, .news .general-left ul li a.active {
	text-decoration: none;
	color: #eca928;
	border-bottom: 1px dotted #eca928;
	padding-bottom: 0px;
}

.news .general-right {
	width: 520px;
	padding: 70px 0 0 0;
}

a.link-blue {
	display: block;
	color: #1399d7;
	margin-bottom: 20px;
}

.box-news {
	border-bottom: 1px solid #5c5c5c;
	margin-bottom: 50px;
	margin-left: 50px;
	font-size:21px;
}
.box-news .bullet-sub {
  margin-left: 15px;
}


.box-news span {
	display: block;
	margin-bottom: 3px;
}

.box-news h2 {
	margin: 0 0 10px 0;
}

.box-news img {
	margin-bottom: 10px;
}

.box-news p {
/*	line-height: 20px;*/
	margin-bottom: 18px;
	font-size: 13pt;
	line-height:22px;
}

/* 3.6 Principals
------------------------------------------------------------------------------*/

.general {
	width: 100%;
	padding: 0;
}

.general-left {
	float: left;
	width: 400px;
	position: relative;
}

.drop-down-general {
	background: #2d2d2d;
	height: 28px;
	position: fixed;
	width: 400px;
	z-index: 100;
}

.drop-down-general a {
	display: inline-block;
	color: #1399d7;
	background: url(/assets/common/arrow_down.png) no-repeat right 7px;
	padding: 0 17px 0 0;
	margin: 5px 0 0 31px;
	text-decoration: none;
  line-height: 14px;
}

.box-principals {
	padding-left: 30px;
	padding-top: 65px;
}

.box-principals h2 {
  margin-bottom: 21px;
  width: 290px;
}

.box-principals.detail h2 {
  border-bottom: 0;
  margin-left: 0;
}

a.link-black {
	display: inline-block;
	background: #1c1c1c;
	color: #ededed;
	font-size: 11px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	text-transform: uppercase;
	padding: 4px 19px;
	margin-right: 2px;
	position: relative;
	margin-bottom: 20px;
	text-decoration: none;
	line-height: 14px;
}

.ie7 a.link-black {
/*	padding-top: 3px;
	padding-bottom: 5px;*/
}

.oldie a.link-black {
	line-height: 13px;
	background: url(/assets/common/black_nhover.png);
}

a.link-black.active {
	text-decoration: none;
	background: #1081b5;
}

a.link-black.active span.carrot, a.link-black.hovered span.carrot {
	background: url(/assets/common/arrow_bottom.png) no-repeat center center;
	width: 100%;
	height: 5px;
	position: absolute;
	bottom: -5px;
	left: 0;
}

.oldie a.link-black.active:hover span.carrot, .oldie a.link-black:hover span.carrot, .oldie a.link-black.active span.carrot {
	display: inline;
	bottom: -4px;
}

.oldie a.link-black span.left {
	display: inline-block;
	width: 4px;
	height: 21px;
	background: url(/assets/common/black_nhover.png) no-repeat 0 -21px;
	position: absolute;
	top: 0;
	left: 0;
}

.oldie a.link-black.active span.left, .oldie a.link-black:hover span.left {
	display: inline-block;
	width: 4px;
	height: 21px;
	background: url(/assets/common/blue_hover.png) no-repeat 0 -21px;
	position: absolute;
	top: 0;
	left: 0;
}

.oldie a.link-black span.right {
	display: inline-block;
	width: 4px;
	height: 21px;
	background: url(/assets/common/black_nhover.png) no-repeat 0 -42px;
	position: absolute;
	top: 0;
	right: 0;
}

.oldie a.link-black.active span.right, .oldie a.link-black:hover span.right {
	display: inline-block;
	width: 4px;
	height: 21px;
	background: url(/assets/common/blue_hover.png) no-repeat 0 -42px;
	position: absolute;
	top: 0;
	right: 0;
}

.oldie a.link-black.active, .oldie a.link-black:hover {
	background: transparent url(/assets/common/blue_hover.png) repeat-x 0 0;
}

.box-principals .txt-title {
	width: 300px;
}

.box-principals .txt-full {
	margin-bottom: 15px;
}

.box-principals .info {
	margin-bottom: 20px;
}

.txt-info {
	margin-top: 53px;
}

.box-principals .info span {
	font-size: 11px;
	text-transform: uppercase;
}

.general-right {
	float: left;
}

.box-right {
	float: left;
	width: 257px;
}

.box-left {
	float: left;
	width: 257px;
	margin-right: 10px;
}

.box-right img {
	margin-bottom: 5px;
}

.general-right blockquote {
	font-size: 22px;
	font-family: 'Lato-Light', Helvetica, Arial, sans-serif;
	color: #999;
	line-height: 32px;
	width: 230px;
	margin: 26px 0 0 0;
}

.principals-submenu {
	background: #1e1e1e;
	position: absolute;
	z-index: 10000;
	left: 14px;
	top: 28px;
	width: 189px;
	padding: 15px 0 20px 0;
	display: none;
	overflow: auto;
}
.first-link .principals-submenu {
	width: 191px;
}

.last-link .principals-submenu {
	left: 206px;
  width: 194px;
}

.principals-submenu li a,
.principals-submenu li span {
	margin-left: 17px;
  margin-top: 5px;
	background: none;
	color: #b5b5b5;
	text-decoration: none;
  padding-right: 27px;
}

.principals-submenu li a:hover {
	color: #1399D7;
}

.general.principals .general-right {
	position: fixed;
	left: 500px;
	width: 524px;
}

/* 3.7 Projects
------------------------------------------------------------------------------*/

.drop-down {
	margin-bottom: 65px;
	position: fixed;
	z-index: 7001;
  line-height: 9px;
}

.drop-down ul .first-link, .drop-down ul .last-link {
	float: left;
	margin-right: 1px;
}

.drop-down ul .first-link > a {
	display: inline-block;
	background: #2D2D2D;
	height: 23px;
	color: #1399D7;
	width: 174px;
	padding: 5px 0 0 31px;
}

.drop-down ul .first-link > a.expand {
  width: 369px;
}

.drop-down ul .first-link a span {
  line-height: 14px;
  float: left;
}

.drop-down ul .first-link a span.arrow {
	background: url(/assets/common/arrow_down.png);
	width: 11px;
	height: 5px;
	float: left;
	margin: 7px 0 0 6px;
}

.drop-down ul .last-link > a {
	display: inline-block;
	background: #2D2D2D;
	height: 23px;
	color: #1399D7;
	width: 178px;
	padding: 5px 0 0 16px;
}

.drop-down ul .last-link a span {
  line-height: 14px;
  float: left;
}

.drop-down ul .last-link a span.arrow {
	background: url(/assets/common/arrow_down.png);
	width: 11px;
	height: 5px;
	float: left;
	margin: 7px 0px 0 6px;
}

.drop-down ul .last-link ul a, .drop-down ul .first-link ul a {
	line-height: 15px;
  display: block;
}

.drop-down ul .first-link a:hover, .drop-down ul .last-link a:hover {
	text-decoration: none;
}

a.arrow-close {
	position: fixed;
	background: #000;
	font-size: 17px;
	left: 375px;
	height: 25px;
	color: #b5b5b5;
	margin-top: 28px;
	z-index: 7000;
}

a.arrow-close span.aquo {
	display: inline-block;
	width: 25px;
	text-align: center;
}

a.arrow-close span.title {
	font-size: 11px;
	color: #ededed;
	padding-right: 10px;
}

a.arrow-close:hover {
	background: #1081b5;
	text-decoration: none;
}

.box-projects {
/*	padding: 65px 0 0 28px;*/
	position: relative;
}

.box-projects .container {
	padding: 65px 0 0 28px;
	background-color: #3d3d3d;
}

.box-projects .link-black {
	margin-bottom: 30px;
}

.box-projects h2 {
	margin-bottom: 16px;
  margin-left: 0;
  width: 290px;
}

.box-projects h2.title {
	line-height: 24px;
}

.ie8 .box-projects h2 {
	padding-right: 10px;
}

.box-projects .txt-full {
	margin-bottom: 20px;
/*	line-height: 19px; */
}

.box-projects .margin-bottom {
	margin-bottom: 10px;
}

.box-projects .txt-full span {
	color: #ededed;
}

.box-ico {
	width: 300px;
	margin: 30px 0 0 0;
	height: 80px;
}

.mail {
	float: left;
	background: url(/assets/common/symbols.png);
	width: 26px;
	height: 21px;
}

.print {
	float: left;
	background: url(/assets/common/symbols.png) 0 -21px;
	width: 26px;
	height: 21px;
}

.pdf-1 {
	float: left;
	background: url(/assets/common/symbols.png) 0 -42px;
	width: 26px;
	height: 21px;
}

.mail:hover {
	background-position: 0 -63px;
}

.print:hover {
	background-position: 0 -84px;
}

.pdf-1:hover {
	background-position: 0 -105px;
}

.projects.content {
	overflow: hidden;
}

.projects-slider {
	position: absolute;
	width: 100%;
}

.box-projects {
	background: #3D3D3D;
	z-index: 6000;
}

.drop-down.overlay-black ul .first-link > a, .drop-down.overlay-black ul .last-link > a, .drop-down.overlay-black .principals-submenu {
	background: url(/assets/common/overlay_black.png);
}

.column.general.project {
	height: 100%;
	/*overflow: hidden;*/
}

.column.general.project .prev {
	z-index: 5000;
}

.column.general.project .general-left {
	height: 100%;
	z-index: 4000;
}

.column.general.category .general-left {
	position: absolute;
	left: 0;
}

.column.general.project .general-left .box-projects {
	height: 100%;
  opacity: 0.9;
}

.to-print {
	display: none;
}

/* IE7&8 */

.oldie .navigation ul ul {
	clear: left;
}

.ie7 .address {
	left: 0;
}

.ie7 .address ul li {
	float: left;
}

.ie7 .box-category form a span  {
	position: relative;
	top: -14px;
}


.ie7 .drop-down ul .last-link a span, .ie7 .drop-down ul .first-link a span {
	position: relative;
	top: -15px;
}

.ie7 .principals-submenu {
	overflow-y: auto;
}

a.arrow-close {
	text-decoration: none;
}

a.arrow-close:hover {
  color: #fff;
}

.w950 {
	width: 950px !important;
}

.column.general.project {
	/*position: relative;*/
	top: 0;
	width: 400px;
	/*padding-bottom: 30px;*/
}

.ie7 .projects-slider {
	width: 100%;
	left: 0;
}

/* 4. PRINT
--------------------------------------------------------------------------------
==============================================================================*/


@media print {

	body {
		font: normal normal 13pt/1.5em "Times New Roman", Times, serif;
	}

	#accessibility-nav,
	.hide {
		display: none !important;
	}

	h1 a:after {
		display: none;
	}

	h1 img {
		display: none;
	}

	h1 {
		float: none;
		width: 353px;
		height: 108px;
		margin: 0;
	}

	h1 img.print-logo {
		display: block;
	}

	.header {
		height: 260px !important;
		position: static !important;
	}

	.navigation {
		display: none;
	}

	.address {
		display: block !important;
		font-family: 'Lato-Regular', Helvetica, Arial, sans-serif;
		font-size: 16px;
		position: static !important;
		margin: 0;
		color: #000;
		margin-top: 20px;
		clear: left;
		bottom: 0;
	}

	.address p, .address p a {
		color: #000;
		font-size: 17px;
		font-family: 'Lato-Regular', Helvetica, Arial, sans-serif;
		line-height: 30px;
		text-decoration: none;
	}

	.address ul {
		display: none;
	}

	.content {
		position: static;
		height: auto;
		overflow: hidden;
		font-family: 'Lato-Regular', Helvetica, Arial, sans-serif;
		color: #000;
	}

	.news .general-left {
		display: none;
	}

	.general-right {
		padding: 0;
	}

	.general-right > a {
		display: none;
	}

	.footer, a.download-pdf, .footer p {
		display: none !important;
		clear: right;
	}

	.box-news {
		border-bottom: 0;
	}

	.box-news span {
		display: none;
	}

	.box-news a {
		font-family: 'Lato-Regular', Helvetica, Arial, sans-serif;
		color: #000;
		font-size: 12px;
		background: none;
	}

	.box-news p {
		font-size: 17px;
	}

	.ie7 .box-news img {
		margin-top: -25px;
	}

	.box-news h2 {
		color: #000;
		font-size: 21px;
	}

	.drop-down-general {
		display: none;
	}

	.box-principals {
		padding: 0;
		width: 750px;
	}

	.box-principals h2 {
		color: #000;
		font-size: 21px;
	}

	.box-principals > a {
		display: none;
	}

	.box-principals .txt-title {
		font-size: 21px;
		width: 750px;
	}

	.box-projects .txt-title, .box-full-width .txt-title, .column .column-left p {
		font-size: 21px;
	}

	.column .column-left p {
		line-height: 30px;
	}

	.box-projects h2 {
		margin: 0;
	}

	.box-principals .txt-full {
		font-size: 17px;
		width: 750px;
	}

	.general-left {
		width: 750px;
	}

	.txt-info {
		margin: 0;
	}

	.info, .info span {
		font-size: 17px;
		color: #000;
		line-height: 24px;
		margin: 0;
	}

	.general.principals .general-right	{
		width: 900px;
	}

	.box-right {
		width: 550px;
	}

	.box-right img {
		margin-right: 5px;
		vertical-align: top;
	}

	.general.principals .general-right {
		position: static;
	}

	.full-width-right {
		display: none;
	}

	.full-width, .column {
		padding: 0;
		margin-top: 20px;
	}

	.full-width h2, .column h2 {
		color: #000;
		font-size: 22px;
		border-bottom: 0;
		margin-bottom: 5px;
		padding-bottom: 15px;
		margin-top: 10px;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold !important;
	}

	.full-width .bullet-sub a {
		color: #000;
	}

	.full-width .info {
		margin-bottom: 20px;
	}

	.column .column-left ul li,
    ul.links li {
		border: 0;
		padding: 4px 0;
	}

	.column .column-left ul li a,
    ul.links li a {
		color: #000;
		text-decoration: none;
		border: 0;
	}

	.column .column-right ul {
/*		display: none;*/
	}

	.column .column-right ul li {
		margin-bottom: 0;
		font-size:11pt;
	}

	.column .column-right {
		float: left;
		clear: left;
		margin-top: 30px;
		margin-left: 0;
	}

	.column-right p span {
		color: #000;
	}

	.content .column-img {
		display: none;
	}

	.box-category {
		padding: 0;
	}

	.box-category > span, .box-category > a, .box-category > ul, .box-category form {
		display: none;
	}

	.box-projects > a, .project .drop-down, .project .arrow-close {
		display: none;
	}

	.box-projects {
		padding-left: 0;
		padding-top: 20px;
	}

	.box-projects p.txt-full span {
		color: #000;
	}

	.projects-slider {
		display: none;
	}

	.to-print {
		display: block;
		float: left;
		position: relative;
		z-index: 9999;
		width: 800px;
	}

	.column.general.project {
		height: auto;
	}

	.column.general.project .general-left .box-projects {
		height: 100% !important;
	}

	.column.general.project .general-left {
		height: auto;
	}

	.to-print img {
		width: 480px;
		margin-bottom: 20px;
	}

	.img-right.masonry {
		min-width: 800px;
		position: relative;
		float: left;
		margin-left: 0;
	}

	.masonry-brick a {
		display: none !important;
	}

	.ie7 .img-right.masonry {
		margin-top: 20px;
	}

	.img-right.masonry .box-img.masonry-brick {
		position: static !important;
	}

	.column.general.category .general-left {
		position: relative;
		left: 0;
	}

	.content {
		margin-top: 20px;
		height: auto !important;
	}

	.box-category h2 {
		margin-top: 0px !important;
	}

	.box-projects .container {
		padding: 0;
	}

	.box-projects .container h2 {
		font-weight: bold;
	}

	.project .project .general-left {
		width: 800px;
	}

	.project .box-projects .link-black {
		display: none;
	}

	.project .txt-title {
		width: 500px;
	}

	.box-category .txt-title, .column-left p, .full-width .txt-title, .full-width .txt-full, .full-width .txt-ul,.news .general-right, .box-projects .txt-full, .box-projects .txt-title  {
		width: 900px;
	}

	.box-img.masonry-brick {
		position: static !important;
		margin-right: 10px;
	}

	.column-left ul li a,
    .links li a {
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold !important;
	}

	.column-right p {
		font-size: 16px;
		color: #999;
	}

	.column-right p span {
		font-weight: bold;
	}

	.full-width .txt-ul {
		font-size:11pt;
	}

	.bullet-general li a {
		font-size:11pt;
	}

	.bullet-sub li ul li a {
		font-size: 16px;
	}

	.box-news img {
		width: 900px;
	}

	.box-principals h2 {
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold !important;
		margin-left: 0;
	}

	.box-principals .txt-title {
		line-height: 28px;
	}

	.box-principals .txt-full {
		line-height: 24px;
	}

	.box-principals .info span {
		font-size: 16px;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
	}

	.box-projects .txt-full span {
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
	}

/*	.box-left blockquote {
		position: relative;
		top: 300px;
	}
	*/

}

.last-link ul
{
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 300px;
}

.content.project {
	/*height: 100%;*/
}

.intro {
	margin: 15px 0;
	font-size: 14px;
	line-height: 18px;
}

.life-at-bar-links {
	margin-top: 30px;
}

.life-at-bar .box-img a .img-title {
	font-family: 'Lato-Light', Helvetica, Arial, sans-serif;
}

.ie8 .life-at-bar-links {
  line-height: 21px;
}

.tour .txt-title {
    margin-top: 10px;
}

.tour .box-category div {
    line-height: 18px;
    margin-bottom: 13px;
    margin-top: 64px;
    width: 100%;
}

.tour .box-category div a.pdf {
    float: left;
}

.tour .box-category h2 {
    float:left;
    margin:0;
    padding-right:15px;
    padding-bottom: 10px;
}

.employments ul {
	list-style: disc;
	margin-left: 15px;
}

.employments h3,
#credentials-content h3,
#credits-content h3 {
  color: #ffffff;
}

#credentials-content p,
#credits-content h3,
#credits-content p {
  line-height: 18px;
}

#credentials-content h3.first,
#credits-content h3.first {
  margin-top: 0;
}

#credentials-content h3,
#credits-content h3 {
  margin-top: 27px;
}

#credentials-content {
  width: 300px;
}

.employments p.info {
  line-height: 22px;
/*  padding: 5px 0;*/
}

.awards .column-right {
  width: 224px;
}

.awards .column-right p a.link-blue {
  display: inline;
}

#project-info-content a.video {
  font-size: 14px;
  text-decoration: none;
  color: #1399d7;
  margin: 0 0 20px;
  display: inline-block;
  border-bottom: 1px solid #3D3D3D;
}

#project-info-content a.video:hover {
  text-decoration: none;
  border-bottom: 1px dotted #1399D7;
}

.sitemap {
  padding-top: 35px;
}

#credits-content, #awards-content {
  padding-right: 50px;
}

.leadership {
  padding-bottom: 40px;
}

.box-principals h2 {
  padding: 0;
}


.life-at-bar .box-img a {
  cursor: default;
}

.last-paragraph {
	padding-bottom: 20px;
}

.txt-title a
{
	color: #1399D7;
}

.principals .box-principals {
  padding-bottom: 30px;
}

.box-category .categories {
  margin-top: 16px;
}

.section_title {
	border-bottom: 1px solid #5C5C5C;
  padding-bottom: 30px;
  padding-left: 3px;
  margin-bottom: 15px;
  margin-right: 22px;
}

.txt-full a {
	color: #1399D7;
}

.images-wrapper {
  margin-left: 400px;
}

.projects .title-link {
  margin-left: 3px;
}

.projects .box-category h2 {
  margin-left: 2px;
}

.navigation ul li div span.close {
	color: #1399D7;
	padding-left: 5px;
	float: none;
}