/* =============================================================================
   RESETS & DEFAULTS
   ========================================================================== */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; margin-bottom: 1px; overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, section, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
label { cursor: pointer; }
body { line-height: 1; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #bfcfdb; margin: 1em 0; padding: 0; clear: both; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after, .clear { clear: both; }
.clearfix { *zoom: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
html, body, button, input, select, textarea, th, td { -webkit-font-smoothing: antialiased; }


/* =============================================================================
   LINKS
   ========================================================================== */

a { text-decoration: none; }

a:link, a:visited { color: #10507b; }
a:hover, a:active, a:focus { color: #fe7600; }
a:active, a:hover { outline: 0; }

/* =============================================================================
   TRANSITIONS
   ========================================================================== */

a, a img {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

/* =============================================================================
   TYPOGRAPHY
   ========================================================================== */

html, body, button, input, select, textarea, th, td {
    -webkit-font-smoothing: antialiased;
    font: 14px/1.3 tahoma, arial, helvetica, sans-serif;
    color: #2e2e2e;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    line-height: 1.3;
}

h1 {
    font: 30px 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #fe7600;
}

h2 {
    font-size: 22px;
    font-weight: normal;
}

h3 {
    font-size: 16px;
    font-weight: normal;
}

h4 {
    font-size: 18px;
    font-weight: normal;
    color: #181818;
}

h5 {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

h6 {
    font-size: 11px;
    font-weight: normal;
}

b, strong { font-weight: bold; }
abbr[title] { border-bottom: 1px dotted; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
   LISTS & BLOCKQUOTES
   ========================================================================== */

ul, ul ul, ol, ol ol, ul ol, ol ul {
    margin: 20px 20px 20px 20px;
    padding: 0 0 0 20px;
}
ul li, ol li { margin: 0 0 10px 0; }

dl { margin: 1em 0; }
dd { margin: 0 0 0 40px; }

blockquote { margin: 1em 40px; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* =============================================================================
   BASE
   ========================================================================== */

/* body, html, #site-container { height: 100%; } */

body { background: #014678 url(../img/background.png); }

#outer-container {
    margin: 0 auto;
    max-width: 960px;
    border: 10px solid #0b5e94;
    margin: 20px auto;
    -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
}
#site-container {
    background: #f0f1f1;
    -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
}

/* =============================================================================
   HEADER
   ========================================================================== */

header { background: #fff; }

#header-top {
    display: table;
    width: 100%;
}
#header-left, #header-right {
    display: table-cell;
    padding: 25px;
}

#header-left {
}
#header-left img {
    width: 400px;
    height: auto;
}
#header-left a:hover img { opacity: 0.8; }

#header-right {
    font-size: 18px;
    font-family: georgia, serif;
    font-style: italic;
    text-align: right;
    vertical-align: bottom;
    line-height: 1.5;
}

#header-bottom {
    border-top: 1px solid #5487aa;
    border-bottom: 1px solid #5487aa;
}
nav#primary-nav {
    background: #014170;
    background: -moz-linear-gradient(top, #014170 0%, #5c85a3 2%, #175a89 49%, #094e81 50%, #16649e 95%, #a9c3d4 100%);
    background: -webkit-linear-gradient(top, #014170 0%,#5c85a3 2%,#175a89 49%,#094e81 50%,#16649e 95%,#a9c3d4 100%);
    background: linear-gradient(to bottom, #014170 0%,#5c85a3 2%,#175a89 49%,#094e81 50%,#16649e 95%,#a9c3d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014170', endColorstr='#a9c3d4',GradientType=0 );
}
#primary-nav ul, #primary-nav ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#primary-nav ul li {
    display: inline-block;
    line-height: 1;
}
#primary-nav a {
    font-size: 16px;
    color: rgba(255,255,255,0.9);
    padding: 15px 25px 17px 25px;
    display: inline-block;
    margin-right: -4px;
}
#primary-nav a:hover, #primary-nav li.on a {
    background: #ff8b20;
    background: -moz-linear-gradient(top, #ff8b20 0%, #ffbc80 2%, #fb9c45 49%, #ff8b20 50%, #fc983c 95%, #ffbc80 100%);
    background: -webkit-linear-gradient(top, #ff8b20 0%,#ffbc80 2%,#fb9c45 49%,#ff8b20 50%,#fc983c 95%,#ffbc80 100%);
    background: linear-gradient(to bottom, #ff8b20 0%,#ffbc80 2%,#fb9c45 49%,#ff8b20 50%,#fc983c 95%,#ffbc80 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8b20', endColorstr='#ffbc80',GradientType=0 );
    color: rgba(255,255,255,1.0);
}

/* =============================================================================
   PAGE
   ========================================================================== */

#page {
    background: #fff;
    padding: 25px;
    border-bottom: 1px solid #cecece;
}

#contactMap {
    float: right;
    margin: 0 0 40px 40px;
}
#contactMap img {
    background: rgb(241, 246, 250);
    border-top: 1px solid rgb(203, 220, 232);
    border-right: 1px solid rgb(169, 195, 212);
    border-bottom: 1px solid rgb(169, 195, 212);
    border-left: 1px solid rgb(203, 220, 232);
    padding: 8px;
}

#featured-property {
    width: 380px;
    float: right;
    margin: 0 0 40px 40px;
    border: 1px solid #bfcfdb
}
#featured-title {
    background: #43779c;
    font: 26px 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #fff;
    padding: 10px 20px;
}
#featured-title, #featured-text { text-align: center; }
#featured-image {
    background: #f1f6fa;
    padding: 10px;
}
#featured-text {
    background: #dfeaf2;
    padding: 20px;
}

.table-container { overflow-x: auto; }
.listings {

}
.listings td {
    border: 1px solid #bfcfdb;
    padding: 10px;
    vertical-align: top;
}
.listings thead td {
    background: #ff8b20;
    background: -moz-linear-gradient(top, #ff8b20 0%, #ffbc80 2%, #fb9c45 49%, #ff8b20 50%, #fc983c 95%, #ffbc80 100%);
    background: -webkit-linear-gradient(top, #ff8b20 0%,#ffbc80 2%,#fb9c45 49%,#ff8b20 50%,#fc983c 95%,#ffbc80 100%);
    background: linear-gradient(to bottom, #ff8b20 0%,#ffbc80 2%,#fb9c45 49%,#ff8b20 50%,#fc983c 95%,#ffbc80 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8b20', endColorstr='#ffbc80',GradientType=0 );
    color: rgba(255,255,255,1.0);
    font-weight: bold;
}
.listings td.thumb { width: 140px; }
.listings td.property-address { white-space: nowrap; }
.listings tr:nth-child(even) { background: #f0f1f1; }
.listings tr:nth-child(odd) { background: #fff; }

/* =============================================================================
   FOOTER
   ========================================================================== */

footer {
    padding: 25px;
    font-size: 13px;
}
#copyright {
    color: #969696;
    margin: 0;
}


/* =============================================================================
   IMAGES
   ========================================================================== */

audio, canvas, iframe, img, svg, video { vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.photo-left {
    margin: 0 20px 20px 0;
    float: left;
}
.photo-right {
    margin: 0 0 20px 20px;
    float: right;
}
.photo-center {
    margin: 0 0 20px 0;
    text-align: center;
}
.photo-left img, .photo-right img, .photo-center img {
    background: #fff;
    border: 1px solid #dadada;
    padding: 6px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* =============================================================================
   FORMS
   ========================================================================== */

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input { line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    resize: vertical;
    overflow: auto;
}
optgroup { font-weight: bold; }
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}


/* =============================================================================
   MOBILE-RESPONSIVE
   ========================================================================== */


@media (min-width: 0px) and (max-width: 768px) {

    body { background: #fff; }

    #outer-container {
        margin: 0 auto;
        max-width: 960px;
        border: none;
        margin: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    #site-container {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #header-top, #header-left, #header-right{
        display: block;
        width: 100%;
        text-align: center;
    }
    #header-left {
        padding: 20px 20px 0 20px;
    }
    #header-right {
        padding: 10px;
        font-size: 15px;
    }
    #header-left img {
        width: 100%;
        height: auto;
    }

    nav#primary-nav ul li:first-child { display: none; }
    #primary-nav ul { text-align: center; }
    #primary-nav a { padding: 20px 10px; }

    nav#primary-nav { text-align: center; }

    #primary-nav a {
        background: #014170;
        background: -moz-linear-gradient(top, #014170 0%, #5c85a3 2%, #175a89 49%, #094e81 50%, #16649e 95%, #a9c3d4 100%);
        background: -webkit-linear-gradient(top, #014170 0%,#5c85a3 2%,#175a89 49%,#094e81 50%,#16649e 95%,#a9c3d4 100%);
        background: linear-gradient(to bottom, #014170 0%,#5c85a3 2%,#175a89 49%,#094e81 50%,#16649e 95%,#a9c3d4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014170', endColorstr='#a9c3d4',GradientType=0 );
        display: block;
        font-size: 13px;
    }

    #contactMap {
        float: none;
        margin: 0 auto 20px auto;
        text-align: center;
    }

    .listings td { font-size: 13px; }

    #featured-property {
        width: auto;
        float: none;
        margin: 0 auto 30px auto;
    }
    #featured-title {
        font-size: 20px;
        padding: 10px;
    }
    #featured-text {
        padding: 10px;
    }

}


/* ==========================================================================
   PRINT STYLES
   ========================================================================== */

@media print {
    *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
    pre,blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }

}