/*
Theme Name: Zaha Hadid Architects Website
Theme URI: http://wordpress.org/
Description: A custom wordpress theme for the Zaha Hadid: Architects Website.
Version: 1.0
Author: Travis Hensgen 
Author URI: http://traversal.com.au/
Tags: 

This theme was built by Travis Hensgen (http://traversal.com.au)

*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/


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

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

nav ul { list-style:none; }

blockquote, q { quotes:none; }

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

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

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

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

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

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

input, select { vertical-align:middle; }

.panel .panel-content.zhd-logo {background: #fff;  width:200px;}
.zhd-logo-topper {background:url('images/zhd-logo.jpg') no-repeat center #fff; background-size:contain; width:100%; height:80px; display:block; margin-bottom:10px;}
.zhd-banner {background:url('images/vessels.html') no-repeat center #000; background-size:cover; width:200px; margin:0 -8px; height:80px; display:block;}
.zhd-text p{font-size:0.7em; color:#000 !important; cursor:pointer !important;}
.zhd-logo a:hover {text-decoration:none !important;}
/* END RESET CSS */


/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

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

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }



body {
  font-family: arial, sans-serif; 
  font-weight: normal;
	font-size: 75%; /* Resets 1em to 12px */
}


.ac {
	/* Hidden Elements - used for accessibility only */
	width: 0;
	height: 0;
	position: absolute;
	left: -9999px;
	top: -9999px;
}

a {
  cursor: pointer;
  color: #616161;
  outline: none; /* Aug-10 */
}


a:hover {
  color: #000;
}

.ir {
	/* Phark Image Replacement */
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  outline: none;
}


/* -- Form Elements -- */

input.text,
textarea,
select {
  font-size: 11px;
  font-family: arial, sans-serif;
  color: #333;
  padding: 3px 6px 2px 6px;
  border: none;
  border-bottom: 1px solid #666;
  background: #FFF;
}

input[type=text] {
  font-size: 11px;
  font-family: arial, sans-serif;
  color: #333;
  padding: 3px 6px 2px 6px;
  border: none;
  border-bottom: 1px solid #666;
  background: #FFF;
}

input.error {
  border-color: #D03023;  
}

input.text,
input.password,
textarea {
  background: url(images/input.png) repeat-x #C5C9CC;
  outline: none;
  clear: left;
}

input[type=text],
input[type=password] {
  background: url(images/input.png) repeat-x #C5C9CC;
  outline: none;
  clear: left;
}


.gfield_error input.text,
.gfield_error input[type=text],
.gfield_error input[type=password],
.gfield_error input.password,
.gfield_error textarea {
  background: url(images/gfield-error-input.html) no-repeat top right #C5C9CC;
  outline: none;
}

.validation_error {
  padding: 10px;
  color: #FFF;
  font-weight: bold;
  line-height: 18px;
  font-family: arial, sans-serif;
}


input.text:focus,
input.password:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: #333; 
}

#people-overseas-directors, .overseas-directors {display:none;} 
.single-person #people-overseas-directors, .single-person .overseas-directors {display:inline;} 

input.checkbox,
input.radio {
  width: 14px;
  height: 14px;
  margin: 0;
  padding: 0;
}

input.with-placeholder,
textarea.with-placeholder {
  color: #666;
}


.f {
  overflow: hidden;
  zoom: 100%;
  padding-bottom: 12px;
}

.f br {
  display: none;
}


.f input,
.f textarea {
  float: left;
}

.f select,
.fg select {
  float: left;
}

.f label,
.f .label {
  float: left;
  margin-top: 10px;
  margin-right: 8px;
  display: block;
  font-size: 1em;
  color: #3E3E3E;
}

.f .value {
  float: left;
  margin-top: 4px;
  margin-right: 2px;
  display: block;
}

.f input.checkbox, 
.f input.radio {
  margin-right: 4px;
  margin-top: 5px;
}

.f input.text,
.f select,
.f textarea {
  margin-right: 3px;
}


/* field help */
.f .fh {
  float: left;
  padding-top: 5px;
  color: #888;
  margin-left: 10px;
}

.f .fhu {
  clear: left;
  float: left;
  margin-top: 7px;
  color: #888;
  white-space: nowrap;
  display: block;
  position: relative;
}

.f .flag {
  margin-top: 1px;
  margin-left: 4px;
  float: left;
  width: 20px;
  height: 20px;
  padding: 0;
}

/* Field Groups */

.f .fg {
  float: left;
}

.fg .note {
  float: left;
}

.f .fg label {
  width: auto !important;
}

.fg input.text,
.fg select,
.fg textarea,
.fg .note {
  margin-right: 8px;
}



/* More Form Styles */

.f .note {
  font-size: 0.833em;
  color: #999999;
  margin-top: 3px;
  clear: left;
}
   
.form-section {
  border-bottom: 1px solid #EBEBEB;
}

.instruction {
  font-size: 0.917em;
  background: #EBF9FF;
  padding: 8px 10px;
  margin-bottom: 10px;
}

label.ac {
  width: 0 !important;
}

form p.intro {
  margin: 0.5em 0;
  line-height: 1.5em;
}

#form-main {
  z-index:10;
}






/* Custom Buttons */

button {
  cursor: pointer;
}

/* straight image replacement (single image fixed size) */
button.ir,
button.text,
.btg button {
  font-family: "arial", sans-serif; 
  margin: 0;
  padding: 0;
  display: block;
  border: none !important;
  background-color: transparent;
  background-repeat: no-repeat;
  cursor: pointer;
  text-decoration: none;
  position: relative; 
  text-indent: -9999px;
}

button.text {
  text-indent: 0;
  text-align: center;
}

.bt {
  /* class can be applied to either buttons or link tags */
	margin: 0;
	display: block;
  float: left;
	border: none;
	background-color: transparent;
	cursor: pointer;
  text-decoration: none;
	position: relative; 
	background-position: top right; 
	background-repeat: no-repeat;
  background-image: url(images/bt.html);
	padding: 0 5px 0 0;
  height: 31px;
  /* fixes problems in IE - doesn't affect other browsers */
	position: relative; 
	white-space: nowrap;
	outline: none;
	text-decoration: none !important;
  color: #FFF;
}

.bt span {
  display: block;
  line-height: 1.2em;
  background-image: url(images/bt-span.html);
  text-align: center; 
  position: relative;
}

.bt,
button.bt,
button.ir,
button.text,
.btg button
{
  position: relative;
	margin: 0;
	padding-left: 0;
	/* magical IE fix for unwanted right padding */
	overflow: visible;
	font-weight: normal;
}

button::-moz-focus-inner,
button span::-moz-focus-inner,
button.bt::-moz-focus-inner,
button.ir::-moz-focus-inner,
button.bt span::-moz-focus-inner,
.btg button::-moz-focus-inner { 
	border: none;
	padding-right: 0;
	padding-left: 0;
}


.bt span {
  font-weight: normal;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(images/bt-span.html);
  padding: 6px 8px 0px 13px;
  height: 25px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
}

.bt span span {
  height: 14px;
  background-position: 0;
  padding: 0;
}

.bt:hover,
.bt-hover {
  background-position: 100% -31px;
  text-decoration: none;
  color: #FFF;
}

.bt:hover span,
.bt-hover span {
  background-position: 0 -31px;
}

.bt:active {
  background-position: 100% -62px;
}

.bt:active span {
  background-position: 0 -62px;
}





.divider {
  background: url(images/divider.html) no-repeat top center;
}



/* Small Icon Buttons */

button.ic-sml,
a.ic-sml {
  width: 20px;
  height: 20px;  
}

.share {
  background: url(images/share.html) no-repeat;
}

.show-filters {
  background: url(images/show-filters.png) no-repeat;
}

.star {
  background: url(images/star.html) no-repeat;
}

.starred {
  background: url(images/starred.html) no-repeat;
}

.download {
  background: url(images/download.html) no-repeat;
}

.close {
  background: url(images/close.html) no-repeat;
}

.fullscreen {
  background: url(images/fullscreen.html) no-repeat;
}

.go {
  background: url(images/go.html) no-repeat;
}

.close-white {
  background: url(images/close-white.html) no-repeat;
}

.remove-white {
  background: url(images/button-close-white.png) no-repeat;
  width: 16px;
}

.fullscreen-white {
  background: url(images/fullscreen-white.html) no-repeat;
}

.go-white {
  background: url(images/go-white.html) no-repeat;
}

.download-white {
  background: url(images/download-white.html) no-repeat;
}

.share-white {
  background: url(images/share-white.html) no-repeat;
}

.star-white {
  background: url(images/star-white.html) no-repeat;
}


.delicious {
  background: url(images/delicious.html) no-repeat;
}

.facebook {
  background: url(images/facebook.html) no-repeat;
}

.twitter {
  background: url(images/twitter.html) no-repeat;
}

.linkedin {
  background: url(images/linkedin.html) no-repeat;
}

.google {
  background: url(images/google.html) no-repeat;
}

button.ic-lge,
a.ic-lge {
  width: 24px;
  height: 24px;  
}

.close-large {
  background: url(images/button-close-white.png) center center no-repeat;
  
}


/* -- IE6 PNG filters -- */

.ie6 .share {
  background: url(images/transparent.html);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/share.html', sizingMethod='crop');
}

.ie6 .star {
  background: url(images/transparent.html);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star.html', sizingMethod='crop');
}

.ie6 .show-filters {
  background: url(images/transparent.html);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/show-filters.png', sizingMethod='crop');
}


.ie6 .starred {
  background: url(images/transparent.html);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/starred.html', sizingMethod='crop');
}

.ie6 .download {
  background: url(images/transparent.html);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/download.html', sizingMethod='crop');
}

.ie6 .close {
  background: url(images/transparent.html);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/close.html', sizingMethod='crop');
}

.ie6 .fullscreen {
  background: url(images/transparent.html);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fullscreen.html', sizingMethod='crop');
}

.ie6 .go {
  background: url(images/transparent.html);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/go.html', sizingMethod='crop');
}

.ie6 .close-white {
  background: url(images/transparent.html);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/close-white.html', sizingMethod='crop');
}

.ie6 .remove-white {
  background: url(images/transparent.html);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button-close-white.png', sizingMethod='crop');
}

.ie6 .fullscreen-white {
  background: url(images/transparent.html);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fullscreen-white.html', sizingMethod='crop');
}

.ie6 .go-white {
  background: url(images/transparent.html);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/go-white.html', sizingMethod='crop');
}

.ie6 .close-large {
  background: url(images/transparent.html);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button-close-white.png', sizingMethod='crop');
}



/* jScrollPane */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	left: 12px;
	width: 4px;
	height: 100%;
}

.scroll-rt .jspVerticalBar {
  right: 0px;
  left: auto;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}


.jspHorizontalBar,
.jspVerticalBar,
.jspTrack {
	background: #C6C6C7;
}

.jspDrag {
	background:  #000000;
}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover {
	background: #333;
}


.page-overlay-content .jspDrag,
.black-content-panel .jspDrag, 
.panel .jspDrag {
  background: #C6C6C7;
}

.page-overlay-content .jspTrack,
.black-content-panel .jspTrack,
.panel .jspTrack {
  background: #3E3E3E;
}



/* -- Video Overlay -- */

.video-overlay {
  position: absolute;
  width: 800px;
  z-index: 100;
  left: 225px; /* 28 / 2 - 7 */
  top: 110px;
}

.video-overlay h2 {
  color: #FFF;
  font-size: 14px;
  font-weight: normal;
  font-family: "zaha", arial, sans-serif;
  padding-top: 6px;
}

.video-overlay .sdbc {
  background: #000;
  position: relative;
  padding: 2px 32px;
  height: 620px;
}

.video-overlay button.close {
  position: absolute;
  bottom: 16px;
  right: 14px;
}



/* -- Shadow (Liquid Panel) -- */




.sdh,  /* head */
.sdhl,
.sdhr {
  height: 7px;
  line-height: 0;
  font-size: 0;
}

.sdhl {
  padding-left: 7px;
}

.sdhr {
  padding-right: 7px;
}


.sdb, /* body */
.sdbl,
.sdbr {
}

.ie7 .sdb,
.ie7 .sdbl,
.ie7 .sdbr {
  overflow: hidden;
}


.sdbl {
  padding-left: 7px;
}

.sdbr {
  padding-right: 7px;
}

.sdf, /* foot */
.sdfl,
.sdfr {
  height: 7px;
  line-height: 0;
  font-size: 0;
}

.sdfl {
  padding-left: 7px;
}

.sdfr {
  padding-right: 7px;
}

.no-boxshadow .sdb, /* body */
.no-boxshadow .sdbl,
.no-boxshadow .sdbr {
}

.no-boxshadow .sdf, /* body */
.no-boxshadow .sdfl,
.no-boxshadow .sdfr {
  overflow: hidden;
  zoom: 100%;
}

.no-boxshadow .sdh, /* body */
.no-boxshadow .sdhl,
.no-boxshadow .sdhr {
  overflow: hidden;
  zoom: 100%;
}

.no-boxshadow .sdhl {
  background: url(images/sdhl.html) no-repeat top left;
}

.no-boxshadow .sdhr {
  background: url(images/sdhr.html) no-repeat top right;
}

.no-boxshadow .sdh {
  background: url(images/sdh.html) repeat-x;
}

.no-boxshadow .sdb {
  background: url(images/sdb.html) repeat;
}

.no-boxshadow .sdbl {
  background: url(images/sdbl.html) repeat-y top left;
}

.no-boxshadow .sdbr {
  background: url(images/sdbr.html) repeat-y top right;
}

.no-boxshadow .sdf {
  background: url(images/sdf.html) repeat-x;
}

.no-boxshadow .sdfl {
  background: url(images/sdfl.html) no-repeat bottom left;
}

.no-boxshadow .sdfr {
  background: url(images/sdfr.html) no-repeat bottom right;
}


.ie6 .sdhl {
  background: url(images/sdhl-2.html) no-repeat top left;
}

.ie6 .sdhr {
  background: url(images/sdhr-2.html) no-repeat top right;
}

.ie6 .sdh {
  background: url(images/sdh-2.html) repeat-x;
}

.ie6 .sdb {
  background: url(images/sdb-2.html) repeat;
}

.ie6 .sdbl {
  background: url(images/sdbl-2.html) repeat-y top left;
}

.ie6 .sdbr {
  background: url(images/sdbr-2.html) repeat-y top right;
}

.ie6 .sdf {
  background: url(images/sdf-2.html) repeat-x;
}

.ie6 .sdfl {
  background: url(images/sdfl-2.html) no-repeat bottom left;
}

.ie6 .sdfr {
  background: url(images/sdfr-2.html) no-repeat bottom right;
}

.sdb {
  -moz-box-shadow: 4px 4px 8px 0px #444;
  -webkit-box-shadow: 4px 4px 8px 0px #444;
  box-shadow: 4px 4px 8px 0px #444;
}

body.home .sdb {
  -moz-box-shadow: 4px 4px 8px 0px #000;
  -webkit-box-shadow: 4px 4px 8px 0px #000;
  box-shadow: 4px 4px 8px 0px #000;
}


/* remove box shadow */

.docked .sdhl,
.docked .sdhr,
.docked .sdh,
.docked .sdb,
.docked .sdbl,
.docked .sdbr,
.docked .sdf,
.docked .sdfl,
.docked .sdfr {
  background: none;
}

.docked .sdb {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}




/* -- Content -- */

.content {
  color: #333;  
}

.content p,
.content ul,
.content ol,
.content table,
.content blockquote,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content object {
  margin: 2em 0 0.5em 0;
}

.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  font-weight: bold;
  color: #333;
}

.content h2 + p,
.content h3 + p,
.content h4 + p,
.content h5 + p,
.content h6 + p {
  margin-top: 0em;
}

.content h2:first-child,
.content h3:first-child,
.content h4:first-child,
.content h5:first-child,
.content h6:first-child {
  margin-top: 0;
}

.content ol {
  list-style-type: decimal;
}

.content ol li {
  margin-bottom: 8px;
  padding-left: 20px;
}

.content ul {
  list-style-type: disc;
  padding-left: 20px;
  line-height: 1.5em;
}

.content ul li {
  margin-top: 8px;
}


.content p + ul,
.content p + ol {
  margin-top: 0px;
}

.content ul li:first-child,
.content ol li:first-child {
  margin-top: 0;
}

.content em {
  font-style: italic;
}

.content p {
  margin-top: 0px;
  margin-bottom: 1.5em;
  line-height: 1.5em;
}

.content strong {
  font-style: bold;
}

.content h2 {
  font-size: 24px; 
  font-weight: normal;
  margin-bottom: 14px;
  color: #333;
}

.content h3 {
  font-size: 16px; 
}

.content h4 {
  font-size: 14px; 
}

.content h5 {
  font-size: 1em;
}

.content h6 {
  font-size: 0.833em; /* 10 / 12 */  
}

.content p.intro {
  font-size: 14px;
  line-height: 19px;
  color: #333;
  font-family: "zaha", arial, sans-serif;
}


/* List Thumbnails */


.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope-hidden {
  visibility: hidden;
}


.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

ul.thumbs {
  margin-top: 0;
  overflow: hidden;
  zoom: 100%;
}

ul.thumbs li {
  float: left;
  margin: 0;
  padding: 0 0px 0px 28px; /* 28px gutters */
  display: block;
  width: 176px; /* 176px columns */
  height: 152px; /* 124 + 1 * 20 text lines*/
  overflow: hidden;
  font-size: 12px;
  position: relative;
  background: url(images/loading-4.html) no-repeat 80px 40px;
}

ul.thumbs li li {
  background: none;
}

ul.thumbs li .vvqbox {
  margin: 0;
}

ul.thumbs li .type {
  display: none;
  width: 168px;
  padding: 4px;
  color: #FFF;
  position: absolute;
  left: 28px;
  top: 0;
  background: #000;
  background: rgba(0,0,0,0.8);
}



ul.thumbs li a {
  color: #000;
  text-decoration: none;
}  

ul.thumbs li a img {
  display: block;
}

ul.thumbs li .caption {
  font-size: 11px;
}

ul.thumbs li a.caption {
  margin-top: 6px;
  display: block;
  width: 176px; /* 176px columns */
  height: 13px;
  overflow: hidden;
}
    
ul.thumbs li p {
  margin: 6px 0 0 0;
}

ul.thumbs li a.thumb-link {
  width: 176px; /* 176px columns */
  height: 124px; /* 124px thumbnails */
  overflow: hidden;
  display: block;
}

ul.thumbs li div.slideshow ul {
  height: 124px;
  overflow: hidden;
}

ul.thumbs li div.slideshow ul li {
  width: 176px; /* 176px columns */
  height: 124px; /* 124px thumbnails */
  margin: 0;
  padding: 0;
}

ul.thumbs li div.slideshow ul img {
  display: block;
}

ul.thumbs li h3 {
  padding-top: 4px;
  font-weight: normal;
}

ul.thumbs li.text a.tile {
  display: block;
  color: #FFF;
  background: #929699;
  height: 116px; /* 124 - 8 */
  position: relative;
  padding: 4px;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
}

ul.thumbs li.text a.tile:hover {
  background-color: #BABCBE;
  
}

ul.thumbs li.text h3 {
  font-family: "zaha", arial, sans-serif;
  font-size: 18px;
  padding-top: 0; 
}

ul.thumbs li.related-tile h3 {
  font-size: 16px;
}

ul.thumbs li.text span.dl {
  font-family: "zaha", arial, sans-serif;
  font-size: 15px;
  position: absolute;
  bottom: 2px;
}


#details ul.thumbs .caption {
  display: none;
}

ul.thumbs li.video .caption {
  display: none;
}

ul.thumbs li.video a.play,
.thumb-overlay .play {
  width: 176px;
  height: 124px;
  display: block;
  background: url(images/play.html) 80px 45px no-repeat;
  position: absolute;
  left: 28px;
  top: 0;
  z-index: 10;
  text-indent: -9999px;
}

ul.thumbs li.video a.play,
.thumb-overlay .play {
  background: url(images/play-2.html) 80px 45px no-repeat;
}
  
ul.thumbs li.video .vthumb {
  width: 176px;
  height: 124px;
  background: url(images/loading-4.html) center center no-repeat #000;
}

ul.thumbs li.video .vthumb-loaded {
  background: #000;
}     

/* Thumbnail Overays */

.thumb-overlay {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  z-index: 100;
  width: 202px;
}

.thumb-overlay .play {
  left: 13px;
  top: 13px;
}

.thumb-overlay .sdbc {
  padding: 6px;
  background: #FFF;
}

.thumb-overlay img {
  display: block;
}

.thumb-overlay a {
  text-decoration: none;
}


.thumb-overlay .sdh,
.thumb-overlay .sdf {
  width: 188px; /* IE needs this */
}

.thumb-overlay .caption {
  padding: 6px 0 0 0;
  display: block;
  font-size: 11px;
  width: 176px; 
}

.thumb-overlay .buttons {
  overflow: hidden;
  zoom: 100%;
  padding-top: 10px;
  padding-bottom: 4px;
}

.thumb-overlay .buttons .share-links {
  float: left;
}

.thumb-overlay .buttons .close {
  float: right;
}

.thumb-overlay .share-project {
  margin-top: 6px;
  border-top: 1px solid #ccc;
  padding-top: 6px;
  display: none;
}

.thumb-overlay .share-project h1 {
  font-weight: bold;
  font-size: 12px;
  font-family: sans-serif;
}

.thumb-overlay .share-project input.text,
#share-panel .share-project input.text {
  border-bottom: none;
  font-size: 12px;
  color: #FFF;
  margin-top: 6px;
  padding: 6px 4px 2px 4px;
  border-left: 1px solid #999 !important;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999 !important;
  width: 144px;
  margin-right: 4px;
  float: left;
}


.thumb-overlay .share-project .input-wrap,
#share-panel .share-project .input-wrap {
  overflow: hidden;
  position: relative;
}

#share-panel .share-project .input-wrap input.text {
  width: 134px;
}


.thumb-overlay .share-project .title,
#share-panel .share-project .title {
  overflow: hidden;
  zoom: 100%;
}

.thumb-overlay .share-project .title h1,
#share-panel .share-project .title h1 {
  float: left;
}

.thumb-overlay .share-project .input-wrap button.clipboard,
#share-panel .share-project .input-wrap button.clipboard {
  width: 16px;
  height: 16px;
  margin-top: 9px;
  background: url(images/clipboard.html);
  float: left;
}

.thumb-overlay .share-project .input-wrap,
#share-panel .share-project .input-wrap {
  cursor: pointer;
}


/* -- Share Panel -- */

#share-panel {
  position: absolute;
  width: 190px;  
  display: none;
  z-index: 20;
}

.ie6 #share-panel {
  margin-top: -1px;
}

#share-panel h1 {
  font-weight: bold;
  font-size: 12px;
  font-family: arial, sans-serif;
}

#share-panel p {
  font-weight: normal;
  font-size: 12px;
  padding-top: 10px;
}

#share-panel .sdbc {
  padding: 6px;
  background: #FFF;
  min-height: 116px;
}

.ie6 #share-panel .sdbc {
  height: 116px; /*  min-height */
}

#share-panel .share-project input.text {
  width: 156px;
  height: 16px;
}


/* -- Download Panel -- */

#download-panel {
  position: absolute;
  width: 394px;  
  display: none;
  z-index: 20;
}

#download-panel .sdbc {
  padding: 10px;
  background: #FFF;
  text-align: right;
}


/* -- Page Overlay -- */

.stub {
  display: none;
  position: absolute;
  top: 80px;
  z-index: 40;
}

.page-overlay {
  position: absolute;
  left: 7px; /* 28 / 2 - 7 */
  top: 80px;
  z-index: 100;
}

body.home .stub {
  z-index: 80;
}


.page-overlay .close-large {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 50;
}

#zha-world .close-large {
  right: 10px;
  top: 10px;
}

.stub .page-overlay {
  top: 0px;
}


.page-overlay .spinner {
  height: 380px;
  font-family: "zaha", arial, sans-serif;
  font-size: 36px;
  background: url(images/loading.gif) center center no-repeat;
  font-weight: normal;
  color: #FFF;
  text-align: center;
  padding-top: 200px;
  position: absolute;
  width: 100%;
  z-index: 50;
}


.page-overlay-2 {
  width: 422px; /* (176 * 2) + (28 * 2) + (7 * 2) */
}

.page-overlay-3 {
  width: 612px; /* (176 * 3) + (28 * 3) + (7 * 2) */
}

.page-overlay-4 {
  width: 830px; /* (176 * 4) + (28 * 4) + (7 * 2) */
}

.page-overlay-5 {
  width: 1034px; /* (176 * 5) + (28 * 5) + (7 * 2) */
}

.page-overlay .sdbc {
  background: #000;
  padding: 0px;
  height: 650px;
}


body.complete .page-overlay .sdbc {
  padding: 14px;
}

.page-overlay .sdbc iframe {
  position: absolute;
  top: 7px;
  left: 7px;
  background: #000;
}


.page-overlay-content {
  color: #FFF;
  overflow: hidden;
  zoom: 100%;
  background: #000;
  position: relative;
}

.page-overlay-content h1 {
  font-family: "zaha", sans-serif;
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 1em;
}


.page-overlay-content .summary {
  width: 176px;
  float: left;
  margin-right: 28px;
}

.ie6 .page-overlay-content .summary {
  margin-right: 14px;
}

.page-overlay-content .summary .post-content {
  height: 570px;
  padding-right: 14px; /* allows for scroller */
}

.page-overlay-content .feature {
  float: left;
}

.page-overlay-content-2 .summary {
  width: 380px; /* (176 * 2) + (28 * 1) */ 
}

.page-overlay-content-2 .summary .scroll {
  width: 360px;
  padding-right: 20px;
}


.page-overlay-content-5 .feature {
  width: 764px; /* (176 * 4) + (28 * 3) */ 
  height: 200px;
}




  



/* Attributes */

ul.attributes {
  border-top: 1px solid #E5E5E5;
  padding: 0;
  margin: 10px 0;
  font-size: 11px;
}

ul.attributes li {
  list-style-type: none;
  margin: 0;
  border-bottom: 1px solid #E5E5E5;
  padding: 3px 0 0px 0;
}

ul.attributes li sup {
  vertical-align: super;
  font-size: 8px;
  padding-left: 0;
  margin-top: -6px;
}



/* -- Structural -- */

* {
	margin: 0;
}

body {
  padding-bottom: 60px;
}

html {
background-color: transparent;
}

body.partial {
  background-color: #000;
  padding: 14px; /* (28 / 2) */


}

#wrap {
  /*width: 1252px; /* = gutters + columns = ( 7 * 28 ) + ( 6 * 176 ) */
}

body.home #wrap {
  width: 100%;
}


/* -- Header -- */

h1#logo {
  position: absolute;
  top: 24px;
  left: 28px; /* 28px gutters */
  z-index: 100;
}

h1#logo a {
  display: block;
  height: 28px;
  width: 327px;
  background-image: url(images/header-main-h1-black.html);
}

.ie6 h1#logo a {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header-main-h1-black.html', sizingMethod='crop');
}






/* -- Draggable Panels ------------------------ */

.draggable {
  position: absolute;
  top: 17px;
  z-index: 50;
}

.draggable a {
  cursor: pointer;
}

.draggable p,
.draggable ul {
  cursor: text;
}

.panel .menu-content {
  display: none;
}

.panel button.close {
  width: 12px;
  height: 12px;
  float: right;
  background: url(images/button-close-white.png) no-repeat;
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}

.ie6 .panel button.close {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button-close-white.png', sizingMethod='crop');
  margin-right: 3px;
}

  
.panel {
  width: 190px; /* 176px + 14 for shadows */
    box-shadow: 0 0 0 !important;
}

.panel header {
  color: #FFF;
  overflow: hidden;
  zoom: 100%;
  display: block;
  
}

.docked header {
  cursor: pointer;
}

.docked header:hover {
  background-color: #363435;
}

.docked header.menu-shown {
  cursor: move;
}

.panel nav.menu li {
  overflow: hidden;
  zoom: 100%;
}

.panel nav.menu li a,
.panel li.nav a {
  display: block;
  border-top: 1px solid #3A383A;
  padding: 5px 6px; 
}

.panel li.nav a {
  border-top: none;
}

.panel nav.menu li a.current,
.panel nav.menu li a.current-overlay,
.panel li.nav a.current,
.panel li.nav a.current-overlay,
a.menu-shown {
  background-color: #4E4E50;
}

.panel nav.menu li a:hover,
.panel li.nav a:hover {
  background-color: #716f70;
  text-decoration: none;
}

.panel header {
    background: red;
    background: -webkit-linear-gradient(left,#6f6f6f,#ff3c3c);
    background: -o-linear-gradient(right,#6f6f6f,#ff3c3c);
    background: -moz-linear-gradient(right,#6f6f6f,#ff3c3c);
    background: linear-gradient(to left, #6f6f6f, #ff3c3c);
    /* ReSharper disable once HexColorValueWithAlpha */
    box-shadow: 0px 2px 3px 1px #ffffff;
}

#featured-projects-panel header {
  background: transparent;
}

.panel header h1,
.panel header label {
  padding: 8px 8px 4px 8px;
  float: left;
}

body.home .panel header h1,
body.home .panel header label {
  float: left;
}

.panel header.trigger h1,
#search-panel #label-term {
  font-family: arial, sans-serif;
  font-weight: normal;
  padding: 5px 8px 4px 6px
}


.panel header label {
  font-weight: normal;
}

.panel .desc {
  padding: 8px 8px 8px 8px;
  line-height: 16px;
}


.panel article {
  padding: 8px;
}

.panel .panel-content {
  background: #3A383A;
  border-radius: 5px; 
}

.panel .panel-content h1,
.panel .panel-content h2,
.panel .panel-content h3,
.panel .panel-content time,
.panel .panel-content a {
  color: #FFF;
}


.panel .panel-content p {
  color: #DDD;
}

.panel-content a {
  color: #FFF;
  text-decoration: none;
}

.panel-content a.more {
  text-decoration: underline;
}

.panel-content a:hover {
  text-decoration: underline;
}

.panel a.more {
  padding: 8px;
  display: block;
}

body.home .panel {
  width: 210px; /* The home panels are slightly wider to allow for more content */
}


body.home .panel button.close {
  display: none;
}
 
body.home .panel .menu-content {
  display: block;
}

body.home .panel header {
  cursor: move;
}

body.home .panel header h1 {
  font-weight: 300;
}

body.home .panel header:hover {
  background: #6f6f6f;
}



/* -- About Us Panel -- */

body.home #about-us-panel article h1 {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
  padding-bottom: 20px;
}

body.home #about-us-panel #about-us-video {
  display: none;
}

body.home #about-us-panel #about-us-video div {
  padding-top: 10px;
  padding-left: 10px;
}

body.home #about-us-panel .panel-content {
  width: 196px;
  overflow: hidden;
  position: relative;
  min-height: 290px;
}

.ie6 body.home #about-us-panel .panel-content {
  height: 290px;
}

body.home #about-us-panel article {
  width: 180px;
}

body.home #about-us-panel aside {
  position: absolute;
  top: 0;
  left: 180px;
  width: 400px;
}

body.home #about-us-panel #about-us-close {
  position: absolute;
  top: 6px;
  right: 10px;
}



/* -- News Panel -- */

body.home #news-panel .scroll {
  width: 180px;
  padding-right: 4px;
  height: 404px;
  margin-bottom: 10px;
}

body.home #news-panel h1 {
  padding-bottom: 12px;
}



body.home #news-panel article {
  padding-top: 0;
  padding-bottom: 10px;
}

body.home #news-panel article h1,
body.home #news-panel article time {
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 4px;
  padding-bottom: 0;
  display: block;
}




/* - Panel Docks */

.panel-dock {
  background-color: #7E7E7E;
  color: #FFF;
  position: absolute;
  top: 24px;
  width: 176px; /* 176px columns */
  z-index: 0;
}

.panel-dock span {
  display: block;
  padding: 5px 6px 3px 6px;
}

.panel-dock-hl {
  background-color: #CCC;
}

.panel-dock-target {
  outline: 1px solid #000;
}



#search-panel-dock {
  left: 436px; /* (3 * 28) + (2 * 176) */
}

#search-panel {
  left: 429px; /* 436 - 7 (shadow) */
}

#studio-panel-dock {
  left: 640px; /* (4 * 28) + (3 * 176) */
}

#studio-panel {
  left: 633px; /* 640 - 7 (shadow) */
}

#related-projects-panel-dock {
  left: 844px; /* (5 * 28) + (4 * 176) */
}

#related-projects-panel {
  left: 837px; /* 844 - 7 */
}


#your-zha-panel-dock {
  left: 1048px; /* (6 * 28) + (5 * 176) */
}

#your-zha-panel {
  left: 1041px; /* 1048 - 7 */
}




   
.dragging {
  z-index: 100 !important;
}

.dragging .sdb {
  -moz-box-shadow: 6px 6px 13px 3px #111;
  -webkit-box-shadow: 6px 6px 13px 3px #111;
  box-shadow: 6px 6px 13px 3px #111;
}



/* -- Projects Panel (Search) */

#search-panel {
  color: #FFF;
}

#search-panel #label-term {
  display: block;
  color: #FFF;
  border: none;
}

#search-panel #wrap-term {
  padding: 4px 6px 2px 6px;
  background: url(images/wrap-term.png) repeat-x #C5C9CC;
  overflow: hidden;
  zoom: 100%;
}

#search-panel #projects-loading {
  background: url(images/projects-loading.gif) no-repeat 6px 4px #000;
  text-align: left;
  display: none;
  color: #FFF;
  padding-left: 28px;
  padding-top: 5px;
  height: 22px;
  clear: left;
  font-size: 11px;
  color: #ccc;
  border-top: 1px solid #3A383A;
}

#search-panel #wrap-term button {
  float: right;
  color: #000;
  padding: 4px;
}

#search-panel #wrap-term button:focus {
  background: #DAE1F3;
}

#search-panel .panel-content {
  width: auto;
  height: auto;
}

#search-panel input#term {
  width: 114px;
  float: left;
  color: #000;
  padding: 4px 0;
  border: none;
  background: transparent;
  -webkit-appearance: caret;
}

#search-panel label,
#search-panel a.reset {
  display: block;
  padding: 5px 6px;
  border-bottom: 1px solid #3A383A;
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
}

#search-panel .filter-group label {
  border-bottom: none;
}

#search-panel .filter-group li label {
  border-top: 1px solid #222;
}

#search-panel #search-types li.with-filter {
  position: relative;
}


#search-panel #search-types .show-filters {
  position: absolute;
  z-index: 10;
  right: -1px;
  top: 5px;
  display: none;
}

#search-panel a.reset {
  display: none;
}

#search-panel #search-types label {
  font-size: 12px;
  cursor: pointer;
  font-weight: normal;
  border-bottom: none;
}

#search-panel #search-types .items label {
  background: #1D1D1D;
  font-size: 11px;
  color: #6E6E6E;
  padding: 4px 8px;
}

#search-panel #search-types .items label.checked {
  background: #4E4E50;
  color: #FFF;
}

#search-panel #search-types label:hover {
  background-color: #363435 !important;
}

   
#search-panel #search-types label input {
  float: right;
}

form label.checked {
  background-color: #424242;
}

form label.pretty,
form .gfield_radio li.pretty {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  zoom: 100%;
}

form label.pretty input,
form .gfield_radio li.pretty input {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

#search-panel #search-types li {
  position: relative;
  list-style: none;
    background: #3A383A;
    border-bottom: 1px solid #737171;
  overflow: visible;
} 

#search-panel #search-types li.flat label {
  border-bottom: none;
}


#search-panel .filters {
  width: 160px;
  position: absolute;
  left: 167px;
  top: -7px;
  z-index: 10;
}

#search-panel .filters .panel-content {
  border: none;
  width: 146px;
}

#search-panel .filters header {
  overflow: hidden;
  zoom: 100%;
  padding: 5px 6px 6px 6px;
}

#search-panel .filters header:hover {
  background-color: #520a0a;
}
   
#search-panel .filters header h4 {
  font-weight: normal;
  float: left;
}

#search-panel .filters header button.remove {
  float: right;
  text-indent: -9999px;
  margin-right: 0;
  margin-top: 1px;
  background-position: top right;
}


#search-panel .filters .items,
#search-panel .tab-content {
  display: none;
}
 
.ui-accordion .ui-accordion-content { 
  overflow:hidden !important; 
}

/* -- Featured Projects */

#featured-projects-panel {
  width: 302px;
}

#featured-projects-panel {
  height: 196px;
}


#featured-projects-panel .panel-content {
  height: 196px;
  overflow: hidden;
}



#featured-projects-panel .row {
  padding: 0;
  margin: 0;
  height: 196px;
  overflow: hidden;
}

#featured-projects-panel header {
  cursor: pointer;
}

#featured-projects-panel li h2 a {
  width: 266px;
  position: absolute;
  line-height: 18px;
  display: block;
  background: url(images/px-grey-transparent.png);
  z-index: 30;
  font-size: 12px;
  color: #eee;
  padding: 6px 10px;
}

#featured-projects-panel li h2 a:hover,
#featured-projects-panel:hover h2 a {
  text-decoration: none;
  background: url(images/px-grey-transparent-hover.html);
}


.ie6 #featured-projects-panel h1, .ie6 #featured-projects-panel li h2,
.ie7 #featured-projects-panel h1, .ie7 #featured-projects-panel li h2,
.ie8 #featured-projects-panel h1, .ie8 #featured-projects-panel li h2 {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/px-grey-transparent.png', sizingMethod='scale');
}

#featured-projects-panel li h2 {
  top: 34px;
  z-index: 10;
  padding-top: 0px;
  width: 266px;
  line-height: 1.3em;
}

#featured-projects-panel h2 a {
  font-weight: normal;
}

#featured-projects-panel ul {
  list-style: none;
}


#featured-projects-panel .row {
  height: 196px;  
  float: none;
}

#featured-projects-panel li.col {
  position: relative;
  float: left;
  width: 286px;
  height: 196px;
}

#featured-projects-panel .slideshow {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 196px;
  width: 286px;
}


#featured-projects-panel .row ul {
  height: 196px;
  overflow: hidden;
  list-style: none;
}

#featured-projects-panel .row li {
  display: block;
  width: 286px;
  height: 196px;
  position: relative;
}

#featured-projects-panel .slideshow li a {
  display: block;
  width: 286px;
  height: 196px;
}

#featured-projects-panel .slideshow li a img {
  display: block;
}

#featured-projects-panel header:hover,
#search-panel header label:hover {
  background-color: transparent !important;
}

#featured-projects-panel #slideshow-featured-projects {
  width: 286px;
  height: 196px;
  overflow: hidden;
}

  
/* -- Related Projects -- */


#related-projects-panel li {
  display: block;
  position: relative;
}

#related-projects-panel li a:hover {
  text-decoration: none;
  position: relative;
} 

#related-projects-panel li h3 {
  font-weight: normal;
  padding: 6px 6px 0px 6px;
  line-height: 20px;
  height: 22px; 
  overflow: hidden;
  font-size: 12px;
}

#related-projects-panel .desc {
  padding-bottom: 8px;
  color: #999;
  height: 60px;
}



#related-projects-panel li h3 a:hover {
  text-decoration: underline;
}

#related-projects-panel li .related-by {
  display: block;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  height: 24px;
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 30;
  font-size: 11px;
  color: #eee;
}

#related-projects-panel li .related-by span {
  display: block;
  padding: 6px;
}

.ie6 #related-projects-panel li .related-by,
.ie7 #related-projects-panel li .related-by,
.ie8 #related-projects-panel li .related-by {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000066,endColorstr=#00000066);
}


#related-projects-panel li {
  
}


/* -- Control Panel -- */

#control-panel {
  z-index: 80;
  width: 314px;
}

#control-panel .panel-content {
  width: 300px;
  font-size: 12px;
  height: 30px;
  padding: 0;
}


#control-panel-buttons {
  float: right;
}

#control-panel a {
  float: left;
  display: block;
  width: 100px;
  text-align: center;
  text-decoration: none;
  height: 30px;
  display: block;
  font-size: 12px;
  color: #FFF;
}

#control-panel #control-panel-enter-archive {
  border-left: none !important;
  width: 200px;
  background: url(images/control-panel-enter-archive.png) no-repeat;
  text-indent: -9999px;
}

#control-panel #control-panel-enter-archive:hover {
  background-position: 0 -60px;
}

#control-panel #control-panel-organise,
#control-panel #control-panel-hide-show {
  width: 50px;
  background-repeat: no-repeat;
  display: block;
  text-indent: -9999px;
}

#control-panel #control-panel-organise.organise,
#control-panel #control-panel-hide-show.hidden {
  background-position: 0 -30px;
}

#control-panel #control-panel-organise {
  background-image: url(images/control-panel-organise.png);
}

#control-panel #control-panel-hide-show {
  background-image: url(images/control-panel-hide-show.png);
}

#control-panel #control-panel-organise:hover,
#control-panel #control-panel-hide-show:hover {
  background-position: 0 -60px;
}

#control-panel #control-panel-organise:hover.organise,
#control-panel #control-panel-hide-show:hover.hidden {
  background-position: 0 -90px;
}


#control-panel .panel-content::before{
        background: red;
    background: -webkit-linear-gradient(left,#6f6f6f,#ff3c3c);
    background: -o-linear-gradient(right,#6f6f6f,#ff3c3c);
    background: -moz-linear-gradient(right,#6f6f6f,#ff3c3c);
    background: linear-gradient(to left, #6f6f6f, #ff3c3c);
    box-shadow: 0px 2px 3px 1px #520a0a;
}



/* -- Your ZHA Panel -- */

#your-zha-panel {
  display: none;
}

.ie6 #your-zha-panel .panel-content {
}

#your-zha-panel #existing-users label {
  color: #FFF;
  padding: 5px 6px 4px 6px;
  font-size: 11px;
  display: block; 
  width: 150px;
}

#your-zha-panel input.text,
#your-zha-panel input.password {
  width: 162px;
}

#your-zha-panel .form-controls {
  border-top: 1px solid #282828;
  overflow: hidden;
  zoom: 100%;
  padding: 8px;
}

#your-zha-panel #existing-users .form-controls a.text {
  margin-right: 0;
}


.ie6 #your-zha-panel .form-controls,
.ie7 #your-zha-panel .form-controls {
  padding: 4px 6px 6px 6px;
}

.ie6 #existing-users .form-controls a.text,
.ie7 #existing-users .form-controls a.text {
  padding-top: 1px;
}


#your-zha-panel #new-users {
  overflow: hidden;
  zoom: 100%;
}

body.home #your-zha-panel input.text,
body.home #your-zha-panel input.password {
  width: 188px;
}

#your-zha-panel .user-summary {
  padding: 6px;
}

#your-zha-panel .user-summary p {
  margin-bottom: 6px;
}


#your-zha-panel .gfield_description {
  color: #FFF;
}

#your-zha-panel .gfield_error {
  
}


#your-zha-panel button.text,
#your-zha-panel a.text {
  border: none !important;
  color: #CCC;
  display: block;
  padding: 0;
  float: left;
  margin-right: 18px;
  font-family: "arial", sans-serif; /* it seems that native controls cannot be styled with web fonts. joy! */  
  font-size: 11px;
}

#your-zha-panel button.text:hover,
#your-zha-panel a.text:hover {
  color: #FFF;
  background: none !important;
}

#your-zha-panel #new-users a.text,
#your-zha-panel #new-users button#gform_submit_button_2 {
  padding: 7px 0px 5px 8px; /* unfortunately, we can't zero the padding, and pad out the container, since gravity forms is rendering part of these controls and the other is static */
  margin-right: 10px;
}

.ie6 #your-zha-panel #new-users button#gform_submit_button_2,
.ie7 #your-zha-panel #new-users button#gform_submit_button_2 {
  padding: 4px 0px 2px 4px; /* IE 6,7 apply 2 pixel borders around these that appear to be unremovable */
  margin-right: 10px;
}

.ie6 #your-zha-panel #new-users a.text,
.ie7 #your-zha-panel #new-users a.text {
  padding: 5px 0px 2px 4px;
}


#your-zha-panel #new-users .industry {
  overflow: hidden;
  zoom: 100%;
  border-bottom: 1px solid #282828;
}

  
#your-zha-panel #new-users .industry label {
  padding: 5px 6px 3px 6px;
  background: #1D1D1D;
  display: block;
  color: #FFF;
  cursor: block;
}

#your-zha-panel #new-users .industry .gfield_label {
  border-bottom: 1px solid #282828;
  cursor: pointer;
}


#your-zha-panel #new-users .industry .menu-shown {
  background-color: #4E4D52;
}


#your-zha-panel #new-users .industry .gfield_radio label:hover {
  background: #363435;
  font-size: 11px;
}

#your-zha-panel #new-users .industry .gfield_radio li {
  font-size: 11px;
  cursor: pointer;
}

#your-zha-panel #new-users .industry li.checked label {
  background-color: #4e4d52;
}
    
#your-zha-panel .desc {
  color: #FFF;
}

#your-zha-panel .desc p {
  margin-bottom: 0;
}

#your-zha-panel .validation_message,
#your-zha-panel .login_error {
  padding: 4px 6px 6px 6px;
  font-size: 11px;
  line-height: 16px;
  color: #FFF;
}

#your-zha-panel #gforms_confirmation_message {
  color: #FFF;
  line-height: 18px;
  padding: 8px;
}

#your-zha-panel #form-logout {
  overflow: hidden;
  zoom: 100%;
  padding: 0px;
}

#your-zha-panel #form-logout button.text {
  padding: 0px !important;
}

#your-zha-panel #form-logout.form-controls {
  padding: 2px;
}


#your-zha-panel #your-zha-asset-packs {
  border-top: 1px solid #3A383A;
}

#your-zha-panel #your-zha-asset-packs p {
  margin-bottom: 4px;
  padding: 6px;
}

#your-zha-panel #your-zha-asset-packs h2 {
  font-size: 12px;
  padding: 6px 6px 2px;
  margin: 0;
}

#your-zha-panel #your-zha-asset-packs ul {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}

#your-zha-panel #your-zha-asset-packs ul li {
  margin: 0;
}

#your-zha-panel #your-zha-asset-packs li a {
  background: url(images/download-white.html) no-repeat 6px 4px;
  padding: 6px 6px 6px 30px;
  display: block;
}

#your-zha-panel #your-zha-asset-packs li a:hover {
  background-color: #333;
  text-decoration: none;
}

#your-zha-panel #your-zha-starred {
  border-top: 1px solid #3A383A;
  overflow: hidden;
  zoom: 100%;
}

#your-zha-panel #your-zha-starred p {
  margin-bottom: 8px;
}

#your-zha-panel #your-zha-starred h2 {
  padding: 6px 6px 0px 6px;
  font-size: 12px;
  margin-bottom: 0px;
}

#your-zha-panel #your-zha-starred ul {
  list-style: none;
  padding: 0;
  margin: 0px 0;
  overflow: hidden;
  zoom: 100%;
}

#your-zha-panel #your-zha-starred li {
  padding: 6px 2px 2px 6px;
  margin-top: 6px;
  overflow: hidden;
  zoom: 100%;
}

#your-zha-panel #your-zha-starred li:first-child {
  margin-top: 0px;
}

#your-zha-panel #your-zha-starred li:hover {
  background-color: #333;
  cursor: pointer;
}

#your-zha-panel #your-zha-starred a:hover {
  text-decoration: none;
}

#your-zha-panel #your-zha-starred a.thumb {
  float: left;
  margin-right: 6px;
  display: block;
}

#your-zha-panel #your-zha-starred li .info {
  width: 84px;
  float: left;
}

body.home #your-zha-panel #your-zha-starred li .info {
  padding-right: 20px;
}

#your-zha-panel #your-zha-starred li .buttons {
  float: left;
  margin-left: 6px;
}

#your-zha-panel #your-zha-starred li .buttons .ir {
  width: 16px;
  height: 16px;
  background-position: center center;
  margin-bottom: 4px;
}


#your-zha-panel #your-zha-starred h3 {
  padding-top: 2px;
  font-size: 11px;
  font-weight: normal;
  line-height: 13px;
}


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



#wrap-content {
  padding: 0 28px; /* 28px gutters */
  margin-top: 89px;
  width: 1198px;
}

body.home #wrap-content {
  margin-top: 0;
  width: auto;
}


#content {
  font-size: 12px;
}



/* -- Styles for Specific Pages -- */


/* Default Locations */

/* -- Home Page */

body.home #about-us-panel {
  top: 63px;
  left: 10px;
}

body.home #news-panel {
  top: 176px;
  left: 286px;
  z-index: 61;
}

body.home #contact-us-panel {
  top: 324px;
  left: 122px;
  z-index: 60;
}

body.home #contact-us-panel article h1 {
  font-weight: 300;
}

body.home #your-zha-panel {
  top: 328px;
  right: 64px;
  left: auto;
}

body.home #search-panel {
  top: 52%;
  left: 48%;
}

body.home #featured-projects-panel {
  top: 73px;
  right: 10px;
}

body.home #control-panel {
  top: 38%;
  left: 38%;
}

body.home h1#logo a {
  background-image: url(images/header-main-h1-white.png);
}

.ie6 body.home h1#logo a {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header-main-h1-white.png', sizingMethod='crop');
}

body.home #header-main {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
}


body.home #slideshow {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

body.home #slideshow-loader {
  position: absolute;
  width: 160px;
  height: 24px;
  z-index: 75;
  left: 50%;
  top: 50%;
  margin-left: -66px;
  margin-top: -12px;
  background: url(images/loading.gif) no-repeat;
  display: none;
  opacity: 0.5;
}

body.home #slideshow-buttons button {
  position: absolute;
  z-index: 200;
}

button.left,
button.right,
button.up,
button.down {
  background-position: center center;
  background-repeat: no-repeat;
}


button.up,
button.down {
  width: 200px;
  height: 80px;
  left: 50%;
  margin-left: -100px;
}

button.left,
button.right {
  width: 80px;
  height: 200px;
  top: 50%;
  margin-top: -100px;
}

button.right {
  right: 0;
}

body.home #slideshow-buttons button.down {
  bottom: 0;
}


button.up {
  background-image: url(images/button-up.png)
}

button.down {
  background-image: url(images/button-down.png)
}

button.right {
  background-image: url(images/button-right.png)
}

button.left {
  background-image: url(images/button-left.png)
}

button.up.active {
  background-image: url(images/button-up-hover.png)
}

button.down.active {
  background-image: url(images/button-down-hover.png)
}

button.right.active {
  background-image: url(images/button-right-hover.png)
}

button.left.active {
  background-image: url(images/button-left-hover.png)
}

.ie6 button.up {
  background-image: url(images/button-up.html)
}

.ie6 button.down {
  background-image: url(images/button-down.html)
}

.ie6 button.right {
  background-image: url(images/button-right.html)
}

.ie6 button.left {
  background-image: url(images/button-left.html)
}

body.home {
  background: #1d1d1d;
}

body.home #slideshow-images {

  height: 100%;
  width: 100%;
}

body.home #slideshow-images li.row {
  overflow: hidden;
  display: block;
  float: none;
}

body.home #slideshow-images li.col {
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
}

body.home #slideshow-images li img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

body.home #slideshow-images ul {
  overflow: hidden;
}


aside#results-share-links {
  margin-bottom: 10px;
  overflow: hidden;
  zoom: 100%;
  width: 100%;
  font-size: 12px;
}

aside #results-count,
aside nav#page-nav {
  margin-top: 0;
  width: 176px; /* 176px columns */
  float: left;
}

aside #results-count {
  height: 1em;
}

aside #results-count a {
  text-decoration: none;
  color: #000;
}

aside #results-count a:hover {
  text-decoration: underline;
}


aside #section-links {
  margin-left: 28px; /* 28px gutters */
  float: left;
}

aside #share {
  float: left;
}

ul.share-links,
ul.social-media-links {
  list-style: none;
  margin: 0;
  overflow: hidden;
  zoom: 100%;
}

ul.share-links li {
  margin-left: 6px;
  float: left;
}

ul.share-links li.loading {
  width: 20px;
  height: 20px;
  background: url(images/share-links-loading.html) no-repeat center center;
  display: none;
}

ul.social-media-links li {
  margin-left: 8px;
  float: left;
}

ul.social-media-links {
  padding-top: 6px;
}

ul.social-media-links li {
  margin-left: 6px;
}

ul.share-links li.first,
ul.social-media-links li.first {
  margin-left: 0;
}




aside#results-share-links ul.share-links {
  float: right;
}
   
   
   
/* -- Asset Carousel (scrolling slideshow for thumbnails) -- */

#asset-carousel-wrap {
  
  position: absolute;
  width: 1006px;
  padding-right: 7px;
  padding-bottom: 7px;
  height: 622px;
  left: 225px;
  top: 115px;
  display: none;
  z-index: 100;
  overflow: hidden;
}

#asset-carousel-wrap .sdbc {
  background: #000;
  height: 608px;
}

#asset-carousel {
  overflow: hidden;
  height: 608px;
  width: 992px;
}

#asset-carousel ul {
  list-style-type: none;
  padding-left: 20px;
  
}

#asset-carousel ul li {
  float: left;
  margin-left: 10px;
  position: relative;
  max-width: 880px;
  overflow: hidden;
}

#asset-carousel ul li .slide-caption {
  position: absolute;
  bottom: 0px;
  left: 0;
  font-size: 11px;
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.4);
  width: 100%;
  padding: 25px 0 0 0;
  height: 33px;
}

#asset-carousel ul li .slide-caption p {
  padding: 0 20px 0 24px;
}

#asset-carousel-wrap button.left,
#asset-carousel-wrap button.right {
  top: 0px;
  height: 608px;
  position: absolute;
  margin: 0;
  z-index: 20;
  width: 74px;
}

#asset-carousel-wrap button.left {
  left: 0px;
}

#asset-carousel-wrap button.right {
  right: 7px;
}

#asset-carousel-fs-close {
  position: absolute;
  top: 0px;
  right: 7px;
  z-index: 20;
  background-position: center center;
  width: 70px;
  height: 70px;
}

#asset-carousel-close {
  position: absolute;
  top: 20px;
  right: 27px;
  z-index: 20;
  background-position: center center;
  width: 30px;
  height: 30px;
}


#asset-carousel-fullscreen {
  position: absolute;
  top: 50px;
  right: 27px;
  z-index: 20;
  background-position: center center;
  width: 30px;
  height: 30px;
}

#asset-carousel .asset-slide-video {
  padding-top: 6px;
  padding-left: 6px;
  padding-right: 6px;
}



/* -- Fullscreen carousel -- */

#asset-carousel-fs-wrap {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  z-index: 120;
  width: 1200px;
  overflow: hidden;
}

#asset-carousel-fs {
  background: #000;
  height: 608px;
}

#asset-carousel-fs ul {
  list-style-type: none;
  padding-left: 20px;
}

#asset-carousel-fs ul li {
  position: relative;
  float: left;
  margin-left: 30px;
  overflow: hidden;
}

#asset-carousel-fs ul li .slide-caption {
  position: absolute;
  bottom: 0px;
  left: 0;
  font-size: 11px;
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.4);
  width: 100%;
  padding: 25px 0 0 0;
  height: 33px;
}

#asset-carousel-fs ul li .slide-caption p {
  padding: 0 20px 0 24px;
}

#asset-carousel-fs ul li img {
  position: absolute;
  left: 0;
  top: 0;
}

#asset-carousel-fs-wrap button.left,
#asset-carousel-fs-wrap button.right {
  top: 0px;
  height: 608px;
  position: absolute;
  margin: 0;
  z-index: 20;
}

button.bt-disabled {
  cursor: default !important;
  display: none;
}

#asset-carousel-fs-wrap button.left {
  left: 0px;
}

#asset-carousel-fs-wrap button.right {
  right: 0px;
}

 
/* -- Single Project Page */




section#summary {
  width: 176px; /* 176px columns */
  float: left;
}

section#summary h1 {
  color: #a7a7a7;
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 4px;
}

section#summary h1 a {
  color: #a7a7a7;
  text-decoration: none;
}

section#summary h1 a:hover {
  text-decoration: underline;
}
   
section#summary article h1 {
  color: #000;
  font-family: "zaha", sans-serif;
  font-size: 18px;
  margin-bottom: 10px;
}
   
section#details {
  width: 1020px; /* (5 * 176) + (5 * 28) */
  float: left;
  min-height: 600px;
}

.ie6 section#details {
  height: 600px; /* min-height */
}
    
#section-assets {
  width: 1044px;
}

#section-assets.grid-4{
	width:817px;
}

#section-assets.grid-3{
	width:612px;
}

body.single .jspPane ul.thumbs {
}

    

ul#section-links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  zoom: 100%;
  margin-bottom: 10px;
  margin-left: 28px; /* 28px gutters */
}

ul#section-links li {
  float: left;
  overflow: hidden;
  zoom: 100%;
}

ul#section-links li a {
  float: left;
  display: block;
}

ul#section-links li ul {
  float: left;
  list-style: none;
  font-size: 11px;
  margin-top: 1px;
}

ul#section-links li.divide {
  background: url(images/section-links-divide.html) no-repeat 0 0px;
  padding-left: 20px;
}

ul#section-links li a {
  text-decoration: none;
  margin-right: 20px;
  color: #ACACAC;
  height: 13px;
  display: block
}

.ie6 ul#section-links li a {
  margin-right: 10px;
}

ul#section-links li a:hover {
  color: #333;
}

ul#section-links li a.current {
  color: #000;
}

#section-details {
  z-index: 35;
}

#section-information {
  display: none;
  z-index: 34;
}

#section-publications {
  display: none;
  z-index: 33;
}

#section-credits {
  display: none;
  z-index: 32;
}

#section-information h1,
#section-credits h1 {
  font-size: 12px;
  border-bottom: 1px solid #DCDCDC;
  margin-bottom: 4px;
  color: #DCDCDC;
}


body.single .toggle-link {
  display: block;
}

body.single #section-credits #credits-text,
body.single #section-information #information-text {
  width: 380px; /* (176 * 2) + (1 * 28) */
  float: left;
  margin-left: 28px; /* 28px gutters */
  padding-top: 4px;
  padding-bottom: 20px;
  overflow: hidden;
  zoom: 100%;
  position: relative;
}

.ie6 body.single #section-credits #credits-text,
.ie6 body.single #section-information #information-text {
  margin-left: 14px;
}

body.single #section-credits #credits-text p {
  margin-bottom: 12px;
  font-size:11px;
  line-height: 1.5em;
}

body.single #section-credits #credits-text .toggle-link {
  position: absolute;
  bottom: 0;
  z-index: 20;
}

body.single #section-credits #credits-thumbs,
body.single #section-information #information-thumbs {
  width: 612px; /* (176 * 3) + (3 * 28) */
  float: left;
}

body.single #section-credits #credits-thumbs ul.thumbs .caption,
body.single #section-information #information-thumbs ul.thumbs .caption {
  display: block;
}

body.single #section-credits {
  overflow: hidden;
  zoom: 100%;  
}

body.single #section-credits h1 {
  font-weight: normal;
  color: #B9B9B9;
}

body.single #credits-zaha,
body.single #credits-consultants {
  width: 176px; /* 176px columns */
  float: left;
}

body.single #credits-zaha {
  margin-right: 28px; /* 28px gutters */
}



/* -- Single Person Page -- */

body.single-person section#summary {
/* (176 * 2) + (28 * 1) */
   width: 380px;  
}

body.single-person section#related {
  float: left;
  width: 204px;
  height: 608px;
  overflow: hidden;
}

body.single-person section#summary article h2 {
  font-size: 12px;
  font-weight: bold;
  font-family: arial, sans-serif;
  margin-bottom: 10px;
}


body.single-person section#hero {
  float: left;
  margin-left: 28px; /* 28px gutters */
  width: 584px;
}

body.single-person section#hero img{
  max-width:100%;
  height:auto;
}

body.single-person section#hero .caption {
  padding: 2px 0;
  display: block;
  font-size: 12px;
}

body.single-person h1 .pos {
  display: block;
  padding-top: 2px;
  font-size: 16px;
}

body.single-person h1 .qual {
  display: block;
  padding-top: 2px;
  font-size: 12px;
}


/* -- Single Publication Page -- */


body.single-publication section#summary {
  width: 176px; /* 176px columns */
}

body.single-publication #section-related-projects {
  
}


body.single-publication section#details {
  margin-left: 0; 
}

body.single-publication section#section-information {
  padding-left: 28px;
  width: 1044px;
}

body.single-publication section#section-images {
  float: left;
  width: 1044px;
  overflow: hidden;
  padding-left: 28px;
}

body.single-publication section#summary article h2 {
  font-size: 12px;
  font-weight: bold;
  font-family: arial, sans-serif;
  margin-bottom: 10px;
}

body.single-publication section#details {

}

body.single-publication #hero {
  float: left;
  width: 584px;
}

body.single-publication #thumbs {
  width: 432px;
  float: left;
}

body.single-publication #details .caption {  
  display: block;
  font-size: 11px;
}

body.single-publication #section-information #blurb {
  width: 380px;
  float: left;
  overflow: hidden;
  zoom: 100%;
}

body.single-publication #section-information #info-thumbs {
  width: 614px;
  float: left;
  overflow: hidden;
  zoom: 100%;
}

body.single-publication #section-information h2 {
  font-size: 12px;
  font-weight: bold;
  font-family: arial, sans-serif;
}


/* -- Videos (Media) Page -- */

body.page-videos .asset-video {
  display: none;
}

body.page-videos #details ul.thumbs li .caption {
  display: block;
}


/* -- Archive (Search) Page */

body.archive #wrap-content {
  padding-left: 0px;
  width: auto;
}

body.archive aside#results-share-links {
  padding-left: 28px;
}

body.archive ul.share-links {
  margin-right: 20px;
}

body.archive #results-nav {
  padding: 28px;
  font-size: 20px;
}



/* -- People Page -- */

body.people #section-people {
  /*height: 608px; */
  width: 1032px;
  overflow: hidden;
}

body.people #details ul.thumbs .caption {
  display: block;
}


body.people #section-people h1 {
  border-bottom: 2px solid #AEAEAE;
  margin-left: 28px;
  margin-bottom: 10px;
  padding-top: 10px;
}

body.people #section-people ul.thumbs {
  padding-bottom: 30px;
}

/* -- Publications Archive -- */

body.archive-publications #section-publications {
  display: block;
  width: 1044px;
}

/* -- Awards Archive -- */

body.archive-awards #details {
  padding-top: 4px;
}

body.archive-awards .content h2 {
  font-size: 16px;
  margin-bottom: 0;
}

body.archive-awards .cell {
  width: 380px; /* ( 176 * 2 ) + ( 28 * 1 ) */
  float: left;
  margin-right: 28px;
}

body.archive-awards .row {
  overflow: hidden;
  zoom: 100%;
  padding-bottom: 30px;
}


/* -- Search (Archive) Page -- */


body.search #results {
  min-width: 1044px;
  /*height: 608px;*/
  overflow: hidden;
  zoom: 100%;
}

body.search #search-results-controls {
  padding: 10px 28px;
}


body.search #bt-more-results {
  font-family: "zaha", sans-serif;
  font-size: 20px;
  color: #666;
  height: 36px;
  line-height: 36px;
  text-align: left;
}

body.search #loading-results {
  font-family: "zaha", sans-serif;
  font-size: 20px;
  line-height: 36px;
  height: 28px;
  padding-left: 32px;
  color: #666;
  background: url(images/loading-results.html) no-repeat 0 4px;
  display: none;
}

body.search #no-results {
  font-family: "zaha", sans-serif;
  font-size: 20px;
  line-height: 36px;
  height: 36px;
  color: #666;
  display: none;
}

body.search #no-more-results {
  font-family: "zaha", sans-serif;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
  padding-top: 10px;
  color: #999;
  display: none;
}

body.search #bt-more-results:hover {
  color: #000;
}



/* -- ZHA World (Page and Partial) -- */

#zha-world #map-wrap {
  height: 620px;
  width: 780px;
  float: left;
  position: relative;
}

.ie6 #zha-world .summary {
  width: 160px;
}


#zha-world #map-canvas {
  background: #000;
  height: 620px;
  width: 776px;
  position: absolute;
  top: 0px;
  left: 0;
}

#zha-world #map-canvas a {
  display: none;
}

#zha-world #map-mask {
  height: 600px;
  width: 740px;
  position: absolute;
}

#map-mask.zoom-0 {
  background-image: url(images/map-mask-zoom-0.html);
}


.map-overlay {
  position: absolute;
  padding: 8px;
  line-height: 1.5em;
  background: #000;
  background: rgba(0,0,0,0.6);
  z-index: 500;
  color: #ff66ff;
  font-size: 11px;
}

.map-overlay p {
  padding-bottom: 1em;
}

.map-overlay a {
  color: #ff66ff;
}

.map-overlay a:hover {
  color: #FFF;
}



/* -- News Page -- */

/* Black Content Panel (Used in News Pages) */

.black-content-panel {
  line-height: 1.5em;
}

.black-content-panel .sdbc {
  background: #000;
  padding: 14px; /* (28 / 2) */
  overflow: hidden;
  zoom: 100%;
}

.black-content-panel p {
  color: #DDD;
  line-height: 1.75em;
  font-size: 12px;
}

body.page-news #share-links {
  position: absolute;
  right: 0px;
  top: -2px;
}

.ie8 body.page-news #share-links {
  right: -8px;
}

.ie7 body.page-news #share-links {
  right: -8px;
}

body.page-news #content {
  position: relative;
}


body.page-news #wrap-content {
  padding-left: 7px; /* 28 / 2 - 7 */
}

body.page-news #news-articles-content {
  width: 1020px; /* ((5 * 176 + 4 * 28)) */
  float: left;
  margin-top: 8px;
}

body.page-news #articles {
  width: 380px; /* (176 * 2) + (28 * 1) */
  float: left;
  height: 500px;
  color: #FFF;
}

 
body.page-news #articles h1 {
  color: #FFF;
  font-family: "zaha", sans-serif;
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 4px;
}

body.page-news #news-content a,
body.page-news #articles a {
  color: #FFF;
}

body.page-news #articles article {
  padding-right: 16px;
}
     
body.page-news #articles article h1,
body.page-news #articles article time {
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 2px;
  color: #FFF;
  margin-top: 0;
}

body.page-news #articles article time {
  margin-bottom: 0;
}

body.page-news #articles article header a {
  text-decoration: none;
  color: #FFF;
}

body.page-news #articles article a:hover {
  text-decoration: underline;
}
 
body.page-news #news-content {
  margin-left: 14px; 
  width: 584px;
  float: left;
  overflow: hidden;
  zoom: 100%;
  font-size: 12px;
}

body.page-news #news-content {
  margin-left: 6px;
}

body.page-news #news-content ul.images {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 20px;
}

body.page-news #news-content ul.images li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

body.page-news #news-content header {
  padding-bottom: 14px;
}

body.page-news #news-content h1,
body.page-news #news-content h2,
body.page-news #news-content time {
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin-top: 0;
  text-decoration: none;
  color: #FFF;
}

body.page-news h2#latest,
body.page-news h2#selected {
  margin-left: 28px;
  float: left;
}


body.page-news #page-nav li {
  float: left;
}

body.page-news #page-nav li a,
body.page-news #page-nav li span {
  display: block;
  padding-right: 6px;
}

body.page-news #news-related ul.thumbs li {
  padding-left: 8px;
}

body.page-news #news-related ul.thumbs li li {
  padding-left: 0;
}

body.page-news #news-related {
  margin-top: 30px;
  float: left;
  margin-left: 0;
  width: 176px;
}



/* -- News (Page and Partial) -- */

#news article h1,
#news article time,
#news article a {
  font-size: 12px;
  margin-bottom: 5px;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  margin-top: 2px;
}

#news article a:hover {
  text-decoration: underline;
}

#news article {
  color: #ccc;
}

#news #articles {
  float: left;
  width: 160px;
}

#news #post-content {
  float: left;
  width: 580px;
}

#news #post-content h2 {
  font-family: arial, sans-serif; 
  font-size: 12px;
  font-weight: normal;
  margin-top: 0;
  color: #FFF;
  text-decoration: none;
}


body.about-us .feature {
  margin-top: 44px;
}


/* -- Contact Us (Page and Partial) -- */

/* Gravity Forms */

.gform_wrapper ul.gform_fields {
  margin: 0;
  padding: 0;
}

.gform_wrapper ul.gform_fields li {
  list-style: none;
  padding: 0;
  margin: 0;
}



#contact-us #map {
  float: left;
  position: relative;
  width: 788px;
  height: 590px;
  background: url(images/contact-us-map.html) 0 60px no-repeat;
}

#contact-us #map .map-loc {
  color: #ff66ff;
  position: absolute;
  top: 0px;
  z-index: 5;
  display: none;
}

#contact-us #map .map-loc-current {
  display: block;
}


#contact-us #map .map-loc h2  {
  font-size: 12px;
  color: #ff66ff;
  margin-top: 0;
  margin-bottom: 0;
}

#contact-us #map .map-marker  {
  background: url(images/map-marker.html) no-repeat 10px 10px;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
  position: absolute;
  left: 100px;
  top: 10px;
  z-index: 10;
}

#contact-us #map .map-marker-current {
  background: url(images/map-marker-current.html) no-repeat 10px 10px;
}

.ie6 #contact-us #map .map-marker  {
  background-image: url(images/map-marker-2.html);
}

.ie6 #contact-us #map .map-marker-current  {
  background-image: url(images/map-marker-current-2.html);
}

#contact-us .panel-content h1 {
  font-family: arial, sans-serif; 
  font-size: 12px;
  font-weight: normal;
}



#contact-us #forms button.text {
  color: #FFF;
  margin-top: 10px;
}

#contact-us #forms {
  width: 176px;
  margin-left: 28px;
  float: left;
}

.ie6 #contact-us #forms {
  margin-left: 14px;
}

#contact-us #forms p {
  margin-bottom: 10px;
  margin-top: 10px;
}

#contact-us #forms h2 {
  margin-top: 8px;
  margin-bottom: 20px;
}

#contact-us #forms .meta {
  display: none;
}

#contact-us #forms input.text,
#contact-us #forms textarea {
  width: 168px;
}

#contact-us #forms ul.sections {
  display: none;
  border-top: 1px solid #666;
  padding: 0;
  margin: 6px 0 16px 0;
  list-style: none;
}

#contact-us #forms ul.sections li {
  padding: 2px;
  border-bottom: 1px solid #666;
  margin: 0;
}

#contact-us #forms .form-loc {
  display: none;
}

#contact-us #forms .form-loc-current {
  display: block;
}


#contact-us #forms ul.sections button.text {
  color: #999;
  display: block;
  margin: 0;
  width: 170px;
  text-align: left;
  outline: none;
}

#contact-us #forms ul.sections button.current,
#contact-us #forms ul.sections button.text:hover {
  color: #eee;
}

#contact-us #forms li.phone { 
  padding-top: 16px;
}

#contact-us #forms li.enquiry, 
#contact-us #forms li.website { 
  padding-top: 16px;
}


#contact-us #forms li.cv-samples { 
  padding-top: 10px;
}

#contact-us #forms li.cv-samples .gfield_description { 
  padding-top: 0px;
  font-size: 11px;
}


#contact-us #forms li.enquiry textarea { 
  height: 56px;
}

#contact-us #forms a {
  color: #999;
}

#contact-us #forms .file_label {
  padding-left: 10px;
  width: 80px;
  font-size: 10px;
}

#contact-us #forms a:hover {
  color: #ccc;
}

#contact-us label {
  padding-top: 6px;
}

#contact-us .gfield_description {
  padding-top: 6px;
}

#contact-us #forms h2 {
  color: #FFF;
  font-size: 12px;
}

#contact-us #forms .gform_edit_link {
  display: none;
}

/* map locations */

#contact-us #map #map-marker-london {
  left: 360px;
  top: 294px;
}

#contact-us #map #map-loc-london {
  left: 387px;
  top: 312px;
}

#contact-us #map #map-marker-hamburg {
  left: 385px;
  top: 285px;
}

#contact-us #map #map-loc-hamburg {
  left: 410px;
  top: 300px;
}




/* -- touch-based platform tweaks -- */

.touch body.home #about-us-panel,
.touch body.home #news-panel,
.touch body.home #contact-us-panel,
.touch body.home #your-zha-panel,
.touch body.home #search-panel {
  display: none;
}


.touch .thumb-overlay .share-project .input-wrap button.clipboard,
.touch #share-panel .share-project .input-wrap button.clipboard {
  display: none;
}

#careers-panel .gfield label {
    color:#DDD;
}
#careers-panel .gfield .gfield_description {
    color:#DDD;
}
#careers-panel .gform_footer #gform_submit_button_3 {
	font-weight:bold;
    color:#fff;
}

#careers-panel .ginput_container input {
    width: 170px;
}

#careers-panel .ginput_container textarea {
    width: 170px;
	height: 36px;
}

#careers-panel .ginput_container input::-webkit-input-placeholder,#careers-panel .ginput_container textarea::-webkit-input-placeholder {
   color: #666;
}
#careers-panel .ginput_container input:-moz-placeholder,#careers-panel .ginput_container textarea:-moz-placeholder { /* Firefox 18- */
   color: #666;  
}
#careers-panel .ginput_container input::-moz-placeholder ,#careers-panel .ginput_container textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #666;  
}
#careers-panel .ginput_container input:-ms-input-placeholder,#careers-panel .ginput_container textarea:-ms-input-placeholder {  
   color: #666;  
}