@font-face {
    font-family: 'helvetica_neue65_medium';
    src: url('fonts/helveticaneue-medium-webfont.eot');
    src: url('fonts/helveticaneue-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-medium-webfont.woff') format('woff'),
         url('fonts/helveticaneue-medium-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-medium-webfont.svg#helvetica_neue65_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'helvetica_neue25_ultra_light';
    src: url('fonts/helveticaneue-ultralight-webfont.eot');
    src: url('fonts/helveticaneue-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-ultralight-webfont.woff') format('woff'),
         url('fonts/helveticaneue-ultralight-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-ultralight-webfont.svg#helvetica_neue25_ultra_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {background: #fff; text-align: left; font-family: 'helvetica_neue45_light'; font-size: 16px; color: #333; line-height: 28px; margin: 0; padding: 0; -webkit-text-size-adjust: none;  -webkit-font-smoothing: antialiased;}

/* 
applies a natural box layout model to divs (no need to worry about padding or margin when calculating width) 
this doe snot work with IE7, so a separate stylesheet is needed
*/
div, span, input, select, textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* structure */
.page-width {max-width: 1228px; padding: 0 20px; text-align: left; margin: 0; position: relative; overflow: hidden;}
.page-width.no-gap {padding: 0 3px;}
#content {background: #fafafa; margin: 98px 0 0 0; z-index: 9; position: relative; min-height: 500px;}
.super-user #content {margin-top: 118px;}
.no-node #content {padding: 20px 0 40px 0;}
.no-node.front #content {padding: 0;}
.no-node.page-images #content {padding: 0 0 0 2px;}
.content {position: relative; width: 100%; overflow: hidden;}

/* header */
#header {font-family: 'helvetica_neue45_light'; background: #1c1c1c url(images/background-header.jpg) top left no-repeat; border-bottom: solid 14px #929292; color: #fff; z-index: 10; position: fixed; left: 0; top: 0; width: 100%; height: 96px;}
.super-user #header {top: 20px;}
#header-logo {margin: 30px 0 0 20px; float: left;}
#header-logo a {display: inline-block; width: 212px; height: 22px; background: url(images/logo.png) no-repeat; text-indent: -9999px; transition: opacity 0.3s;}
#header-logo a:hover {opacity: 0.7;}
#header-social {position: absolute; top: 20px; right: 280px;}
a#header-black-book {position: absolute; top: 5px; right: 0; background: #232323 url(images/icon-black-book.png) no-repeat 20px -48px; padding: 25px 15px 20px 68px; color: #fff;}
a#header-black-book:hover {text-decoration: none;}
a#header-black-book.open {background-position: 20px 20px;}

/* black book */
.super-user #black-book {top: 21px;}
#black-book {position: fixed; top: 0; right: -330px; width: 330px; z-index: 1000; height: 100%; padding: 0; overflow-x: none; overflow-y: auto; text-align: left; background: #1c1c1c;}
#black-book .top {background: #232323; height: 72px; margin: 5px 0 4px 0;}
#black-book .content {padding: 0 3px 0 3px;}
#black-book .form-text {color: #fff; background-color: #4c4c4c; padding: 15px 10px 15px 55px; margin: 0; width: 100%; box-shadow: none; border: none; border-radius: 0;}
#black-book #search-icon {position: absolute; top: 12px; left: 12px; background: url(images/icon-search.png) no-repeat; z-index: 9999; width: 30px; height: 30px;}
#black-book ul.alphabet {margin: 3px 0 0 0; padding: 0; float: left;}
#black-book ul.alphabet li {margin: 0; padding: 0; background: none;}
#black-book ul.alphabet li a {display: block; font-size: 16px; width: 44px; height: 24px; padding: 10px 0; background: #292929; color: #fff; text-align: center; transition: all 0.3s ease;}
#black-book ul.alphabet li a:hover {background: #4c4c4c; text-decoration: none;}
#black-book ul.alphabet li a.active {background: #fff; color: #000;}
#black-book #celebrity-list {float: left; width: 260px; color: #fff; padding: 3px 0 0 3px;}
#black-book #celebrity-list li {margin: 0; padding: 0; background: none;}
#black-book #celebrity-list li a {display: block; padding: 5px 0 5px 10px; margin: 0; color: #fff;}
#black-book #celebrity-list li a:hover {background: #292929; text-decoration: none;}
#black-book #celebrity-list li span {display: block; padding: 5px 0 5px 10px; margin: 0; color: #555;}

/* black book animation */
body, #black-book, #header {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
body.push {right: 330px; position: relative; overflow-x: hidden;}
#black-book.push {right: 0;}
#header.push {left: -330px;}

/* custom autocomplete for black book */
#black-book .maze-autocomplete {background-image: url(images/autocomplete.gif); background-repeat: no-repeat; background-position: right 60px;}
#black-book .maze-autocomplete.active {background-image: url(images/autocomplete.gif); background-repeat: no-repeat; background-position: right -63px;}
#maze-autocomplete-results {width: 307px; margin: 0; padding: 0; background: none; position: absolute; z-index: 99999;}
#maze-autocomplete-results li {margin: 0; padding: 0; background: none;}
#maze-autocomplete-results li a {display: block; padding: 5px 10px 5px 50px; background: #333333; color: #fff;}
#maze-autocomplete-results li a:hover {background: #292929; text-decoration: none;}
#maze-autocomplete-results li span {display: block; padding: 5px 10px;}

/* navigation */
#header-navigation {text-align: left; float: left;}
#header-navigation ul {margin: 30px 0 0 0; padding: 0;}
#header-navigation li {margin: 0; padding: 0 0 0 20px; margin: 0 0 0 20px; display: inline-block; background: url(images/bar-nav-big.png) left top no-repeat;}
#header-navigation li.first {padding: 0 0 0 20px; margin: 0 0 0 20px; background: url(images/bar-nav-big.png) top left no-repeat;}
#header-navigation li a {font-size: 19px; color: #fff; transition: color 0.3s;}
#header-navigation li a:hover {color: #ddd; text-decoration: none;}
#header-navigation li.active-trail a {color: #ddd;}
#header-navigation li.gallery a {padding: 2px 0 10px 40px; background: url(images/icon-gallery.png) no-repeat;}
#header-navigation li.nightclubbing a {display: inline-block; background: url(images/logo-nightclubbing-small.png) no-repeat; width: 58px; height: 48px; text-indent: -9999px; position: relative; top: -5px;}

/* sections */
.section {width: 100%; overflow: hidden; background: #fff;}
.component-heading {margin: 0 0 35px 0;}
.component-heading p {color: #000; font-size: 18px; line-height: 30px; border: solid 1px #e4e4e4; border-left: none; border-right: none; padding: 20px 0;}
.sub-heading {text-transform: uppercase; color: #8c8686; font-size: 18px; line-height: 28px; padding: 0; margin: 0 0 15px 0;}
.component {padding-top: 60px; padding-bottom: 60px; overflow: hidden;}
.section.top-half .component {padding-top: 30px;}
.section.top-none .component {padding-top: 0;}
.section.bottom-half .component {padding-bottom: 30px;}
.section.bottom-none .component {padding-bottom: 0;}
.three-columns p:last-child {margin: 0;}

/* sections with side bar */
.section-column-side {width: 18%; float: left;}
.section-column-main {width: 78%; float: right; text-align: left;}
.section.side-bar .component-heading {text-align: left; margin-left: 0; width: 100%;}
.section.side-bar .component-inside {width: 78%; float: right;}
#section1.section.side-bar .component-inside {width: 100%; float: none;}

/* side navigation */
ul.sub-pages {padding: 0; margin: 60px 0 0 0; border-bottom: solid 1px #e4e4e4;}
ul.sub-pages li {margin: 0 0 5px 0; padding: 0; background: 0; border: none; border-top: solid 1px #e4e4e4; text-align: left;}
ul.sub-pages li a {display: block; font-size: 16px; line-height: 18px; padding: 20px 0 15px 0; color: #000; font-family: 'helvetica_neue65_medium'; transition: opacity 0.3s;}
ul.sub-pages li a.active {color: #b4b4b4;}
ul.sub-pages li a:hover {opacity: 0.7; text-decoration: none;}

/* sections navigation */
#nav-sections {position: fixed; top: 40%; /*left: -300px;*/ left: 0; opacity: 0.95; z-index: 200; text-align: left;}
#nav-sections {-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease;}
#nav-sections.show {left: 0;}
#nav-sections a {display: block; padding: 5px 10px; background: #efefef; width: 250px; margin: 0 0 1px 0;}
#nav-sections a:hover {text-decoration: none; background: #eeffff; width: 270px;}
#nav-sections a {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}

/* footer  */
#footer {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 13px; line-height: 23px; background: #2b2b2b; color: #7d7d7d; border-top: solid 14px #929292; width: 100%; overflow: hidden; padding: 50px 0 0 0; margin: auto; text-align: center;}
#footer .page-width {margin: auto;}
#footer p:last-child {margin: 0; padding: 0;}
#footer1 {width: 100%; overflow: hidden; padding: 0 0 40px 0; background: url(images/line-footer.png) no-repeat center bottom;}
#footer h3 {font-family: 'helvetica_neue45_light'; font-size: 21px; font-weight: normal; color: #fff; margin: 0 0 20px 0; padding: 0; border: none;}
#footer .column {min-height: 200px;}
#footer1 .column1 {text-align: right; width: 35%; float: left; padding: 0 60px 0 0; background: url(images/bar-footer.png) no-repeat right 20px;}
#footer1 .column2 {text-align: center; width: 30%; float: left; padding: 0 60px 0 60px; background: url(images/bar-footer.png) no-repeat right 20px;}
#footer1 .column3 {text-align: left; width: 35%; float: right; padding: 0 0 0 60px;}
#footer2 {width: 100%; overflow: hidden; text-align: center; padding: 15px 0 15px 0;}
#footer a.social {margin-top: 15px;}
#footer .phone {color: #fff; background: url(images/icon-phone.png) 0px 3px no-repeat; padding: 0 0 3px 25px; margin: 0 0 4px 0; display: inline-block;}
#footer .email {background: url(images/icon-email.png) 0px 1px no-repeat; padding: 0 0 1px 25px; margin: 0 0 10px 0; display: inline-block;}
#footer .email a {color: #fff;}
.cke_editable .column1 {text-align: right; width: 34%; float: left; padding: 0 60px 0 0; margin: 0 1% 0 0;}
.cke_editable .column2 {text-align: center; width: 30%; float: left; padding: 0 60px 0 60px;}
.cke_editable .column3 {text-align: left; width: 34%; float: right; padding: 0 0 0 60px;}

/* sticky footer */
/*
html {position: relative; min-height: 100%;}
body {margin: 0 0 485px 0;}
#footer {position: absolute; left: 0; bottom: 0; height: 485px; width: 100%;}
*/

/* general */
h1 {margin: 0 0 30px 0; padding: 0; font-family: 'helvetica_neue25_ultra_light'; font-weight: normal; color: #1c1c1c; font-size: 50px; line-height: 58px;}
h2 {margin: 0 0 25px 0; padding: 15px 0 0 0; font-family: 'helvetica_neue65_medium'; font-weight: normal; color: #000; font-size: 21px; line-height: 27px; border-top: solid 1px #e4e4e4;}
h3 {margin: 0 0 15px 0; padding: 15px 0; font-family: 'helvetica_neue65_medium'; font-weight: normal; color: #1c1c1c; font-size: 16px; line-height: 26px; border: solid 1px #e4e4e4; border-left: none; border-right: none;}
p {margin: 0 0 20px 0; padding: 0;}
div.clear {clear: both;}
dl {margin: 0; padding: 0;}
dl dt {margin: 0; padding: 0;}
dl dd {margin: 0 0 15px 0; padding: 0;}
strong {color: #333;}
img {max-width: 100%; height: auto; display: block;}

/* lists */
ul {margin: 0 0 25px 0; padding: 0; list-style: none; background: none;}
ul li, ul li.expanded, ul li.collapsed, ul li.leaf {margin: 0 0 5px 0; padding: 0 0 0 20px; list-style: none; background: url(images/bullet.png) 0px 9px no-repeat; list-style-image: none;}
ol {margin: 0 0 25px 25px; padding: 0;}
ol li {margin: 0 0 5px 0; padding: 0;}
ul.inline, ul.inline li {margin: 0; padding: 0; list-style: none;}
ul.contextual-links li {background: none;}
ul.links li {background: none; margin-right: 15px;}
	
/* tables */
table {width: 100%; margin: 0 0 10px 0; border: 1px solid #bebfb9;}
table td, table th {vertical-align: middle; padding: 8px 10px; border: 0; color: #000;}
tr.even, tr.odd {border-width: 0 1px 0 1px; border-style: solid; border-color: #bebfb9; background: #f3f4ee;}
tr.odd {background: #fff;}
tr.drag {background: #fe7;}
tr.drag-previous {background: #ffb;}
table th {text-transform: uppercase; background: #e1e2dc; font-weight: normal; border-width: 1px; border-style: solid; border-color: #bebfb9; padding: 3px 10px;}
table th.active {background: #bdbeb9;}
table th a {display: block; position: relative;}
table th.active a {padding: 0 25px 0 0;}
table th.active img {position: absolute; top: 3px; right: 3px;}
table td.active {background: #e9e9dd;}
table tr.odd td.active {background: #f3f4ee;}
table tr.selected td.active, table tr.selected td {background: #ffc; border-color: #eeb;}
tr td:last-child {border-right: 1px solid #BEBFB9;}

/* links */
a , a.active {outline: none; color: #888; cursor: pointer; text-decoration: none; border: none; transition: opacity 0.3s;}
a:hover, a.active:hover {text-decoration: none; opacity: 0.7;}
a.footer {display: inline-block; padding-left: 15px;}
a.social {display: inline-block; background: url(images/icons-social.png) 0px 0px no-repeat; width: 45px; height: 45px; text-indent: -9999px;}
a.social:hover {opacity: 0.7;}
a.social.facebook {background-position: 0px -155px;}
a.social.twitter {background-position: 0px 0px;}
a.social.linkedin {background-position: 0px -51px;}
a.social.rss {background-position: 0px -102px;}
a.social.instagram {background-position: 0px -206px;}
a.ry-gallery {font-family: 'helvetica_neue45_light'; font-size: 20px; color: #fff; display: inline-block; padding: 2px 0 10px 40px; background: url(images/icon-gallery.png) no-repeat;}

/* form */
form {margin: 0; padding: 0; text-align: left;}
input, textarea, select {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 16px; margin: 0; color: #999;}
input.form-text, select, textarea {border: solid 1px #b9bcbe; padding: 5px 7px 5px 7px; background: #fff; box-shadow: inset 0px 0px 2px #ccc; border-radius: 3px;}
input.form-text.not_completed, textarea.not_completed {color: #999;}
input.form-text:focus, input.form-text:hover, input.form-text.hover, textarea:hover, textarea:focus {}
label {font-family: 'helvetica_neue65_medium'; font-weight: normal; margin-bottom: 4px;}
div.form-item {margin: 0 0 25px 0; position: relative;}
.form-checkbox  {margin-right: 6px; top: -3px; position: relative;}
.form-type-radio {border-bottom: solid 1px #e4e4e4; width: 300px; overflow: hidden; padding: 2px 0 12px 0;}
.form-type-radio label {font-family: 'helvetica_neue45_light';}
.form-radio {float: left; margin-right: 10px;}
input.form-text.error, textarea.error, select.error {border: solid 1px #f00;}
label.error {color: #f00;}
.form-submit {display: inline-block; background: #363636; color: #fff; font-size: 20px; font-family: 'helvetica_neue45_light'; border: 0; padding: 10px 30px; text-align: center; border-radius: 20px; cursor: pointer;}
.form-submit:hover {text-decoration: none; opacity: 0.8;}
.description {font-size: 12px;}
fieldset.wrap {border: none; padding: 0; margin: 0; background: none;}
fieldset {border: none; padding: 0;}
legend {font-weight: bold; margin: 0 0 5px 0;}
.fieldset-wrapper {border: solid 1px #f1ded5; padding: 10px; background: #fcf6f3;}
.filter-wrapper {display: none;}
#plup-list-wrapper {border: solid 1px #ddd; border-bottom: none;}
.invisible {display: none;}
.form-disabled label {color: #999;}

/* nice radio button */
div > input[type=radio] {padding: 0; margin: 0; height: 20px; width: 20px; float: left; position: absolute; left: 0; opacity: 0;}
div:not(#foo) > input[type=radio] + label {display: inline-block; background: url(images/icon-radio.png) 0 4px no-repeat; min-height: 20px; padding: 0 0 0 28px;}
div:not(#foo) > input[type=radio]:checked + label {background-position: 0 -26px;}

/* drupal messages */
#messages {background-position: 8px 8px; position: absolute; top: 40px; right: 50px; z-index: 2000; width: 400px; text-align: left;}
.messages {border-radius: 5px; /*box-shadow: 2px 2px 2px #ddd;*/}
.messages.status {padding: 6px 0 8px 38px;}

/* clickable rows */
.clickable {cursor: pointer;}
.clickable:hover {opacity: 0.8;}

/* blocks */
.block {margin: 0; padding: 0; position: relative;}

/* comments */
#comments-heading {margin: 40px 0 25px 0; padding: 15px 0 10px 0; border-top: solid 1px #135e8d; border-bottom: solid 1px #e7e7e7;}
#comments-heading-count {float: left; color: #14557d; margin: 0 20px 0 0; padding: 0 20px 0 0; background: url(images/bar.png) no-repeat right 2px;}
#comments-heading-link {}
#comments-list {}
#comments-form {padding: 20px 0 0 0;}
.comment {padding: 20px 0; border-bottom: solid 1px #e7e7e7;}
.comment_info {width: 120px; float: left;}
.comment_content {width: 430px; float: right; color: #777;}
.field-name-comment-body {margin: 0 0 10px 0;}
.comment_content ul.links {padding: 20px 0 0 0; font-style: italic; clear: both;}
.comment_content ul.links li.comment-reply {display: none;}
.comment .field-name-field-images .field-item {float: left; margin: 0 20px 15px 0;}
.field-name-field-images  .field-item {float: left; margin: 0 20px 0 0; position: relative;}
.field-name-field-images  .field-item img {border: solid 1px #16567d;}
.field-name-field-images  .field-item.hover img {border: solid 1px #f68f60; opacity: 0.7;}
.field-name-field-images  .field-item .zoom_icon {width: 120px; height: 120px; background: url(images/icon-zoom.png) no-repeat; position: absolute; left: 40px; top: 40px; z-index: 10; display: none; cursor: pointer;}
.field-name-field-images  .field-item.hover .zoom_icon {display: block;}

/* comments form */
#comments-form {}
#comments-form .form-item {padding: 0; margin: 0 0 15px 0;}
#comments-form label {float: left; width: 130px; margin-right: 20px; color: #064d78; font-weight: normal;}
#comments-form .form-submit {margin: 0 0 0 150px;}
#comments-form textarea {width: 450px;}
.field-name-comment-body .grippie {display: none;}
#comments-form #edit-field-images {width: 450px; margin-left: 150px;}
#comments-form #edit-field-images fieldset {border: none; padding: 0;}
#comments-form #edit-field-images fieldset legend {display: none;}
#comments-form #edit-field-images .fieldset-description {margin: 0 0 15px 0;}
#comments-form #edit-field-images label {width: auto; float: none; margin-right: 0;}
#comments-form #edit-field-images input.form-text {width: 300px;}
#comments-form #edit-field-images .fieldset-description {}
#comments-form #edit-field-images .form-submit {margin: 0;}
#comments-form .form-type-managed-file label {color: #000;}
#comments-form-text {margin: 20px 0 40px 170px; font-style: italic;}
.comments-info-text {font-style: italic;}

/* pager */
/*
.item-list ul.pager {text-align: left; margin: 25px 0 15px 0;}
.item-list ul.pager li a.active {display: inline-block; height: 24px; color: #8d8d8d; text-decoration: none;}
.item-list ul.pager li a:hover {color: #dc5818; text-decoration: none;}
.item-list ul.pager li {float: left; color: #054e77; margin: 0 12px 0 0; padding: 0 0 0 12px; font-weight: normal; background: url(images/bar-pager.png) no-repeat;}
.item-list ul.pager li.pager-first {background: none; padding: 0;}
.item-list ul.pager li.pager-previous {background: none; padding: 0;}
.item-list ul.pager li.first {background: none; padding: 0;}
.item-list ul.pager li.pager-next {background: none; padding: 0;}
.item-list ul.pager li.pager-last {background: none; padding: 0;}
.item-list ul.pager li.pager-previous a{display: block; width: 35px; height: 24px; background: url(images/button-pager-previous.png) no-repeat; text-indent: -9999px; position: relative; top: -2px;}
.item-list ul.pager li.pager-next a {display: block; width: 35px; height: 24px; background: url(images/button-pager-next.png) no-repeat; text-indent: -9999px; position: relative; top: -2px;}
.item-list ul.pager li.pager-previous a:hover, .item-list ul.pager li.pager-next a:hover {background-position: 0px -24px;}
*/
/* site wide search result */
.page-search #search-form {display: none;}
ol.search-results {margin: 0; padding: 0; background: none;}
ol.search-results li.search-result {margin: 0; padding: 0; background: none;}
.search-result-title {text-decoration: none; font-size: 21px; margin: 0 0 4px 0;}
.search-results .search-snippet-info {padding-left: 0}

/* sitemap */
#site-map h2 {display: none;}
#site-map ul {margin: 0; padding: 0;}
#site-map li {margin: 0 0 10px 0; background: none; padding: 0;}
#site-map li li {padding: 0 0 0 20px;}
#site-map ul ul li{margin: 0;}

/* scrollable */
.scrollable {position: relative; overflow: hidden; width: 100%;}
.scrollable .scroll-item {float: left; text-align: center;}
a.browse {position: absolute; top: 40%; display: block; width: 36px; height: 50px; background-image: url(images/arrows.png); background-repeat: no-repeat; text-indent: -9999px; z-index: 10;}
a.browse:hover {opacity: 0.7;}
a.browse.left {left: 0; background-position: 0 -50px;}
a.browse.right {right: 0; background-position: 0 0;}
a.browse.disabled {visibility: hidden !important;}
.navi {padding: 40px 0 0 0; margin: auto; width: 100px; height: 20px; clear: both;}
.navi a {width: 8px; height: 8px; float: left; margin: 3px; background: url(images/navigator.png) 0 0 no-repeat; display: block;font-size:1px;}
.navi a:hover {background-position: 0 -8px;}
.navi a.active {background-position: 0 -16px;}

/* columns for components */
.one-column {/*width: 70%;*/ text-align: left;}
.side.one-column {width: 100%; text-align: left;}
.side.one-column .component-inside {width: 300px; float: right; text-align: left; background: #efefef; padding: 15px;}
.side.one-column .component-heading {width: 100%; text-align: left;}
.section-column-right .one-column {text-align: left; margin: 0;}
.two-columns .column1 {width: 48%; float: left;}
.two-columns .column2 {width: 48%; float: right;}
.three-columns .column1 {width: 30%; float: left;}
.three-columns .column2 {width: 30%; float: left; margin-left: 3%;}
.three-columns .column3 {width: 30%; float: right;}
.four-columns .column1 {width: 24%; float: left;}
.four-columns .column2 {width: 24%; float: left; margin-left: 1%;}
.four-columns .column3 {width: 24%; float: left; margin-left: 1%;}
.four-columns .column4 {width: 24%; float: right;}

/* columns for nested components */
.two-columns .column1 .one-column {width: 100%; text-align: left;}
.two-columns .column2 .one-column {width: 100%; text-align: left;}
.two-columns .one-column .column1 {width: 100%; text-align: left;}
.component.nested .component {padding: 0;}

/* component: image and text */
.component-image-text .scrollable {}
.component-image-text .scrollable .scroll-item  {width: 100%;}
.component-image-text.two-columns .item {float: left; width: 45%; margin: 0 0 0 5%;}
.component-image-text.two-columns .item:first-child {margin-left: 0;}
.component-image-text.three-columns .item {float: left; width: 31%; margin: 0 0 0 3%;}
.component-image-text.three-columns .item:first-child {margin-left: 0;}
.component-image-text.four-columns .item {float: left; width: 20%; margin: 0 0 0 5%;}
.component-image-text.four-columns .item:first-child {margin-left: 0;}
.component-image-text .item {text-align: left;}
.component-image-text .item-image {margin: 0 0 20px 0;}
.component-image-text .item-sub-heading {text-transform: uppercase; color: #8c8686; font-size: 18px; line-height: 28px; padding: 0; margin: 0 0 15px 0;}
.component-image-text .item-heading {font-weight: bold; font-size: 23px; margin: 0 0 10px 0; color: #000;}
.component-image-text .item-link a {display: inline-block; margin-top: 10px;}
.component-image-text .item-link a:hover {opacity: 0.7;}
.component-image-text.image-top-white-background .item {padding: 6px 6px 10px 6px;}
.component-image-text.image-top-grey-background .item {background: #ddd; padding: 6px 6px 30px 6px;}
.component-image-text.image-top-grey-background .item-image {margin: 0 0 35px 0;}
.component-image-text.image-top-grey-background .item-heading {text-align: center; font-size: 22px; line-height: 32px; margin: 0 0 15px 0;}
.component-image-text.image-top-grey-background .item-link {text-align: center; font-size: 26px;}
.component-image-text.image-left .item-image {float: left; margin: 0 15px 0 0;}
.component-image-text.image-left .item-heading {display: block;}
.component-image-text.image-left .item-text {display: block; overflow: hidden;}
.component-image-text.image-left .item-link {display: block; overflow: hidden;}

/* component: accordion */
.component-accordion {}
.component-accordion-item {border-top: solid 1px #999;}
.component-accordion .item-title a {display: block; padding: 30px 0; color: #2c2c2c; font-size: 20px; background: url(images/icon-plus.png) right 30px no-repeat; cursor: pointer;}
.component-accordion .item-title a:hover {text-decoration: none; background-position: right -70px; color: #555;}
.component-accordion .item-title.open a {background-position: right -170px;}
.component-accordion .item-title.open a:hover {background-position: right -270px;}
.component-accordion .item-content {display: none; color: #747474; padding: 0 100px 30px 0;}

/* component: tabbed text */
.component-tabbed {}
.component-tabbed-intro {margin: 0 0 50px 0;}
.component-tabbed-tabs {background: url(images/tabs-line.png) 0px 12px repeat-x; padding: 0 0 10px 0; width: 100%; overflow: hidden; text-align: center;}
.component-tabbed-tabs ul {display: inline-block; background: #fff; padding: 0px 20px;}
.section.white .component-tabbed-tabs ul {background: #fff;}
.section.grey .component-tabbed-tabs ul {background: #f9f9f9;}
.component-tabbed-tabs li {float: left; background: url(images/bar-tabs.png) 0px 5px no-repeat; padding: 0px 30px;}
.component-tabbed-tabs li:first-child {background: none;}
.component-tabbed-tabs li a:hover {text-decoration: none; opacity: 0.7;}
.component-tabbed-tabs li.selected a {color: #000;}
.component-tabbed-tabs li.selected a:hover {color: #000; opacity: 1;}
.component-tabbed-content {}
.component-tabbed-content .item {display: none;}
.component-tabbed-content .item:first-child {display: block;}
.component-tabbed-content .item .intro {width: 800px; text-align: left; margin: 0 auto 35px auto;}

/* component: steps */
.component-steps {}
.component-steps .item {}
.component-steps .item:nth-child(even) {background: #fff;}
.component-steps .item:nth-child(odd) {background: #fafafa;}
.component-steps .item-container {background: url(images/steps-background.png) 165px 0px no-repeat; padding: 0 0 0 200px;}
.component-steps .item:first-child .item-container {background-position: 165px 15px;}
.component-steps .item:first-child .item-content {padding-top: 0;}
.component-steps .item-content {width: 800px; padding: 60px 0 40px 0;}
.component-steps .item-step {background: url(images/steps-bullet.png) 0px 14px no-repeat; padding: 0 0 0 38px; position: relative; left: -39px;}
.component-steps .item-step div {display: inline-block; background: #d4d2e8; padding: 6px 25px; margin: 0 0 60px 0; color: #626262; border-radius: 5px;}
.component-steps .item-heading {text-align: left; color: #000; font-size: 24px; line-height: 27px; margin: 0 0 30px 0;}
.component-steps .item-text {margin: 0; padding: 0;}

/* component: carousel */
.component-carousel {position: relative; width: 100%;}
.component-carousel  .scrollable {width: 100%; height: 414px;}
.component-carousel-item {height: 414px; width: 100%; float: left; background-position: top center; background-repeat: no-repeat; text-align: center;}
.component-carousel-content {position: absolute; bottom: 0; left: 0; text-align: center; width: 100%;}
.component-carousel-box {display: inline-block; margin: auto; background: #fff; padding: 20px 90px; opacity: 0.8;}
.component-carousel-link {font-size: 20px;}

/* component: two columns slideshow */
.component-two-columns-slideshow {position: relative;}
.component-two-columns-slideshow .item {width: 100%; float: left;}

/* component: full screen gallery */
.component-full-screen-gallery {height: 100vh; width: 100%; position: relative;}
.component-full-screen-gallery .item {height: 100vh; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.component-full-screen-gallery .component-inside {position: absolute; top: 30%; left: 0; z-index: 200;}
.component-full-screen-gallery .text {background: #efefef; padding: 15px; width: 300px;}

/* component: google map */
.component-google-map {}
.component-google-map #google-map {width: 100%; height: 100vh; background: #efefef;}
.component-google-map .hidden {display: none;}
.component-google-map .component-inside {position: absolute; top: 30%; left: 0; z-index: 200;}
.component-google-map .text {background: #efefef; padding: 15px; width: 300px;}

/* image list */
.page-images h1 {display: none;}
.image-list {width: 100%; overflow: hidden;}
.image-list .item {font-family: 'helvetica_neue45_light'; margin: 0; background: #efefef; float: left;}
.image-list .item:hover {opacity: 1;}
.image-list .item .inner {border: solid 2px #fff;}
.image-list .item-thumbnail {overflow: hidden; position: relative;}
.image-list .item-thumbnail img{vertical-align: top; position: relative; width: 100%; height: auto;}
.image-list .item-mask-under {display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.7;}
.image-list .item-mask {display: none; position: absolute; top: 0px; left: 0px; padding: 20px; color: #fff; width: 100%;}
.image-list .item-mask span {font-size: 20px;}
.image-list .item {width: 12.4%;} /* eight images per row */
@media screen and (max-width: 1800px) {.image-list .item { width: 16.6%; }} /* six images per row */
@media screen and (max-width: 1450px) {.image-list .item { width: 19.9%; }} /* five images per row */
@media screen and (max-width: 1250px) {.image-list .item { width: 24.99%; }} /* four images per row */
@media screen and (max-width: 850px) {.image-list .item { width: 33.3%; }} /* three images per row */
@media screen and (max-width: 650px) {.image-list .item { width: 100%; }} /* one image per row */
.no-result {padding: 15px 0 0 5px;}

/* infinite pager */
#load-area {height: 100px; padding: 30px 0 30px 0;}
#load-more {clear: both; width: 100%; text-align: center;}
#load-more a {display: inline-block; background: #3c3f3e; color: #fff; padding: 5px 45px; text-align: center; border-radius: 20px;}
#load-more a:hover {opacity: 0.7; text-decoration: none;}
#load-icon {display: none; background: url(images/ajax-loader.gif) center top no-repeat; height: 50px; width: 100%;}
#views_infinite_scroll-ajax-loader {padding: 15px 0 15px 0; width: 100%; text-align: center; clear: both; margin: auto;}
#views_infinite_scroll-ajax-loader img {margin: auto;}

/* image page */
.image-image {width: 38%; margin: 0 4% 3px 0; float: left; min-height: 10px;}
.image-info {width: 58%; float: left; padding: 20px 0 30px 0;}
.image-top {width: 100%; overflow: hidden; margin: 0 0 15px 0;}
.image-nav {float: left; position: relative; top: 6px;}
.image-nav ul {width: 100%; overflow: hidden; margin: 0; padding: 0;}
.image-nav li {float: left; background: url(images/bar.png) left 8px no-repeat; margin: 0; padding: 0 15px 0 15px;}
.image-nav li:first-child {background: none; padding-left: 0;}
.image-nav a {font-family: 'helvetica_neue65_medium'; font-size: 13px;}
.image-nav a:hover {text-decoration: none; opacity: 0.7;}
.image-nav a.back {display: inline-block; background: url(images/icon-back.png) no-repeat; padding: 2px 0 10px 40px;}
.image-nav a.next {display: inline-block; background: url(images/icon-next.png) right top no-repeat; padding: 2px 40px 10px 0px;}
.image-nav a.previous {display: inline-block; background: url(images/icon-previous.png) no-repeat; padding: 2px 0 10px 40px;}
.image-share {float: right;}
.row {margin: 0 0 5px 0; overflow: hidden; width: 100%;}
.row .label {width: 200px; float: left; font-family: 'helvetica_neue65_medium';}
.row .value {float: left;}
.paypal-area {position: relative; margin: 0 0 25px 0;}
.paypal-line-description {display: inline-block; width: 210px;}
.paypal-view-cart {position: absolute; bottom: 0; left: 180px;}

/* addthis */
.addthis_toolbox a {background-image: url(images/icons-addthis.png)!important; background-repeat: no-repeat; display: inline-block; float: left;}
.addthis_toolbox a img {display: block;}
.addthis_button_facebook {width: 40px; height: 38px; background-position: 0 0;}
.addthis_button_facebook:hover {background-position: 0 -62px;}
.addthis_button_pinterest {width: 40px; height: 38px; background-position: -40px 0;}
.addthis_button_pinterest:hover {background-position: -40px -62px;}
.addthis_button_twitter {width: 40px; height: 38px; background-position: -80px 0;}
.addthis_button_pinterest span {display: none;}
.addthis_button_twitter:hover {background-position: -80px -62px;}
.addthis_button_compact {width: 38px; height: 38px; background-position: -120px 0;}
.addthis_button_compact:hover {background-position: -120px -62px;}

/* download template */
.download {width: 100%; overflow: hidden; margin: 0 0 25px 0; padding: 0 0 0 50px; background: url(images/icon-pdf.png) no-repeat;}
.download_title {}
.download_text {}

/* chronology */
.event {width: 100%; overflow: hidden; margin: 0 0 15px 0;}
.event-date {font-family: 'helvetica_neue25_ultra_light'; font-size: 42px; line-height: 42px; float: left; margin: 0 15px 0 0;}
.event-text {font-family: 'helvetica_neue65_medium'; font-style: italic; float: left; margin: 13px 0 0 0;}
.event-location {font-family: 'helvetica_neue45_light';}

/* wysiwyg editor */
body.cke_editable {text-align: left; background: #fff; padding: 10px;}
body.cke_editable img {width: auto;}
.cke_combopanel {width:300px;}
.cke_panel_list {text-align: left; margin: 0; padding: 0;}
.cke_panel_listItem{background: none; padding: 0 0 1px 0;}
.cke_panel_listItem a{margin: 0;}
.cke_panel_grouptitle{text-align: left; padding: 4px;}
.cke_editable .ry-gallery {color: #000;}

/* responsive layout */

@media (max-width: 1100px) {
	#header-social {display: none;}
	#footer1 .column1 {text-align: right; width: 30%; float: left; padding: 0 40px 0 0;}
	#footer1 .column2 {text-align: center; width: 40%; float: left; padding: 0 30px 0 30px;}
	#footer1 .column3 {text-align: left; width: 30%; float: right; padding: 0 0 0 30px;}
}

@media (max-width: 850px) {
	.page-width {padding: 0 10px;}
	.page-width .page-width {padding: 0;}
	img {display: block; width: auto; height: auto;}
	#header-navigation li.gallery {display: none;}
	#header-navigation li.nightclubbing {display: none;}
	.component-heading {width: 100%; text-align: left;}
	.component-banner-and-tabs-container {display: none;}
	.component-banner-and-tabs-tabs {height: auto;}
	.section-column-side  {width: 100%; float: none; margin: 0 0 30px 0;}
	.section-column-main {width: 100%; float: none;}
	.one-column {width: 100%; text-align: left;}
	.two-columns .column1 {width: 100%; float: none; margin: 0 0 25px 0;}
	.two-columns .column2 {width: 100%; float: none;}
	.three-columns .column1 {width: 100%; float: none; margin: 0 0 25px 0;}
	.three-columns .column2 {width: 100%; float: none;  margin: 0 0 25px 0;}
	.three-columns .column3 {width: 100%; float: none;}
	.side.one-column .component-inside {width: 100%; float: none; text-align: left; background: none; padding: 0;}
	.side.one-column .component-heading {width: 100%; text-align: left;}
	.component-image-text.two-columns .item {float: none; width: 100%; margin: 0;}
	.component-image-text.two-columns .item:first-child {margin: 0 0 25px 0;}
	.component-image-text.three-columns .item {float: none; width: 100%; margin: 0;}
	.component-image-text.three-columns .item:first-child {margin: 0 0 25px 0;}
	.component-image-text.four-columns .item {float: none; width: 100%; margin: 0;}
	.side.one-column {width: 100%; text-align: left;}
	
	#header-navigation li.last {display: none;}
	#header-social {display: none;}
	#footer .column {min-height: 0px;}
	#footer1 .column1 {text-align: center; width: 100%; float: none; padding: 0; background: none; margin: 0 0 30px 0;}
	#footer1 .column2 {text-align: center; width: 100%; float: none; padding: 0; background: none; margin: 0 0 30px 0;}
	#footer1 .column3 {text-align: center; width: 100%; float: none; padding: 0;}
	
	html {position: relative; min-height: 100%;}
	body {margin: 0;}
	#footer {position: relative; left: 0; bottom: 0; height: auto; width: 100%;}
	h1 {font-size: 40px; line-height: 40px;}
	.row {margin: 0 0 20px 0;}
	.row .label {width: 100%; float: none;}
	.row .value {float: none;}
}

@media (max-width: 650px) {
	#header {height: 120px; background: #000;}
	#header-logo {margin: 20px 0 0 15px; float: none;}
	#header-navigation {float: none;}
	#header-navigation ul {margin: 15px 0 0 0;}
	#header-navigation li.first {padding: 0; margin: 0 0 0 15px; background: none;}
	#header-navigation li.last {display: none;}
	a#header-black-book {width: 0px; height: 26px; top: 40px; padding: 15px 15px 10px 48px; background-position: 10px -58px;}
	a#header-black-book span {display: none;}
	a#header-black-book.open {background-position: 10px 10px;}
	#content {margin-top: 100px;}
	.no-node.page-images #content {padding: 0 2px 0 1px;}
	.image-image {width: 100%; margin: 25px 0 0 0; float: none;}
	.image-info {width: 100%; float: none; padding: 30px 0 0 0;}
	.image-nav {float: none;}
	.image-share {float: none; margin: 15px 0 0 0;}
	.paypal-line-description {display: inline-block; width: 180px;}
	h1 {font-size: 30px; line-height: 40px;}
	.event-date {font-size: 30px; line-height: 30px; float: none;}
	.event-text {float: none;}
	body.push {right: 330px; position: relative; overflow-x: hidden;}
	#black-book {top: 120px;}
	#black-book .top {display: none;}
	#black-book .content {padding: 0;}
	#black-book.push {width: 100%;}
	#header.push {left: 0px;}
}