﻿@charset "utf-8";
#makeMeScrollable {
        width: 99%;
        height: 40px;
        margin: 0;
        float: left;
        clear: both;
        overflow: hidden;
    }
        #makeMeScrollable div.scrollableArea img {
            position: relative;
            float: left;
            margin: 0 4px;
            padding: 0;
        }




/* video links - home page */
.video-link {
    display: block;
    width: 32%;
    height: 150px;
    position: relative;
    margin-right: 19px;
    overflow: hidden;
}
.video-link:hover .video-img .title/*, .video-link .video-img span.active*/ {
     background: #1e5799; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */

     color: #fff !important;
}
.video-link:last-of-type { margin-right: 0; }
.video-link > .video-img {
     display: block;
     height: 100%;
     width: 100%;
     background-size: 100% auto;
     position: relative;
     transition: background-size .5s ease-in;
    -moz-transition: background-size .5s ease-in;
    -web-kit-transition: background-size .5s ease-in;
}
.video-link:hover > .video-img { background-size: 150% auto; }
.video-link > .video-img > .title {
    display: block;
    height: 40px;
    width: 100%;
    overflow: hidden;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: arial, verdana, sans-serif;
}
.video-link > .video-img > .title > .title-text { text-align: center;padding-top: 10px;display: block; }


.vid1 { background: url('../images/video/vid1.jpg') no-repeat center center; }
.vid2 { background: url('../images/video/vid2.jpg') no-repeat center center; }
.vid3 { background: url('../images/video/vid3.jpg') no-repeat center center; }


/* Showcase
-------------*/

/* banner styles */

#banner #showcase-content-0 {
    background-image: url('../images/topOfMountain.jpg') !important;
    background-size: 100% auto;
    background-position: top center;
    padding-top: 80px;
}
#banner #showcase-content-1 {
    background-image: url('../images/wedding.jpg') !important;
    background-size: 100% auto;
    background-position: top center;
    padding-top: 80px;
}
#banner #showcase-content-2 {
    background-image: url('../images/coupleOnBeach2.jpg') !important;
    background-size: 100% auto;
    background-position: top center;
    padding-top: 80px;
}
#banner #showcase-content-3 {
    background-image: url('../images/retiredSailing.jpg') !important;
    background-size: 100% auto;
    background-position: top center;
    padding-top: 80px;
}
#banner #showcase-content-4 {
    background-image: url('../images/coupleOnBeach.jpg') !important;
    background-size: 100% auto;
    background-position: top center;
    padding-top: 80px;
}

#banner .showcase-content h2 { font-size: 60px;line-height: 60px;padding-top: 8px;color: #fff;text-shadow: 2px 2px 2px #000; }
#banner .showcase-content p { font-size: 18px; }

@media only screen and (min-width : 1200px) {
    #banner #showcase-content-2 {
        background-size: 100% auto;
        background-position: center center;
        padding-top: 80px;
        min-width: 1200px;
    }
    #banner #showcase-content-3 {
        background-size: 100% auto;
        background-position: top center;
        padding-top: 80px;
        min-width: 1200px;
    }
    #banner #showcase-content-4 {
        background-size: 100% auto;
        background-position: top center;
        padding-top: 80px;
    }
    .company-bg {
        background: url('../images/company.jpg') no-repeat center center;
        background-size: 100% auto;
        padding-top: 80px;
        height: 320px;
        min-width: 1000px;
    }
    .company-bg h2 { font-size: 60px;line-height: 60px;padding-top: 8px;color: #fff;text-shadow: 2px 2px 2px #000; }
    .company-bg p { font-size: 18px;font-weight: bold;color: #fff; }
}


#testimonials_list .showcase-content { background-image: none !important;min-width: 100% !important;padding: 0 !important; }

#awOnePageButton .view-slide {
    display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load {
    height: 500px; /* Same as showcase javascript option */
    overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage {
    /**/
}

/* Container when content is shown in slider */
.showcase {
    position: relative;
    margin: auto;
}

.showcase-content-container {
    background-color: transparent;
}

/* Navigation arrows */
.showcase-arrow-previous {
    position: absolute;
    background: url('../images/icons/arrow-left.png') no-repeat;
    width: 35px;
    height: 50px;
    top: 45%;
    cursor: pointer;
    left: 20px;
    z-index: 9900;
    opacity: .5;
}
    .showcase-arrow-previous:hover {
        background: url('../images/icons/arrow-left-black.png') no-repeat;
    }

.showcase-arrow-next {
    position: absolute;
    background: url('../images/icons/arrow-right.png') no-repeat;
    width: 33px;
    height: 50px;
    top: 45%;
    cursor: pointer;
    right: 20px;
    z-index: 9900;
    opacity: .5;
}

    .showcase-arrow-next:hover {
        background: url('../images/icons/arrow-right-black.png') no-repeat transparent;
    }

/* Content */
/*.showcase-content {
    min-width: 1000px;
}*/

.showcase-content-wrapper {
    text-align: center;
    width: 100%;
}

/* Styling the tooltips */
.showcase-plus-anchor {
    /*background-image: url('../images/plus.png');*/
    background-repeat: no-repeat;
}

    .showcase-plus-anchor:hover {
        background-position: -32px 0;
    }

div.showcase-tooltip {
    background-color: #fff;
    color: #000;
    text-align: left;
    padding: 5px 8px;
    background: #fff;
    opacity: 80;
}

/* Styling the caption */
.showcase-caption {
    padding: 8px 15px;
    text-align: left;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    display: none;
    background: #282828;
    color: #fff;
    box-shadow: 2px 2px 2px #333;
}

.showcase-onepage .showcase-content {
    margin-bottom: 0;
}

/* Button Wrapper */
.showcase-button-wrapper {
    clear: both;
    margin-top: 10px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: transparent;
    width: 100%;
}


/* Hide button text */
.showcase-thumbnail-button-forward span span,
.showcase-thumbnail-button-backward span span {
    display: none;
}

.showcase-button-wrapper span.active { color: #fff !important; }
.showcase-button-wrapper span { color: #000 !important; }


/* FORMS */
.inputBox {
    font-family: arial, verdana, sans-serif;
    font-size: 18px;
    padding: 4px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px lightgray solid;
}

/* VALIDATION */
.validation-summary-errors {
    font-size: 14px;
    color: darkred;
}

.input-validation-error { border: 1px solid red;color: darkred; }

#customNotices {
    font-family: arial, verdana, sans-serif;
    font-size: 16px;
    text-align: center;
    padding: 6px;
}
#customNotices.success {
    border: 1px solid darkgreen;
    color: darkgreen;
    background-color: lightgreen;
}
#customNotices.error {
    border: 1px solid darkred;
    color: darkred;
    background-color: lightpink;
}