/* General styles
-----------------------------*/
/*body {
    background: #111111 url('../img/backgrounds/gray_texture.jpg') repeat center;
}
#background {
    background: #111111 url('../img/backgrounds/blue_texture.jpg') repeat center;
}*/

@font-face { font-family: Bodoni; src: url('bodoni.ttf'); }


body {
    background: #202020;
}

#container {
    width: 960px;
    /*padding-top: 24px;*/
    margin: 0 0 0 -480px;
    z-index: 10;
    position: absolute;
    left: 50%;
}

#header {
    font-size: 22px;
    position: relative;
    /*background-color: rgba(0,0,0,0.2);  */
    background: rgba(0,0,0,0.18) url('../img/header.png') no-repeat 0 0;
    height: 108px;
}
#footer {
    margin-bottom: 64px;
}

#home #header {
    opacity: 0;
}

a, a:visited {
    text-decoration: none;
    color: #96afc8;
}
a:hover {
    text-decoration: underline;
    color: #96afc8;
}

#logo {
    width: 88px;
    height: 100px;
    display: block;
    /*background: transparent url('../img/socko_logo_20.png') no-repeat 0 0;*/
    margin-bottom: 12px;
    position: absolute;
    left: -55px;
    top: 9px;
    z-index: 100;
}
#logo img { opacity: 0.7; }
/*#home #logo { opacity: 0; }*/
#tagline {
    position: absolute;
    left: 110px;
    top: 24px;
    font-size: 18px;
    color: #fff;
    opacity: 0.3;
    line-height: 1;
    letter-spacing: 4px;
    font-weight: 100;
}
#socko-text-logo {
    width: 268px;
    height: 55px;
    display: block;
    background: transparent url('../img/socko_logo.png') no-repeat 0 0;
    position: absolute;
    left: 635px;
    top: 14px;
    opacity: 0.6;
}
#tagline span {
    margin-left: 35px;
    font-size: 17px;
}
#contact-num {
    position: absolute;
    right: 106px;
    top: -50px;
    font-size: 30px;
    color: #fff;
    opacity: 0.2;
}

/* Type
-----------------------------*/
#container { font-size: 1.2em; }
h1 { font-size: 2em; }
h2 { font-size: 1.3em; }

/* Defaults
-----------------------------*/
h1 { color: #bbb; opacity: 0.5; /*#a3b6c8;*/ }
h2 {
    font-size: 1.1em;
    color: #bbb;
    opacity: 0.7;
    font-weight: bold;
    text-transform: uppercase;
    margin: 12px 0 0px 0;
    line-height: 1;
}
p {
    margin-bottom: 8px;
    text-align: justify;
    color: #bbb;
}

#content p {
    font-size: 1.1em;
    line-height: 1.3;
    margin-bottom: 16px;
}



/* Backgrounds
-----------------------------*/
.background {
    background: red;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#background-front {
    background: #111111 url('../img/backgrounds/gray_texture.jpg') repeat top center;
    z-index: 2;
}
#background-back {
    background: #111111 url('../img/backgrounds/blue_texture.jpg') repeat top center;
    z-index: 1;
}

/*
#background-gray {
    background: #111111 url('../img/backgrounds/gray_texture.jpg') repeat center;
    z-index: 1;
    opacity: 1;
}
#background-blue {
    background: #111111 url('../img/backgrounds/blue_texture.jpg') repeat center;
    z-index: 2;
    -webkit-animation-delay: 0, 5s;
}
#background-green {
    background: #111111 url('../img/backgrounds/green_texture.jpg') repeat center;
    z-index: 3;
    opacity: 0;
}
#background-purple {
    background: #111111 url('../img/backgrounds/purple_texture.jpg') repeat center;
    z-index: 4;
    opacity: 0;
}
*/



/* Navigation
-----------------------------*/
.navbar,
.subnav {
    display: block;
    background: rgba(0, 0, 0, 0.2);
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0px;
    font-family: arial, sans-serif;
    opacity: 0.9;
    filter: alpha(opacity = 90);
    bottom: 0;
    width: 960px;
    font-weight: 200;
}
.navbar li {
    float: left;
}
.navbar a,
.subnav a {
    font-family: "Helvetica Neue", helvetica, sans-serif;
    color: #fff;
    opacity: 0.3;
    filter: alpha(opacity = 30);
    font-size: 18px;
    padding: 4px 8px;
    display: block;
}
.navbar a.active,
.subnav a.active {
    opacity: 0.8;
    filter: alpha(opacity = 80);
}
.navbar a:hover,
.subnav a:hover {
    opacity: 0.8;
    filter: alpha(opacity = 80);
    color: #eee;
    background: rgba(0,0,0,0);
    text-decoration: none;
}
/*#home #nav { opacity: 0; }*/
.navbar .last {
    float: right;
    /*color: #ff4080;*/
    color: #fff;
    font-size: 18px;
    opacity: 0.25;
    filter: alpha(opacity = 25);
    padding: 4px 12px 4px 0;
}
.navbar .facebook,
.navbar .twitter,
.navbar .instagram {
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    display: block;
    padding: 0;
    margin: 6px 4px;
}
.navbar .facebook, .navbar .facebook:hover { margin-left: 30px; background: transparent url(../img/facebook_icon_grey.png) 0 0 no-repeat; }
.navbar .twitter, .navbar .twitter:hover { background: transparent url(../img/twitter_icon_grey.png) 0 0 no-repeat; }
.navbar .instagram, .navbar .instagram:hover { background: transparent url(../img/instagram_icon_grey.png) 0 0 no-repeat; }


#nav {
    position: absolute;
}
#nav .music {
    opacity: 0.6;
    cursor: pointer;
    width: 18px;
    height: 20px;
    display: inline-block;
    background: transparent url('../img/music_stopped.gif') no-repeat 0 bottom;
    margin-left: 10px;
}
#nav .music.playing {
    background: transparent url('../img/music_playing.gif') no-repeat 0 bottom;
}

#bottom-nav { background-color: transparent; margin-bottom: 64px; opacity: 0; }
#bottom-nav li {
    float: right;
}

.subnav li {
    float: none;
    background: rgba(0, 0, 0, 0.8);
    display: block;
}
.gallerynav {
    position: absolute;
    top: 108px;
    left: 125px;
    bottom: auto;
    z-index: 1000;
    width: auto;
    display: none;
}

/* Mosaics
-----------------------------*/
#mosaics {
    background-image: url('../img/mosaic_start.jpg');
    position: relative;
    visibility: hidden;
    margin: 0;
    height: 555px;
    overflow: hidden;
    opacity: 0.3;
    filter: alpha(opacity = 30);
    cursor: none;
}
#mosaics .tile {
    background-image: url('../img/mosaic_start.jpg');
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    opacity: 0;
}
#mosaics .front,
#mosaics .back,
#mosaics .overlay {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
}
#mosaics .overlay { top: 5px; z-index: 15; }
#mosaics .front { z-index: 10; }
#mosaics .back { z-index: 5; }

#mosaics .overlay a {
    width: 100px;
    height: 175px;
    display: block;
    position: absolute;
    opacity: 0.5;
    display: none;
}
#mosaics.hover .overlay a {
    display: block;
}
#mosaics .overlay .previous {
    left: 0;
    top: 35%;
    background: transparent url(../img/gallery/arrow_prev.png) no-repeat 0 0;
}
#mosaics .overlay .next {
    right: 0;
    top: 35%;
    background: transparent url(../img/gallery/arrow_next.png) no-repeat 0 0;
}
#mosaics .nav-arrow {
    width: 50px;
    height: 88px;
    display: none;
    position: absolute;
    background: transparent url(../img/mosaics_arrow_next.png) no-repeat 0 0;
    opacity: 0.3;
    z-index: 15;
}
#mosaics .nav-arrow-next { background-image: url(../img/mosaics_arrow_next.png); }
#mosaics .nav-arrow-prev { background-image: url(../img/mosaics_arrow_prev.png); }
#mosaics.hover .nav-arrow {
    display: block;
}

/* Login form on homepage
-----------------------------*/
.login-form {
    position: absolute;
    right: 0;
    top: 348px;
    background: rgba(0,0,0,0.6);
    z-index: 20;
    width: 0;
    opacity: 0;
    height: 315px;
    overflow: hidden;
}

.login-form form {
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    padding: 24px;
    width: 202px;
}
.login-form label {
    color: #fff;
}
.login-form label,
.login-form .text {
    display: block;
}
.login-form h2 {
    margin-bottom: 16px;
}
.login-form input,
.login-form textarea {
    border: 0px solid #333;
    background: #ccc;
    display: block;
    margin-bottom: 8px;
    width: 200px;
}
.login-form input.submit {
    background-color: #555;
    border: 0px solid #ccc;
    margin: 5px auto 4px auto;
    color: #aaa;
    padding: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 100px;
}
.login-form .error {
    border: 1px solid #cc0000 !important;
    background: #fddfde !important;
}
.login-form .captcha__description {
    font-size: 1em !important;
}


/* Gallery
-----------------------------*/
.gallery {
    display: block;
    margin: 0 0 100px 0;
    overflow: hidden;
    background: transparent url(../img/gallery/image_background_960x555.png) no-repeat 0 0;
    position: relative;
}
.custom-cursor {
    cursor: none;
}
.js .gallery { height: 617px; }
.js .gallery li {
    display: none;
}
.gallery * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}
.gallery .loader {
    opacity: 0.5;
    background: transparent url(../img/gallery/loader.gif) no-repeat 0 0;
    display: block;
    width: 128px;
    height: 128px;
    position: absolute;
    top: 210px;
    left: 447px;
}
.gallery-window {
    visibility: hidden;
    position: relative;
    margin-bottom: 8px;
}
.gallery-window .image {
    width: 960px;
    height: 555px;
    float: left;
    overflow: hidden;
}
.gallery-window .image img {
    margin: 0 auto;
    display: block;
}
.gallery .nav-arrow {
    width: 100px;
    height: 175px;
    display: none;
    position: absolute;
    background: transparent url(../img/gallery/arrow_next.png) no-repeat 0 0;
    opacity: 0.3;
}
.gallery .nav-arrow-next { background-image: url(../img/gallery/arrow_next.png); }
.gallery .nav-arrow-prev { background-image: url(../img/gallery/arrow_prev.png); }
/*.gallery.animating .nav-arrow-next { background-image: url(../img/gallery/arrow_next_highlight.png) !important; }
.gallery.animating .nav-arrow-prev { background-image: url(../img/gallery/arrow_prev_highlight.png) !important; }*/
.gallery.animating .nav-arrow { opacity: 1; }

.gallery.hover .nav-arrow {
    display: block;
}
.gallery .thumbs-container {
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}
.gallery .thumbs {
    margin: 0;
    padding: 0;
    /*width: 1000%;*/
    height: 50px;
    cursor: pointer;
}
.gallery .thumbs img { opacity: 0.3; filter: alpha(opacity = 30); }
.gallery .thumbs img:hover,
.gallery .thumbs img.active { opacity: 1;  filter: alpha(opacity = 100);}
.gallery .nav {
    width: 200px;
    height: 555px;
    background: yellow;
    position: absolute;
    top: 0;
    left: 0;
}
.gallery .next {
    right: 0;
    left: auto;
}

.gallery .flip {
    position: relative;
}
.gallery .flip div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.gallery .flip img {
    display: block;
}
.gallery .flip .back {
    display: none;
}



/* Testimonials
-----------------------------*/

#testimonials #content {
    width: 960px;
    height: 555px;
    background: transparent url(../img/testimonials/romantic.jpg) no-repeat 0 0;
}
#testimonials #content ul {
    color: #fff;
    font-size: 1.1em;
    margin-left: 80px;
    width: 572px;
    height: 555px;
    overflow: auto;
    opacity: 1;
}
#testimonials #content li {
    color: #eee;
    font-weight: 200;
    padding: 8px 8px 16px 8px;
    width: 544px;
}
#testimonials #content li.first {
    padding-top: 8px
}
#testimonials #content li span {
    display: block;
    font-weight: bold;
}
#testimonials #content {
    position: relative;
}
#testimonials #content .mask {
    width: 960px;
    height: 555px;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(../img/testimonials/mask.png) no-repeat 0 0;
}

/* Members Area Bar
-----------------------------*/
#members-bar {
    position: fixed;
    width: auto;
    height: 24px;
    background: rgba(0, 0, 0, 0.2);
    bottom: 0;
    font-size: 14px;
    padding: 4px;
}
#members-bar .main-link,
#members-bar ul {
    float: left;
}
#members-bar a {
    color: #ccc;
    line-height: 1.6em;
}
#members-bar ul {
    opacity: 0;
}
#members-bar ul li {
    float: left;
    margin: 0 16px;
}
#members-bar ul li a {
    color: #fff;
}


/* Visitor form
-----------------------------*/
#visitor-form {
    display: none;
    color: #bbb;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 1.3em;
    width: 340px;
    margin: 180px auto 0 auto;
    padding: 16px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#visitor-form p {
    margin-bottom: 16px;
}
#visitor-form label {
    display: block;
    margin-bottom: 16px;
}
#visitor-form .name input {
    margin-bottom: 4px;
}
#visitor-form fieldset {
    margin-bottom: 8px;
}
#visitor-form input {
    /*background-color: rgba(150,150,150,0.4);*/
    background-color: #333;
    border: 0px solid #ccc;
    margin-bottom: 16px;
    color: #aaa;
    padding: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 158px;
}
#visitor-form input.tv-focused,
#visitor-form input.tv-changed {
    color: #eee;
}
#visitor-form .age {
    display: inline;
    margin-bottom: 16px;
    margin-left: 2px;
    width: 329px;
    padding: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
#visitor-form .phone { vertical-align: top; }
#visitor-form label.phone { margin-left: 12px; }
#visitor-form .age input {
    margin-left: 8px;
    margin-bottom: 0;
    height: 2.5em;
    width: auto;
}
#visitor-form .submit {
    text-align: center;
    /*color: #333;*/
    width: 110px;
    margin: 24px auto 16px auto;
    display: block;
}
#visitor-form .skip-text {
    text-align: center;
}
#visitor-form .skip-text a {
    border: 1px solid #607890;
    padding: 1px 4px;
    line-height: 2;
}
#visitor-form .skip-text a:hover {
    border: 1px solid #036;
}
#visitor-form .require-highlight {
    /*background-color: rgba(200,0,0,0.4) !important;*/
    background-color: #800000 !important;
}

/* Social Media
-----------------------------*/
.socialmedia {
    border-bottom: 1px dotted #333;
    padding-bottom: 8px;
    margin-bottom: 8px;
    list-style-type: none;
}
.socialmedia li {
    float: left;
    margin-right: 8px;
}
.socialmedia li a {
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    display: block;
}
.socialmedia li .facebook { background: transparent url(../img/facebook_icon.png) 0 0 no-repeat; }
.socialmedia li .twitter { background: transparent url(../img/twitter_icon.png) 0 0 no-repeat; }



/* Evaluation Form
-----------------------------*/
.evaluation {
    color: #bbb;
    margin: 0 12px;
}
.evaluation input {
    color: #333;
}
.evaluation input.file {
    color: #bbb;
    margin: 8px 0;
    display: block;
}
.evaluation label.text input {
    display: block;
}
.evaluation input.text,
.evaluation input.submit {
    background-color: #ddd;
}
.evaluation input.text {
    position: static;
    border: 1px solid #666;
}
.evaluation .submit {
    text-align: center;
    position: static;
    display: block;
    margin: 24px auto;
    border: 1px solid #666;
    padding: 6px 12px;
    margin-bottom: 12px;
}
.evaluation label,
.evaluation textarea {
    display: block;
    margin-bottom: 8px;
}
.evaluation .pre-shoot-type {
    margin-bottom: 16px;
}
.evaluation ol li {
    margin-bottom: 16px;
}
.evaluation ol {
    margin-left: 16px;
    margin-bottom: 12px;
}
.evaluation .upload-dropbox {
    border: 2px dashed #ccc;
    border-radius: 5px;
    width: 195px;
    height: 40px;
    padding: 20px;
    margin: 15px 0;
    position: relative;
    margin: 16px auto;
    clear: both;
}
.evaluation .upload-dropbox p {
    text-align: center;
}
.evaluation .upload-dropbox input {
    position: absolute;
    width: 100%;
    height: 100%;
    background: red;
    top: 0;
    left: 0;
    opacity: 0.01;
}
.evaluation .upload-dropbox span {
    display: block;
    text-align: center;
    font-weight: bold;
}
.evaluation .submit-button {
    clear: both;
}
.evaluation .submit-button input {
    color: #666;
}
.evaluation .uploads {
    clear: both;
}
.evaluation .ng-invalid-required {
    border: 1px solid #cc0000 !important;
}
.evaluation .form-incomplete {
    width: 230px;
    text-align: center;
    margin: 0 auto !important;
    color: #cc0000;
}
.evaluation input[type="submit"]:disabled {
    color: #aaa;
}

/* Booking Form
-----------------------------*/
#reservation { color: #bbb; }
#reservation span.required { color: #cc0000; display: none; }
#reservation .error-msg {
    font-size: 12px;
    line-height: 1;
    color: #cc0000;
    margin: 2px;
}
#reservation h1,
#reservation h2 { /*color: #a3b6c8;*/ }
#reservation h2 { font-size: 1.4em; margin-left: -65px; }
#reservation p { margin-bottom: 8px; text-align: justify; }
#reservation label,
#reservation .inputset {
    -webkit-transition: all 0.25s linear;
    word-spacing: 2px;
}
#reservation .inputset { opacity: 1.1; }
#reservation .inputset.active { opacity: 1; }
#reservation label.disabled { color: #666; opacity: 0.5; }
#reservation form > div h2 {
    margin-bottom: 8px;
}
#reservation form > div {
    /*background-color: rgba(0,0,0,0.2);
    padding: 20px;*/
}
#reservation form > div.shoot:hover,
#reservation form > div.talent:hover,
#reservation form > div.agency:hover,
#reservation form > div.deposit:hover{
    /*background-color: rgba(80,80,80,0.2);  */
}
#reservation .error {
    color: #404040;
}
#reservation input.text.error {
    border: 1px solid #cc0000;
    background: #fddfde;
}

#reservation form .validate-ok,
#reservation .prefix-1xx {
    /*background-color: rgba(0,80,80,0.2) !important;  */
    background-color: rgba(31,63,94,0.2) !important;
    margin-bottom: 12px;
}
#reservation .intro {
    background-color: transparent !important;
}

#reservation form > div:nth-child(2n+1) {
    background-color: rgba(125,125,125,0.2) !important;
}

#reservation #container .content {
    margin-left: 0px;
}
.js #reservation .location .address { display: block; }
.js #reservation .location .address span { display: none; }
#reservation .title {
    color: #607890;
    font-weight: bold;
    text-transform: uppercase;
    margin: 4px 0 4px 0;
}
#reservation .shoot .availability {
    text-transform: uppercase;
    font-size: 0.90em;
    font-weight: bold;
    color: #607890; /*#a17b37;*/
}
#reservation label {
    margin: 0 0 12px 16px;
    padding-left: 4px;
    display: block;
    position: relative;
}
#reservation label.select { margin-left: 0; }
#reservation label.radio {
    display: inline-block;
    margin-right: 8px;
}
#reservation label.text input {
    display: block;
}
#reservation input {
    position: absolute;
    left: -16px;
    background-color: transparent;
}
#reservation input.text,
#reservation input.submit {
    background-color: #ddd;
}

#reservation .content li {
    margin-bottom: 12px;
    list-style-position: inside;
}
#reservation .content li p { margin-bottom: 0; }

#reservation .shoot .content > div,
#reservation .talent .content > div,
#reservation .agency .content > div {
    /*width: 235px;*/
    float: left;
    /* border-right: 1px solid #ebb450; */
}

#reservation .gender label.text input,
#reservation #deposit-card input.text {
    display: block;
    width: 216px;
}


#reservation .shoot .content .shot-before,
#reservation .shoot .content .num-looks,
#reservation .talent .content .contact,
#reservation .talent .content .address,
#reservation .talent .content .experience {
    /*width: 200px;*/
    margin-bottom: 16px;
}
#reservation .shoot .content .shot-before .title { text-transform: none; }
#reservation .talent .content .contact {
    /*width: 400px;
    margin-right: 70px;*/
}
#reservation input.text {
    position: static;
    border: 1px solid #666;
}

#reservation .name label,
#reservation .contact label,
#reservation .address label,
#reservation label.text {
    margin-left: 0;
}

#reservation .name input,
#reservation .address input{ display: block; }
#reservation .email input { display: block; }
#reservation .contact span { font-size: 0.83em; }

#reservation .contact .contact-preference {
    display: none;
    font-size: 1em;
}
#reservation .contact .cell .contact-preference {
    display: block;
}
#reservation .contact .contact-preference label {
    margin-bottom: 4px;
    margin-left: 16px;
}
#reservation .contact input.text {
    width: 139px;
}

#reservation .parent { display: none; }

#reservation .select select { display: block; }

.js #reservation .agency .yes,
.js #reservation .agency .no,
.js #reservation .card-billing-address {
    display: none;
}

#reservation .terms .read { display: block; }

#reservation .terms .content {
    text-align: justify;
    /*height: 250px;
    overflow: auto;*/
}
#reservation .terms .title { color: #ddd; }
#reservation .terms .important {
    color: #debd8e;
}
#reservation form > .terms {
    /*background-color: rgba(80,0,0,0.2);  */
}
#reservation .terms label {
    /*width: 255px;*/
    margin: 16px auto 16px 16px;
    font-weight: bold;
}
#reservation input[name="stylist-gratuity"] {
    width: 50px;
}
#reservation .terms .collapsable {
/*    height: 0;
    overflow: hidden;*/
}

#reservation .submit {
    margin-bottom: 12px;
}
#reservation input.submit {
    text-align: center;
    position: static;
    display: block;
    margin: 16px auto;
    border: 1px solid #666;
    padding: 6px 12px;
}
#reservation .touch-submit-button input.submit {
    /* This should only appear on touch devices */
    font-size: 13px;
    margin: 16px 0 16px 45%;
}

#reservation .proceed {
    font-size: 1.2em;
    font-weight: bold;
}

.js #reservation #deposit-moneyorder,
.js #reservation #deposit-card {
    display: none;
}

#reservation .promo {
    display: inline-block;
    padding-left: 12px;
}
#reservation .promo input {
    width: 76px;
    display: inline !important;
}
#reservation #overlay .content {
    margin-top: 0;
    height: 460px;
    overflow: auto;
}

#reservation #overlay h1 { padding-left: 0; }
#reservation #overlay h2 {
    margin: 0 0 12px 0;
    text-transform: none;
    font-size: 1.2em;
}

/* Custom Scrollbars
-----------------------------*/
.jspVerticalBar {
    z-index: 100;
    width: 12px;
    right: 0px;
    background: transparent;
}
.jspTrack {
    background-color: rgba(0,0,0,0.3);
}
.jspDrag {
    background: #8eb26c url('../img/scroller_green.png') no-repeat 0 0;
    -webkit-border-radius: 8px;
    width: 10px;
    margin-left: 1px;
}
#reservation .jspDrag {
    /*background: #8eb26c url('../img/scroller_blue.png') no-repeat 0 0;*/
    background-image: none;
    background-color: #607890;
}


/* Request Rate
-----------------------------*/
#requestrate #content {
    background: transparent url(../img/contact_background.jpg) no-repeat 0 0 !important;
    height: 555px;
    padding: 20px;
}
#requestrate #visitor-form label.phone {
    margin-left: 0;
}



/* Contact
-----------------------------*/
#contact #content {
    background: transparent url(../img/contact_background.jpg) no-repeat 0 0 !important;
    height: 555px;
    padding: 20px;
}
#contact h1,
#contact h2,
#contact p {
    color: #fff;
    text-align: left;
    margin-top: 0;
}
#contact h1 {
    margin-bottom: 12px;
}
#contact .info,
#contact .form {
    float: left;
}
#contact .info { width: 30%; padding-right: 32px; }
#contact .form {
    display: block;
    background: rgba(0,0,0,0.3);
    color: #ccc;
    padding: 24px;
    margin-top: 78px;
    margin-left: 3px;
}
#contact .form label,
#contact .form .text {
    display: block;
}
#contact .form h2 {
    margin-bottom: 16px;
}
#contact .form input,
#contact .form textarea {
    border: 0px solid #333;
    background: #ccc;
    display: block;
    margin-bottom: 8px;
    width: 200px;
}
#contact #content p {
    text-align: left;
}
#contact input.submit {
    background-color: #333;
    border: 0px solid #ccc;
    margin: 0 auto 4px auto;
    color: #aaa;
    padding: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 100px;
}




/* Philanthropy
-----------------------------*/
#philanthropy h1,
#philanthropy h2,
#philanthropy p {
    color: #fff;
    text-align: left;
}
#philanthropy #content {
    background: transparent url(../img/mosaics/TilesAmaiyaBinder.jpg) no-repeat 0 0 !important;
    padding-right: 300px !important;
}
#philanthropy #content h2 {
    margin-bottom: 8px;
}
#philanthropy #content ul {
    margin-top: 20px;
}
#philanthropy #content li {
    color: #fff;
    font-weight: bold;
    margin-bottom: 3px;
    text-align: center;
}



/* About
-----------------------------*/
#about h1,
#about h2,
#about p {
    color: #fff;
    text-align: left;
}
#about #content {
    background: transparent url(../img/mosaics/cheerfulgirl.jpg) no-repeat 0 0 !important;
    padding-right: 415px !important;
}


/* Rates
-----------------------------*/
#rates h1,
#rates h2,
#rates p,
#ratespricing h1,
#ratespricing h2,
#ratespricing p {
    color: #222;
    text-align: left;
}
#rates #content,
#ratespricing #content {
    background: transparent url(../img/mosaics/TilesAscher.jpg) no-repeat 0 0 !important;
    padding-right: 280px !important;
    overflow: hidden;
}
#rates #bottom-nav {
    opacity: 1;
    position: absolute;
    right: 0px;
    top: 555px;
    overflow: hidden;
    height: 30px;
}

#rates .protected-content {
    position: absolute;
    background: rgba(0,0,0,0.6);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    zoom: 1;

    top: 600px;
    left: 0;
    width: 960px;
    height: 555px;
}


#rates .form {
    /*position: absolute;
    right: 0;
    top: 289px;*/
    height: 280px;
    overflow: hidden;
    color: #ccc;
    margin-top: 80px;
    opacity: 1;
    -webkit-transition: opacity 250ms linear;
    -moz-transition: opacity 250ms linear;
    -o-transition: opacity 250ms linear;
    -ms-transition: opacity 250ms linear;
}
#rates .form form {
    background: rgba(0,0,0,0.3);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    padding: 24px;
}
#rates .form label,
#rates .form .text {
    display: block;
}
#rates .form h2 {
    margin-bottom: 16px;
}
#rates .form input,
#rates .form textarea {
    border: 0px solid #333;
    background: #ccc;
    display: block;
    margin-bottom: 8px;
    width: 200px;
}
#rates #content p {
    text-align: left;
}
#rates input.submit {
    background-color: #555;
    border: 0px solid #ccc;
    margin: 5px auto 4px auto;
    color: #aaa;
    padding: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 100px;
}
#rates .error {
    border: 1px solid #cc0000 !important;
    background: #fddfde !important;
}


#ratespricing .downloads,
#rates .downloads {
    font-size: 1.25em;
    margin: 50px;
    margin-top: 80px;
    pointer-events: none;
    opacity: 0.3;
}
#ratespricing .downloads a,
#rates .downloads a {
    color: #eee;
    background: transparent url('../img/pdf.png') no-repeat 0 0;
    padding: 0 0 20px 35px;
    line-height: 2.5;
    display: block;
    font-weight: bold;
}
#rates.login-ok .downloads {
    pointer-events: auto;
    opacity: 1;
}
#rates.login-ok form {
    opacity: 0;
}

#rates .form .message {
    color: orange;
    margin: 0;
    text-align: center;
}

#ratespricing form {
    margin: 50px auto;
    display: block;
    width: 275px;
    padding: 30px;
    background: rgba(100, 0, 0, 0.4);
}
#ratespricing form p {
    color: #fff;
    margin-bottom: 4px;
}




/* Terms
-----------------------------*/
#terms #content,
#terms h1,
#terms h2,
#terms p {
    color: #aaa;
    text-align: left;
}
#terms .title {
    color: #607890;
    font-weight: bold;
    text-transform: uppercase;
    margin: 12px 0 4px 0;
}
#terms #content {
    background: transparent url('../img/opacity_20.png') repeat 0 0;
    padding: 20px;
}
#terms #content li {
    list-style-position: inside;
    margin-bottom: 8px;
}

/* Overlay
-----------------------------*/
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: transparent url('../img/opacity_80.png') repeat 0 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    z-index: 50;
}
#home #overlay { background: none; }
#overlay .content {
    display: none;
    color: #bbb;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 1.3em;
    width: 700px;
    margin: 180px auto 0 auto;
    padding: 16px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#overlay .close {
    width: 700px;
    margin: 16px auto 0 auto;
    color: #fff;
    font-size: 1.3em;
    display: none;
}
#overlay .close:hover {
    text-decoration: none;
}
#overlay .close span {
    font-size: 0.60em;
    vertical-align: top;
    line-height: 2.1;
    color: #ccc;
    text-transform: uppercase;
}
#overlay.closeable .close {
    display: block;
}

#about #content,
#philanthropy #content,
#rates #content,
#ratespricing #content,
#reservation #content {
    /*background: rgba(0, 0, 0, 0.2);*/
    background: transparent url('../img/opacity_20.png') repeat 0 0;
    padding: 20px;
    height: 555px;
    position: relative;
}




#bulletin .close {
    display: block;
    margin-top: 0;
    margin-bottom: 12px;
}


/*#pricing h1 { margin-top: 160px; text-align: center; }*/
.screen-center {
    color: #bbb;
    opacity: 0.5;
    text-align: center !important;
    line-height: 4em;
    font-size: 1.4em;
    margin-bottom: 100px !important;
}




.captcha__image,
.captcha__input {
    width: 94px !important;
    height: 27px !important;
    float: left;
}
.captcha__input {
    margin: 0 0 0 8px;
    padding: 4px !important;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.captcha__input--correct {
    background: #00cc00 !important;
}
.captcha__input--incorrect {
    background: red !important;
}

.captcha__error {
    clear: both;
    color: red !important;
}
.captcha__description {
    width: 200px;
    clear: both;
    margin-bottom: 8px !important;
}

#reservation .captcha__input {
    position: relative;
    left: 0;
    background: #ddd;
    border: 1px;
}

#reservation .captcha {
    margin: 8px 0;
}

#reservation #overlay .content::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
#reservation #overlay .content::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}​