/* Style sheet reset */
html, body, 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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  font-size: 100%;
  outline: 0;
  background: transparent
}
article, aside, figure, footer, header, hgroup, nav, section {
  display: block
}
img, object, embed {
  max-width: 100%
}
html {
  overflow-y: scroll
}
ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}
a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-size: 100%;
  background: transparent
}
del {
  text-decoration: line-through
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
th {
  vertical-align: bottom;
  font-weight: bold
}
td {
  vertical-align: top;
  font-weight: normal
}
hr {
  height: 1px;
  display: block;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc
}
input, select {
  vertical-align: middle
}
pre {
  white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */
}
input[type="radio"] {
  vertical-align: text-bottom
}
input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline
}
.ie6 input {
  vertical-align: text-bottom
}
select, input, textarea {
  font: 99% sans-serif
}
table {
  font-size: inherit;
  font: 100%
} /* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: none
}
small {
  font-size: 85%
}
strong, th {
  font-weight: bold
}
td, td img {
  vertical-align: top
} /* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0
}
sup {
  top: -0.5em
}
sub {
  bottom: -0.25em
}
pre, code, kbd, samp {
  font-family: monospace, sans-serif
}
.clickable, label, input[type=button], input[type=submit], button {
  cursor: pointer
}
button, input, select, textarea {
  margin: 0
}
button {
  width: auto;
  overflow: visible
} /* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic
}
.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true))
}
.clearfix:before, .clearfix:after {
  height: 0;
  overflow: hidden;
  display: block;
  content: "\0020"
}
.clearfix:after {
  clear: both
}
.clearfix {
  zoom: 1
}
/* Style sheet style */
.slide {
  position: absolute;
  margin-top: 55px
}
.slide .slide-content {
  position: relative;
  display: none;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  float: left
}
* {
  -webkit-text-size-adjust: none
}
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: none
}
body {
  background-color: #000;
  font: 62.5%/1.2 verdana, arial, helvetica, sans-serif;
  color: #999
}
.hidden, .invisible {
  width: 0;
  height: 0;
  left: -9999em;
  position: absolute;
  overflow: hidden;
  margin: 0 !important
}
#wrapper {
  width: 990px;
  height: 660px;
  margin-right: auto;
  margin-left: auto
}
.flash-introduction #wrapper, .flash-introduction #wrapper #container, .flash-introduction #wrapper #container .mod_article {
  height: 740px;
  width: 880px
}
.bha-red {
  color: #f00
}
::-webkit-scrollbar {
  width: 12px
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5)
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 0, 0, 0.4)
}
#header {
  height: 110px
}
#header #logo {
  float: left;
  margin: 35px 0 0 20px
}
#header nav#home-and-contact ul {
  float: right;
  margin-top: 23px;
  margin-right: 25px;
  color: #575757
}
#header nav#home-and-contact ul li {
  display: table-cell;
  margin-right: 27px;
  zoom: 1;
  *display: inline;
  float: left
}
#header nav#home-and-contact ul li a {
  float: right;
  color: #575757;
  text-decoration: none
}
#header nav#home-and-contact ul li a.first {}
#header nav#home-and-contact ul li:last-child {
  margin-right: 0
}
#header nav#home-and-contact ul li span {
  font-size: 10px
}
#header nav#primary-navigation {
  margin: 0;
  padding: 0;
  text-align: center;
  float: right;
  clear: right;
  margin-top: 11px;
  margin-right: 93px;
  font: 11px Arial
}
#header nav#primary-navigation ul {
  z-index: 99999
}
#header nav#primary-navigation ul li {
  display: inline-block;
  margin-right: 72px;
  padding-top: 16px;
  zoom: 1;
  *display: inline;
  color: #575757
}
#header nav#primary-navigation ul li a {
  text-decoration: none;
  color: #575757
}
#header nav#primary-navigation ul.level_1 > li.active, #header nav#primary-navigation ul.level_1 > li.trail {
  border-top: 1px solid #f00
}
#header nav#primary-navigation ul li:last-child {
  margin-right: 0
}
#header nav#primary-navigation ul.level_1 > li.submenu > ul.level_2 {
  display: none
}
#header nav#primary-navigation ul.level_1 > li.submenu:hover > a {
  color: #cc0000
}
#header nav#primary-navigation ul.level_1 > li.submenu:hover > ul.level_2 {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  text-align: left;
  padding-top: 5px;
  background-color: #000
}
#header nav#primary-navigation ul.level_1 > li.submenu:hover > ul.level_2 > li, #header nav#primary-navigation ul.level_1 > li.submenu:hover > ul.level_2 > li > ul.level_3 > li {
  display: block;
  padding: 3px 0
}
#header nav#primary-navigation ul.level_1 > li.submenu:hover > ul.level_2 a {
  white-space: nowrap
}
#header nav#primary-navigation ul.level_1 > li.submenu:hover > ul.level_2 a:hover {
  color: #fff
}
#header nav#primary-navigation ul.level_1 > li.submenu:hover > ul.level_2 a:hover:before {
  content: '»';
  margin-right: 3px
}
#header nav#primary-navigation ul.level_1 > li.submenu {
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative
}
#container {
  width: 990px;
  height: 493px;
  overflow: hidden
}
#container.albumpage {
  height: 505px
}
.inner-navigation {
  width: 260px;
  height: 493px;
  float: left;
  padding-right: 17px;
  font-family: Arial
}
.inner-navigation.architecture, .inner-navigation.design.interior, .inner-navigation.awards {
  width: 277px;
  padding-right: 0
}
.inner-navigation.architecture .level_2 > li.submenu > a.submenu, .inner-navigation.design.interior .level_2 > li.submenu > a.submenu, .inner-navigation.architecture .level_2 > li.submenu > span.submenu, .inner-navigation.design.interior .level_2 > li.submenu > span.submenu {
  color: #cc0000;
  font-weight: bold
}
.inner-navigation.architecture .level_2 > li.submenu > ul.level_3, .inner-navigation.design.interior .level_2 > li.submenu > ul.level_3 {
  margin-top: 4px
}
#container.albumpage .inner-navigation {
  height: 505px
}
.inner-navigation ul li {
  text-align: right
}
.mod_customnav.inner-navigation ul.level_1 > li:nth-child(1) {
  padding: 0
}
.inner-navigation ul.level_1 > li.first, .mod_customnav.inner-navigation ul.level_1 > li:nth-child(2), .mod_customnav.inner-navigation.awards.indexonly ul.level_1 > li:nth-child(2) {
  margin-top: 30px
}
.inner-navigation ul.level_1 > li.first > a:first-child, .inner-navigation ul.level_1 > li.first > span.forward.trail.first, .inner-navigation.news ul.level_1 > li.first > a:first-child {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #C00;
  text-transform: uppercase;
  cursor: text
}
.inner-navigation ul.level_1 > li.first > span.currentTitle, .inner-navigation.awards.indexonly ul.level_1 span.currentTitle {
  margin-top: 8px;
  font-size: 12px;
  font-weight: bold;
  color: #fff
}
.inner-navigation ul.level_1 > li.first > span.currentSubTitle, .inner-navigation ul.level_1 > li.first > span.currentSubTitle a {
  color: #999;
  text-decoration: none;
  margin-top: 4px
}
.inner-navigation ul.level_1 > li.first > span.currentSubTitle {
  background-color: red;
  margin-left: 180px
}
.inner-navigation ul.level_1 > li.first > span.currentSubTitle.selected a, .inner-navigation ul.level_1 > li.first > span.currentSubTitle.selected {
  font-weight: bold;
  color: #fff
}
.inner-navigation.about-us ul li > ul > li > ul {
  display: none
}
.inner-navigation.about-us ul li > ul.level_2 li.trail, .inner-navigation.about-us ul li > ul.level_2 li.trail a {
  font-weight: bold;
  color: #fff
}
.inner-navigation ul li > ul.level_2 li a, .inner-navigation ul.level_1 li:not(:first-child) a {
  text-decoration: none;
  color: #999;
  font-size: 11px
}
.inner-navigation ul li > ul.level_2 li a:hover, .inner-navigation ul.level_1 li:not(:first-child) a:hover {
  color: #fff
}
.inner-navigation ul li > ul.level_2 li a:hover:before, .inner-navigation ul.level_1 li:not(:first-child) a:hover:before {
  content: '»'
}
.inner-navigation ul li > ul.level_2 li a span, .inner-navigation ul li > ul.level_2 li span span {
  color: #CC0000
}
.inner-navigation ul li > ul.level_2 {
  margin-top: 30px
}
.mod_customnav.inner-navigation ul.level_1 > li:nth-child(2) {
  margin-top: 73px;
  padding-top: 0
}
.inner-navigation ul li > ul.level_2 li {
  padding: 5px 0;
  font-size: 11px
}
.inner-navigation ul li > ul.level_2 li span.title {
  font-weight: bold
}
.inner-navigation ul li > ul.level_2.design-crossover li {
  padding: 4px 0
}
.mod_customnav.inner-navigation ul li {
  padding: 5px 0;
  font-size: 11px
}
.inner-navigation ul li > ul.level_2 li:first-child, .inner-navigation ul li > ul.level_2 li:first-child {
  padding-top: 0
}
.inner-navigation.design ul.level_1 > li.submenu a.submenu:not(:first-child) {
  font-weight: bold;
  color: #CC0000;
  text-decoration: none;
  font-size: 11px
}
.inner-navigation ul li > ul.level_2 li.active span.active {
  font-weight: bold;
  color: #fff
}
.inner-content-navigation.exhibitions ul li {
  float: left;
  display: inline;
  margin-right: 4px
}
nav.inner-content-navigation.exhibitions.longNavigation ul li {
  float: right;
  margin-bottom: 4px
}
.inner-content-navigation.exhibitions.longNavigation ul li:nth-child(8) {
  margin-right: 87px
}
.inner-content-navigation.exhibitions ul li a { /* font-size: 6px; */ height: 11px
}
.inner-content-navigation.exhibitions ul li span { /* font-size: 6px; */ height: 11px
}
.mod_article {
  width: 642px;
  height: 493px;
  overflow: hidden;
  padding-right: 70px;
  border-left: 1px solid #333;
  position: relative;
  z-index: 9999
}
.albumNavigation.back {
  top: 450px;
  left: 635px;
  position: absolute
}
.albumNavigation.back a {
  color: #B30000;
  font-size: 10px;
  text-decoration: none
}
.zen-collection.print {
  top: 415px;
  left: 440px;
  position: absolute;
  z-index: 9999
}
.zen-collection.print a {
  color: #fff;
  font-size: 10px;
  text-decoration: none
}
p.zen-collection.print:hover {
  display: block;
  background-color: #cc0000
}
body .mainHomepage .mod_article {
  border: 0
}
.mod_article.withoutNavigation, .ce_galerie.withoutNavigation, .ce_form.withoutNavigation {
  padding-top: 30px; /* for news */ position: relative
}
.mod_article.withoutNavigation.fullwidth {
  width: 690px;
  padding-right: 0
}
.mod_article .ce_text, .mod_article .ce_galerie {
  clear: both
}
.mod_article.opening-flash {
  border: 0;
  padding-right: 0
}
.withNavigation {
  float: left
}
nav.inner-content-navigation ul {
  float: right;
  margin-right: 23px;
  margin-bottom: 9px;
  font-size: 9px;
  color: #fff
}
nav.inner-content-navigation.exhibitions ul {
  float: right;
  margin-right: 13px;
  margin-bottom: 9px;
  font-size: 9px;
  color: #fff
}
nav.inner-content-navigation.photoalbum ul {
  margin-right: 16px
}
nav.inner-content-navigation.profile ul {
  float: right;
  margin-right: 0;
  margin-bottom: 9px;
  font-size: 9px;
  color: #fff
}
nav.inner-content-navigation ul li {
  width: 80px;
  display: inline-block;
  margin-right: 1px;
  padding: 0;
  white-space: nowrap;
  background-color: #f00;
  zoom: 1;
  *display: inline
}
nav.inner-content-navigation ul li {
  width: 79px
}
nav.inner-content-navigation ul li span {
  padding: 5px 0;
  display: block;
  font-family: sans-serif
}
nav.inner-content-navigation ul li a {
  width: 79px;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 5px 0;
  font-family: sans-serif
}
nav.inner-content-navigation.photoalbum ul li, nav.inner-content-navigation.photoalbum ul li a {
  width: 53px
}
nav.inner-content-navigation ul li:last-child {
  margin-left: 0
}
nav.inner-content-navigation ul li a:hover, nav.inner-content-navigation ul li:hover, ul.main-album-navigation li a:hover, ul.main-album-navigation li:hover, ul.main-album-navigation li.inactive {
  background-color: #303030
}
nav.inner-content-navigation.main-album-navigation {
  position: relative;
  z-index: 9999
}
ul.main-album-navigation {
  float: right;
  margin-bottom: 2px;
  font-size: 9px;
  color: #fff
}
ul.main-album-navigation {
  margin-top: -5px;
  margin-right: 22px
}
ul.main-album-navigation.alignNavigation.profile {
  margin-top: -5px;
  margin-right: 0
}
nav.main-album-navigation ul li {
  width: 77px;
  display: inline-block;
  margin-right: 1px;
  padding-right: 0;
  padding-left: 0;
  white-space: nowrap;
  background-color: #f00;
  font-family: Arial;
  zoom: 1;
  *display: inline
}
.exhibitions nav.main-album-navigation ul li {
  width: 79px
}
nav.main-album-navigation ul#redTabMoreInfo {
  position: absolute;
  float: none;
  top: 26px;
  left: 548px
}
.exhibitions nav.main-album-navigation ul#redTabMoreInfo {
  left: 546px
}
#hiddenRedTabLink {
  display: none
}
.ce_form.submissionform h1 {
  font-size: 12px;
  font-weight: normal
}
.main-face {
  width: 132px;
  float: left;
  margin-left: 20px;
  padding-right: 25px
}
.main-face p {
  font: 14px Arial;
  font-weight: bold;
  color: #C00;
  letter-spacing: .8px
}
.main-face p span.honorary-title {
  font-size: 11px
}
.main-face .human-face {
  margin-top: 16px
}
.main-map {
  width: 335px;
  float: left;
  margin-left: 20px;
  padding-right: 25px
}
.main-address {
  width: 262px;
  float: left;
  text-align: justify
}
.main-album, .submissionform {
  margin-left: 20px
}
.submissionform form {
  width: 417px;
  margin-top: 70px;
  margin-left: 130px
}
form .formbody label {
  width: 85px;
  float: left;
  font-size: 12px;
  cursor: text
}
form .fieldRow {
  margin-bottom: 14px
}
form .formbody input[type="text"], form .formbody input[type="password"], form .formbody input[type="number"], form .formbody input[type="email"], form .formbody input[type="tel"], form .formbody textarea {
  width: 328px;
  background-color: #333;
  border: 1px solid #565656;
  font-size: 10px
}
form .formbody textarea {
  height: 77px;
  resize: none;
  padding: 0
}
form .submitLink {
  font: 10px verdana, ​arial, ​helvetica, ​sans-serif;
  background-color: transparent;
  text-decoration: none;
  border: none;
  cursor: pointer;
  text-align: right;
  font-size: 10px;
  color: #999;
  float: right;
  padding-right: 0
}
.album-left {
  width: 415px;
  float: left
}
.album-right {
  width: 211px;
  float: left;
  padding-left: 16px
}
.album-right.fullwidth {
  width: 230px
}
.album-right.fullwidth p.print-collection {
  bottom: 0
}
#main-address-content {
  margin-top: 30px
}
ul#main-address-content li {
  margin-top: 17px;
  font-size: 11px
}
ul#main-address-content li span.address-label {
  color: #c00
}
.main-article {
  width: 465px;
  float: left;
  text-align: justify
}
.main-article p {
  margin-bottom: 20px;
  font-size: 12px
}
.main-article p:nth-last-child(2) {
  margin-bottom: 10px
}
.main-article h1, .main-address h1, .main-album h1, .ce_galerie h1 {
  margin-bottom: 25px;
  font: 14px Arial;
  font-weight: bold;
  color: #C00;
  letter-spacing: .8px
}
.ce_galerie h1 {
  margin-bottom: 0
}
.main-article.associates h1 {
  margin-bottom: 24px
}
.main-album h1 {
  margin-bottom: 2px
}
.main-article .contentNavigation {
  font-size: 10px
}
.main-article .contentNavigation a, #myModal .contentNavigation a {
  font-size: 10px;
  color: #999;
  text-decoration: none
}
.main-article .contentNavigation, .main-article .contentNavigation.next, .contentNavigation.back, #myModal .contentNavigation {
  text-align: right
}
.contentNavigation.back {
  float: right;
  margin-top: 9px;
  font-size: 10px;
  color: #b30000
}
.contentNavigation.skip {
  top: 618px;
  right: 0;
  position: absolute
}
.contentNavigation.skip a {
  text-decoration: none;
  color: #999;
  font-size: 12px;
  font-family: Arial
}
.main-article.philosophy {
  width: 643px;
  margin-left: 20px
}
.ce_galerie.exhibitions {
  width: 690px;
  margin-top: 12px;
  margin-left: 61px
}
.galleria-stage {
  left: 0;
  right: 0;
  top: 0
}
.galleria-thumbnails-container {
  left: 0;
  right: 0
}
.galleria-thumbnails .galleria-image {
  border: 0;
  margin: 0
}
.ce_galerie.main-album.head-office .galleria-thumbnails .galleria-image {
  width: 66px
}
.ce_galerie.intl_collaborations {
  width: 605px;
  margin-left: 51px
}
.main-article.philosophy .philosophy-image {
  width: 73px;
  float: left;
  padding: 0 54px 0 28px
}
.main-article.philosophy .philosophy-text {
  width: 465px;
  float: left;
  text-align: justify
}
.main-album-current {
  position: relative;
  clear: both
}
.modal-window p {
  text-align: justify;
  margin-bottom: 5px
}
.main-album-thumbnails {
  margin-top: 9px
}
.main-album-thumbnails.fullwidth {
  float: left
}
.main-album-thumbnails.alignWithBack {
  float: left
}
table.showcase-12 img.disabled {
  opacity: 0.5;
  filter: alpha(opacity=40)
}
table.showcase-12 img:hover {
  opacity: 0.5;
  filter: alpha(opacity=40)
}
table.showcase-6, table.showcase-12 {
  margin-left: 20px
}
table.showcase-6 tbody tr:first-child td {
  padding-bottom: 8px
}
table.showcase-6 tbody tr td {
  text-align: center;
  font-size: 11px
}
table.showcase-6 tbody tr td:first-child {
  padding-right: 38px
}
table.showcase-6 tbody tr td:last-child {
  padding-left: 35px
}
table.showcase-12 tbody tr td {
  padding-bottom: 22px;
  text-align: center;
  font-size: 11px
}
table.showcase-12 tbody tr:last-child td {
  padding-bottom: 0
}
table.showcase-12 tbody tr td:first-child {
  padding-right: 20px
}
table.showcase-12 tbody tr td:last-child {
  padding-left: 20px
}
#footer {
  height: 38px;
  padding: 19px 0 0 277px;
  position: relative;
  color: #333;
  font-family: arial;
  font-size: 10px !important
}
#footer ul li {
  display: inline-block;
  margin-right: 80px;
  *display: inline;
  font-size: 10px !important;
  zoom: 1
}
#footer ul li:last-child {
  margin-right: 0;
  position: absolute;
  right: 87px
}
.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000000;
  opacity: 0.83;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  z-index: 101
}
* html .modal-overlay {
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight: document.body.offsetHeight + 'px')
}
.modal-window {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 20px;
  z-index: 102;
  overflow: auto;
  color: #999
}
.modal-window a {
  color: #00CCFF
}
* html .modal-window {
  position: absolute
}
.close-window {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 8px;
  top: 8px;
  background: transparent url("/examples/modal-simple/close-button.png") no-repeat scroll right top;
  text-indent: -99999px;
  overflow: hidden;
  cursor: pointer;
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5
}
.close-window:hover {
  opacity: .99;
  filter: alpha(opacity=99);
  -moz-opacity: 0.99
}
.moreInfoBox {
  display: none
}
.inner-navigation.architecture > ul.level_1 > li.submenu > a.submenu {
  cursor: text
}
.inner-navigation.awards .mCSB_container.mCS_no_scrollbar {
  margin-right: 30px !important
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 0
}
.ie.ie8 .inner-navigation ul li a {
  text-decoration: none;
  font-size: 11px;
  color: #999999
}
.ie.ie8 .inner-navigation ul.level_1 {
  margin-top: 30px
}
.ie.ie8 table.showcase-6 tbody tr td + td + td {
  padding-left: 35px
}