html, body {
	margin: 0;
	padding: 0;
}
body {
	font-size: 100%;
	font-size: 0.75em;
}

a, a:visited {
	text-decoration: none;
	color: #FF0000;
}
a:hover {
	/* text-decoration: underline; */
}

img { border: none; }

ul { }

#navHolder {

	margin: 13px 0 48px 0;
	min-width: 984px;
}

#nav {

	float: left;
	padding-top: 10px;
	
}
a.navPrompt {
	font-size: 1.2em;
	line-height: 0.6em;
}

#searchHolder {
	border: 1px solid #DEDEDE;
	margin: 5px;
	height: 20px;
	position: relative;
}

ul#secondNav {
	font-size: 1.2em;
	margin: 0;
	float: right;
	padding: 10px 0 0 0;
	list-style: none;
}


ul#secondNav li {

	float: left;
	margin-left: 15px;
}

/* search */

ul#secondNav li#searchtrigger {

	width: 22px;
	padding: 0;
	margin: 0 0 0 13px;
	display: block;
	float: left;
	cursor: pointer;
}

form#searchform {

	display: none;
	float: right;
	padding: 0;
	margin: 9px 0 0 0;
	position: relative;
}

form#searchform div#searchsubmit {

	float: left;
	width: 23px;
	height: 22px;
	border-top: 1px solid #aaa;
	border-right: none;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	display: block;
	margin: 0;
	padding: 0;
	background: #fff url('http://new.pentagram.com/wp-content/themes/pentagram/images/magnifying_glass_black.png') no-repeat;
	cursor: pointer;
}

form#searchform input#s {
	
	padding: 0;
	font-size: 13px;
	display: block;
	float: left;
	width: 249px;
	height: 22px;
	border-top: 1px solid #aaa;
	border-right: none;
	border-bottom: 1px solid #aaa;
	border-left: none;
	outline: none;
	-webkit-appearance: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
}

form#searchform div#searchcancel {

	display: block;
	float: left;
	width: 23px;
	height: 22px;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: none;
	background: #fff url('http://new.pentagram.com/wp-content/themes/pentagram/images/search_cancel_black.png') no-repeat;
	cursor: pointer;
}

/* search autocomplete */

.ui-autocomplete {

	position: absolute;
	z-index: 2;
	background-color: #fff;
	width: 295px;
	margin: 24px 0 0 0;
	overflow-x: hidden;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
	cursor: pointer;
}

.ui-autocomplete li a {

	width: 271px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 4px 0 4px 24px;
}

.ui-state-hover {

	background-color: red;
	color: #fff !important;
}

ul.clientTypes {
	height: 380px;
}

ul.clientTypes li {
	position: relative;
	line-height: 15px;
	font-size: 13px;
	width: 150px;
	float: none;

}
ul.clientTypes li a { padding: 3px 1em; }
ul.clientTypes li.col-first {
	margin-top: -337px;
	
}
ul.clientTypes .col2 {
	margin-left: 150px;
}
ul.clientTypes .col3 {
	margin-left: 300px;
}

ul#secondNav li a, ul#secondNav li a:visited { color: red; }
ul#secondNav li a:hover { color: black; }

/* 
 * left sliding panels (about, mailchimp)
 */
 
#aboutHolder,
#mailchimp-holder {
	position: absolute;
	left: -500px;
	z-index: 3;
	padding: 0 10px 0 23px;
	width: 372px;
	height: 75%;
	background-color: rgba(255,255,255,0.93);
	font-size: 1.4em;
	display: none;
}

#aboutHolder h1,
#mailchimp-holder h1 {
	
	font-size: 0.8em;
	color: #646464;
	font-weight: normal;
	margin: 0 0 20px 0;
}

#aboutHolder p.disclaimer { 
	
	font-size: 0.7em; 
}

#aboutHolder .close,
#mailchimp-holder .close {
	
	font-size: 0.8em;
}

#mailchimp-holder .close {
	
	bottom: -30px;
	position: absolute;
	display: block;
	
}

#mailchimp-form {
	
	position: relative;
}

#mailchimp-form label {
	
	font-size: 0.85em;
	color: #505050;
	display: block;
	margin: 0 0 3px 0;
}

#mailchimp-form input {

	padding: 0;
	font-size: 13px;
	display: block;
	width: 249px;
	height: 22px;
	border: 1px solid red;	
	outline: none;
	margin: 0 0 15px 0;
	-webkit-appearance: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
}

#mailchimp-submit {
	
	cursor: pointer;
	color: #fff;
	background-color: #505050;
	margin: 20px 0 1px 0;
	padding: 8px 10px;
	width: 70px;
	font-size: 16px;
}

#mailchimp-submit:hover {
	
	background-color: red;
}

#mailchimp-form p {

	padding: 8px;
	margin: 0;
}

#mailchimp-throbber {

	width: 16px;
	height: 16px;
	margin: 8px 0 0 0;
}

#mailchimp-throbber img {
	
	display: none;
}

#mailchimp-response-success,
#mailchimp-response-error-already,
#mailchimp-response-error-invalid,
#mailchimp-response-error-unspecified {

	font-size: 16px;
	display: none;
	color: #fff;
	width: 253px;
	background-color: red;
}

.project {
	clear: left;
	/*
padding-bottom: 10px;
	margin-bottom: 10px;
*/
	padding: 12px 0 0 0;
	margin: 0 10px 10px;
	/* width: 140px; */
	border-bottom: 1px solid #CCC;
	height: 150px;
	display: inline-block;
	display: none;
	overflow: hidden;
	font-size: 0.9em;
}
.project img { max-width: 154px; max-height: 109px; }
.projectLink {
	display: block;
	min-height: 116px;
	text-align: center;
}
a.projectName, a.projectName:visited {
	color: #6c6c6c;
}

img.articleImage {
	float: left;
	opacity:0;
}

.project.from-new .content {
	
	position: relative;
}

.project.from-new .content .from-new-identifier {

	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 21px;
	height: 21px;
	background: transparent url('/resources/images/blog_icon.png') no-repeat 0 0;
}

#searchResultHolder .blog-icon-explanation {
	
	margin: 3px 0 0 0;
}

#searchResultHolder .blog-icon {

	float: left;
	width: 21px;
	height: 21px;
	background: transparent url('/resources/images/blog_icon.png') no-repeat 0 0;
}

#searchResultHolder .explanation {

	float: left;
	height: 17px;
	padding: 4px 0 0 4px;
}

#searchResultHolder .blog-icon-explanation br {

	clear: both;
}

/*
#pageHeader {
	display: none;
	float: left;
	margin-left: 20px;
	padding-top: 0.2em;
	font-size: 1em;
	line-height: 0.9em;
}
*/

.searchProjectsHolder {
	min-height: 500px;
}
#projectsHolder .searchGrid {

	margin-left: 150px;

}
#searchResultHolder {
	float: left;
	padding-top: 10px;
}

#pageHeader {

	display: none;
	float: left;
	margin-left: 10px;
	padding-top: 0.2em;
	font-size: 1em;
	line-height: 0.9em;
}
.partnersDetail #pageHeader {
	line-height: 1.2em;
}
.projectMetaCell .fixed {
	position: fixed;
	left: 14px;
	top: 92px;
	
}

#pageHeader a,#pageHeader a:visited {
	color: red;
}
#pageHeader a:hover {
	color: black;
}
.titleHolder {
	float: left;
	margin-right: 10px;
}
.prevImage {
	float: left;
	background: url('images/arrow_left.gif') no-repeat;
	width: 5px;
	height: 9px;
	margin-right: 5px;
	margin-top: 1px;
	cursor: pointer;
}
.nextImage {
	float: left;
	background: url('images/arrow_right.gif') no-repeat;
	width: 5px;
	height: 9px;
	margin-right: 10px;
	margin-top: 1px;
	cursor: pointer;
}
#articleDetail {
	padding-top: 0px;
	display: none;
	position: absolute;
	top: 0;
	/* display: inline-block; */
	border-right: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
}
#articleDetail td {
	padding-right: 30px;

}
#articleDetail p {
	
	
	line-height: 1.4em;
}
.projectDetailTable{
	padding-left: 10px;
}
td.projectMetaCell {
	/* padding-left: 10px; */
	width: 160px;
	/* border-right: 1px solid #DEDEDE; */
}
td.projectMetaCell p {
	font-size: 0.95em;
	width: 160px;
	margin: 0 10px 14px 10px;
}
.projectMeta a, .projectMeta a:visited { color: #646464; }
.projectMeta a.webLink, .projectMeta a.webLink:visited { color: black; }
.projectMeta a:hover, .projectMeta a.webLink:hover { color: red; }
.projectMeta .disclaimer { color: #999; }
div.projectMeta {
	margin-top: 30px;

}
div.officeMeta {
	margin-top: 10px;
}

.architectural-note {

	color: #6C6C6C;	
}

td.articleImageCell, td.projectDescription {
	padding-top: 30px;
}

td.projectDescription p {
	width: 375px;
	margin: 0 10px 8px 10px;
}



#newBizHolder {
	position: absolute;
	top: 0;
	display: inline-block;
	width: 360px;
	font-size: 1.1em;
	line-height: 1.4em;
}
#newBizHolder p { margin: 0 0 1.1em 0 }

/*
.ui-slider { position: relative; text-align: left; width:960px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 2em; height: 1.5em; cursor: move; background-color: black; }

.ui-slider-horizontal { height: 1.5em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -1.2em; }
*/

div.site { 
	padding: 0px !important; 
	margin: 0 20px;
}
#loadingStatusBar {
	position: absolute;
	left: 0;
	top: 63px;
	background-color: rgba(255,255,255,0.93);
	width: 100%;
	height: 1.8em;
	z-index: 98;
	display: none;
	text-align: right;
	padding-top: 2px;
}
#loadingStatusBar span {
	color: red;
	position: relative;
	right: 50px;
	top: -4px;
	display: none;
}
#loadingStatusBar img {
	position: relative;
	right: 23px;
}

#scrollTrack{
	position: absolute;
	left: 0;
	top: 73px;
	border-top: 1px #BBB solid;
	width: 100%;
}
.scroll-pane { /* overflow: auto; */ width: 100%; float:left; }
.scroll-content { /* width: 8000px; */ float: left; }
.scroll-content-item { width: 100px; height: 100px; float: left; margin: 10px; font-size: 3em; line-height: 96px; text-align: center; }
* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: -1px -1px 3px -1px; }
.scroll-bar-wrap .ui-slider {  border:0; height: 2em; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:0em; height: 1.4em; }
.ui-slider-handle:focus { outline: none; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }

.ui-slider .ui-slider-handle {  
	
	background-color: black; 
	background-image: url(images/scroll_left.gif), url(images/scroll_right.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px, 99.5% 4px;
	cursor: pointer; 
	z-index: auto;
	
}

.scroll-bar-wrap span {
	position: absolute;
	color: #999;
	cursor: pointer;
	font-size: 0.9em;
	font-weight: bold;
}

#yearsHolder {
	position: absolute;
	z-index: 100;
	top: 9px;
	left: 3px;
}

#swipeScrollPane {

	/* position:relative; 
    z-index:1;*/
    width: 100%; /*your desired width, auto and 100% are fine */;
    /*height: 500px; element height */;
    overflow: hidden; /*hidden|auto|scroll */;
	display: -webkit-box;
}


/*
#swipeScrollPane {
	height: 500px;
}
*/

/*----------FOOTER------------*/
#footer{
	clear: both;
	margin-top: 10px;
}
#footer div.sub,
#footer ul.sub {
	float: left;
	border-right: 1px solid #DEDEDE;
	padding-right: 8px;
	margin-right: 8px;
}

#footer div.last {
	border: none;
	color: #999;
	margin-left: 8px;
}

#footer p {
	margin: 0;
}

#footer ul.sub {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #6c6c6c;
}
#footer ul.sub li {
	float:left;
	margin-right: 8px;
	padding-left: 18px;
}
#footer ul.sub li.twitter {
	padding-left: 20px;
}
#footer ul.sub li a, #footer ul.sub li a:visited {
	color: #6c6c6c;
}

/*----------PARTNERS------------*/
.partner img {
	border: 1px solid #666;
	max-width: 152px;
}
.partners .colDetail p {
	width: 370px;

}
.partnersDetail {
	/*
column-count: 2;
	column-gap: 15px;
	column-width: 100px;
*/
	/* width: 1800px; */
}
.partnersDetail p {
	
	margin: 0 10px 8px 10px;
}

.partnerName{
	margin-bottom: 15px;
}
#partnerBioHolder {

	/*
-webkit-column-width: 250px;
	height: 400px;
*/
}
#partnerBioHolder a, #partnerBioHolder a:hover { color: black; text-decoration: underline; }
#partnerBioHolder a:hover { color: red; text-decoration: underline; }

#partnerBioHolder .column {
	float: left;
	width: 300px;
}
.partnerName a, .partnerName a:visited { color: red; }
.partnerAsset {
	width: 150px;
	margin-bottom: 17px;
	padding-bottom: 3px;
	font-size: 0.9em;
}
.partnerAsset a, .partnerAsset a:visited { color: black; }
.partnerAsset a:hover { color: red; }

.partnerPublication p {
	margin: 0; 
}
.partnerPublication a, .partnerPublication a:visited, .partnerPublication a:hover { text-decoration: underline; }
.partnerVideo {
	border-bottom: 1px solid #CCC;
}

.partnerAssetColumn ul {
	list-style: none;
	padding-left: 0;
	font-size: 0.9em;
	width: 150px;
}
.partnerAssetColumn ul li {
	margin-bottom: 0.5em;
}
.partnerAssetColumn a, .partnerAssetColumn a:visited {
	text-decoration: underline;
	color: black;
}
.partnerAssetColumn a:hover { color: red; }
.partnerAssetColumn h3 {
	font-size: 1em;
	margin: 0 0 15px;
	text-transform: capitalize;
}

/*-------OFFICES---------*/
.officeAddress p  { margin-bottom: 0 !important; }

td.officeMetaCell {
	/* padding-left: 10px; */
	width: 250px;
	/* border-right: 1px solid #DEDEDE; */
}
td.officeMetaCell p {
	font-size: 0.95em;
	width: 250px;
	margin: 0 10px 14px 10px;
}
.officeMetaCell a, .officeMetaCell a:visited { color: red; }


/*-------HEIGHT WARNING---------*/
#heightWarning {
	display: none;
	background: rgba(255, 255, 255, 0.93);
	position: absolute;
	z-index: 50;
	left: 0;
	top: 55px;
	width: 100%;
	height: 220px;
	
}
#heightWarning h3 {
	margin: 40px 25px 0;
}
#heightWarning p {
	margin: 8px 25px 0;
	width: 350px;
}


/* searches */
.searches-menu,
.searches {

	font-family: "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", sans-serif;
}

.searches-menu {

	margin: 41px 0 0 0;	
}

.searches {
	
	margin: 100px 0 0 0;
	clear: both;
}

.searches-menu li,
.searches p {
	
	font-size: 1.2em;
}

.searches table {

	border-collapse: collapse;	
	width: 700px; /* same as 4 tiles */
}

.searches.top table {

	width: 328px; /* same as 2 tiles */
}

.searches table th,
.searches table td {

	font-size: 1em;	
	text-align: left;
	font-family: "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", sans-serif;
}

.searches table th:first-child {

	width: 40%;
}

.searches.top table th:first-child {

	width: 60%;	
}

.searches table tr.even {
	
	background-color: #efefef;
}

.searches-menu,
.searches ul {
	
	list-style-type: none;
	padding: 0;
}

.searches-menu li,
.searches ul li {
	
	display: block;
	float: left;
	margin: 0 0px 0 0;
}

.searches-menu li a,
.searches ul li a,
.searches-menu li span,
.searches ul li span {

	display: block;
	padding: 10px;
	border: 1px solid #efefef;	
}

.searches-menu a.current-page,
.searches ul li span.current-page,
.searches-menu li a:hover,
.searches ul li a:hover {
	
	background-color: #efefef;
	border: 1px solid #efefef;
}

/*-------404---------*/
#errorbody {
	min-height: 500px;

}



.touchScroll {
	position: relative;
}

.touchScrollBars {
	display: -webkit-box;
	padding: 3px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2147483647;
	-webkit-box-align: end;
	-webkit-box-pack: end;
	-webkit-box-sizing: border-box;
}

.touchScrollTrack {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.touchScrollTrackX {
	height: 6px;
}

.touchScrollTrackY {
	float: right;
	width: 6px;
}

.touchScrollBarsBoth {
	padding-bottom: 12px;
	padding-right: 12px;
}

.touchScrollBarsBoth .touchScrollTrackX {
	-webkit-transform: translateY(9px);
}

.touchScrollBarsBoth .touchScrollTrackY {
	-webkit-transform: translateX(3px);
}

.touchScrollHandle {
	border: 1px solid;
	min-height: 4px;
	min-width: 4px;
	-webkit-transition-property: -webkit-transform, height, width;
	-webkit-border-radius: 3px;

	/* COLOR VARIANTS */
/* Default */
	border-color: rgba(255, 255, 255, 0.15);
	background: rgba(0, 0, 0, 0.5);
/**/

/* White
	border-color: rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0.5);
/**/

/* Black
	border-color: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.5);
/**/
}

/*******SUPERFISH*********/

 
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			inherit; /* left offset of submenus need to match (see below) */
	/* background: white; */
	background: rgba(255,255,255,0.93);
	padding-bottom: 10px;
}
.sf-menu ul li {
	width:			100%;
}

.sf-menu li .clientTypes li {
	width: 150px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
 
/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.3em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: black;
}
.sf-menu li {
	/* background:		white; */
}
.sf-menu li li {
	/* background:		white; */
}
.sf-menu li li li {
	/* background:		white; */
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: 			red;
	outline:		0;
}
 
 
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/dd_arrow.gif') no-repeat 0 0; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.6em;
	background-position: 0 0px; /* use translucent arrow for modern browsers*/
}

.navGroupTop {
	border-top: 1px solid #DEDEDE;
	margin-top: 10px;
}

 
/*******END SUPERFISH*********/


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#loadingStatusBar span {

	display: inline;
}

	/*
#searchInputRight{ 

	width: 110px;

}
*/
}