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

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

@font-face {
    font-family: 'SourceSansPro-bold';
    src: url('/font/sourcesanspro-bold.eot');
    src: url('/font/sourcesanspro-bold.eot') format('embedded-opentype'),
    url('/font/sourcesanspro-bold.woff') format('woff'),
    url('/font/sourcesanspro-bold.ttf') format('truetype'),
    url('/font/sourcesanspro-bold.svg#FuturaStdBook') format('svg');
}

@font-face {
    font-family: 'SourceSansPro-light';
    src: url('/font/sourcesanspro-light.eot');
    src: url('/font/sourcesanspro-light.eot') format('embedded-opentype'),
    url('/font/sourcesanspro-light.woff') format('woff'),
    url('/font/sourcesanspro-light.ttf') format('truetype'),
    url('/font/sourcesanspro-light.svg#FuturaStdBook') format('svg');
}

@font-face {
    font-family: 'SourceSansPro-regular';
    src: url('/font/sourcesanspro-regular.eot');
    src: url('/font/sourcesanspro-regular.eot') format('embedded-opentype'),
    url('/font/sourcesanspro-regular.woff') format('woff'),
    url('/font/sourcesanspro-regular.ttf') format('truetype'),
    url('/font/sourcesanspro-regular.svg#FuturaStdBook') format('svg');
}

@font-face {
    font-family: 'FuturaStdBook';
    src: url('/font/futurastd-book.eot');
    src: url('/font/futurastd-book.eot') format('embedded-opentype'),
    url('/font/futurastd-book.woff') format('woff'),
    url('/font/futurastd-book.ttf') format('truetype'),
    url('/font/futurastd-book.svg#FuturaStdBook') format('svg');
}

/* body */
* {
    -webkit-font-smoothing: antialiased;
}

body {
    background-color: #fff;
    font-family: 'SourceSansPro-regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
}

strong {
    font-weight: bold;
}

.clear {
    clear: both;
}

a, a:active, a:visited {
    color: #8a9955;
}

.green {
    color: #8a9955;
    font-weight: bold;
}

.white {
    color: #fff;
    font-size: 16px;
}

.gray {
    color: #414042;
}

.error {
    display: none;
    border: solid 1px #ff0000;
    background-color: pink;
    padding: 20px;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
}

.success {
    display: none;
    border: solid 1px green;
    background-color: lightgreen;
    padding: 20px;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
}

/* header */
#header {
    padding: 10px 0;
}

/* nav */
.navbar-default {
    background-color: #fff;
    border: 0;
}

.nav {
    float: right;
}

.navbar-default .navbar-nav > li > a {
    color: #8a9955;
    font-size: 35px;
    font-family: 'fairviewsmall_caps', sans-serif;
}

.navbar-default .navbar-nav > li > a.on {
    color: #bcbec0;
}

.navbar {
    margin-bottom: 0;
}

/* footer */
#footer {
    background-color: #8a9955;
    color: #b6c675;
    padding: 20px 0;
}

#footer a {
    color: #b6c675;
    text-decoration: none;
}

#footer a span {
    margin-right: 15px;
}

#footer ul {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: solid 1px #8a9955;
    float: right;
}

#footer ul li {
    float: left;
    margin-right: 20px;
}

#footer ul li:last-child {
    margin-right: 0;
}

#footer .footer-text {
    clear: both;
    text-align: right;
}

#footer .footer-text-bold {
    font-weight: bold;
}

/* flexslider */
.flexslider {
    margin: 0;
    border: 0;
}

/* interior */
#interior-index {
    background: bottom center scroll;
    background-size: cover;
    padding: 0;
}

#interior-index.index {
    background-image: url(/image/bg/bg_home.jpg);
    position: relative;
}

#interior-index.index img {
    display: block;
    margin: 0 auto;
    max-width: 95%;
    max-height: 95%;
}

#interior-index .index-tranny {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-family: 'FuturaStdBook', sans-serif;
    font-size: 20px;
    letter-spacing: 5px;
    padding: 10px;
    background-color: #8a9955;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    /*-khtml-opacity: 0.8;*/
    opacity: 0.8;
}

/*#interior-index.index #interior-index-img{display: block; position: absolute; bottom: 50px; text-align: center; width: 100%;}*/
/*#interior-index.index #interior-index-img img{display: block; margin: 0 auto; max-width: 98%; max-height: 98%;}*/
#interior {
    background: bottom center fixed;
    background-size: cover;
}

#interior.about {
    background-image: url(/image/bg/bg_about.jpg);
    padding: 25px 0;
    background-attachment: inherit;
    background-position: top center;
}

#interior.booking {
    background-image: url(/image/bg/bg_booking.jpg);
    padding: 25px 0;
}

#interior.contact {
    background-image: url(/image/bg/bg_contact.jpg);
    padding: 25px 0;
}

#interior.rentals {
    background-image: url(/image/bg/bg_rentals.jpg);
    padding: 25px 0;
}

#interior.sales {
    background-image: url(/image/bg/bg_sales.jpg);
    padding: 25px 0;
}

#interior .tranny {
    background-image: url(/image/bg/bg_container.png);
    background-repeat: repeat;
    padding: 20px;
    margin-bottom: 10px;
}

#interior .tranny-heading {
    background-color: #8a9955;
    padding: 0 20px 5px 20px;
}

#interior .tranny-heading h1 {
    margin: 0;
    color: #fff;
    border: 0;
    line-height: 47px;
}

/*border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;*/

#interior h1 {
    font-family: 'fairviewsmall_caps', sans-serif;
    font-size: 47px;
    color: #8a9955;
    border-bottom: solid 1px #8a9955;
    margin-bottom: 20px;
}

#interior h1 span.subtext {
    color: #808285;
    margin-left: 20px;
    font-family: 'SourceSansPro-regular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: italic;
}

#interior h2 {
    font-size: 28px;
    line-height: 22px;
    color: #8a9955;
    margin-top: 0;
}

#interior h1.dark {
    color: #414042;
    margin-top: 0;
    border-bottom: 0;
    line-height: 33px;
    margin-bottom: 15px;
}

#interior h3 {
    color: #414042;
    margin-top: 0;
}

/* index */
#index {
}

#tumblr img {
    max-width: 100%;
}

#tumblr .tumblr_timestamp {
    color: #808285;
    line-height: 1;
}

#instagram {
    margin-bottom: 10px;
}

#instagram .col-md-9 img {
    max-width: 130px;
    margin: 0 10px 10px 0;
}

#instagram .col-md-3 img {
    max-width: 100%;
}

#home-video {
    margin: 40px auto 60px;
}

#home-video h2{
    font-size: 32px;
    font-family: 'fairviewsmall_caps', sans-serif;
}

/* about */
#about {
}

#about .about-divider {
    background-color: #8a9955;
    margin: 10px auto;
}

/* contact */
#contact {
}

#contact label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

#contact input {
    display: block;
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    font-family: inherit;
}

#contact textarea {
    display: block;
    width: 100%;
    height: 100px;
    padding: 5px;
    font-family: inherit;
    margin-bottom: 10px;
}

#contact button {
    background-color: #8a9955;
    color: #fff;
    width: 100%;
    text-align: center;
    border: 0;
    padding: 5px 0;
    font-family: inherit;
}

/* rentals */
#rentals {
    position: relative;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: solid 1px #000;
}

.table > thead > tr > th {
    border-bottom: solid 1px #000;
}

#rentals img { /*position: fixed;*/
    position: absolute;
    right: 0;
}

/* sales */
#sales {
}

#sales .sales-divider {
    background-color: #8a9955;
    margin: 10px auto;
}

#sales .sales-divider .btn {
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 35px;
    /*text-transform: uppercase;*/
    font-family: 'fairviewsmall_caps', sans-serif;
}

#sales img{
    max-width: 100%;
}

/*****************/
/* MEDIA QUERIES */
/*****************/
#instagram .instagram-col-2 img {
    max-width: 100%;
}

#instagram .instagram-col-1 img {
    max-width: 134px;
    margin: 0 10px 10px 0;
}

/* LG - Desktop Computer */
@media (min-width: 1200px) {
    /* instagram */
    #instagram .instagram-col-1 {
        width: 864px;
        float: left;
        max-width: 100%;
    }

    #instagram .instagram-col-2 {
        width: 276px;
        float: left;
        max-width: 100%;
        padding-right: 0;
    }

    /* rentals */
    .booking-small-screen {
        display: none;
    }
}

/* MD - Tablet */
@media (min-width: 992px) and (max-width: 1199px) {
    /* instagram */
    #instagram .instagram-col-1 {
        max-width: 711px;
        float: left;
    }

    #instagram .instagram-col-2 {
        max-width: 226px;
        float: left;
    }

    #instagram .instagram-col-1 img {
        max-width: 108px;
    }

    /* rentals */
    .booking-small-screen {
        display: none;
    }
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
    #instagram .instagram-col-1 {
        max-width: 547px;
        float: left;
    }

    #instagram .instagram-col-2 {
        max-width: 172px;
        float: left;
    }

    #instagram .instagram-col-1 img {
        max-width: 81px;
    }

    /* rentals */
    /*#rentals .tranny{margin-top: ;}*/
    .booking-small-screen {
        margin-bottom: 10px;
        padding: 5px 0;
        border: solid 2px #8a9955;
        background-color: #fff;
        display: block;
        text-align: center;
        font-size: 20px;
        font-family: 'fairviewsmall_caps', Arial, Helvetica, sans-serif
    }

}

/* XS */
@media (max-width: 767px) {
    /* header */
    #header img {
        max-width: 212px;
    }

    /* footer */
    #footer a span {
        margin-right: 5px;
    }

    /* tumblr */
    #interior h1 span.subtext {
        display: block;
        margin-left: 0;
    }

    #tumblr-img img {
        margin-bottom: 10px;
    }

    /* instagram */
    #instagram .instagram-col-1 {
        max-width: 100%;
        float: left;
    }

    #instagram .instagram-col-2 {
        max-width: 100%;
        float: left;
    }

    #instagram .instagram-col-1 img {
        max-width: 125px;
    }

    /* rentals */
    /*#rentals .tranny{margin-top: ;}*/
    .booking-small-screen {
        padding: 5px 0;
        border: solid 2px #8a9955;
        background-color: #fff;
        display: block;
        text-align: center;
        font-size: 20px;
        font-family: 'fairviewsmall_caps', Arial, Helvetica, sans-serif;
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 1px;
    }
}

/**********************************/

/* COMPUTER - Large desktop */
@media (min-width: 980px) {

}

/* VERTICAL TABLET - Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}

/* WIDE PHONE (or wide tablet) - Landscape phone to portrait tablet */
@media (max-width: 767px) {

}

/* VERTICAL PHONE - Landscape phones and down */
@media (max-width: 480px) {

}