@charset "utf-8";
/* CSS Document */

@color1: #192C3F;  /* main colour band */
@color2: #0C4C69;  /* second colour band - bottom-most band, menu highlight, readmore/buttons, etc */
@color3: #FFFFFF;  /* text colour to contrast with color1 */
@color4: #FFFFFF;  /* text colour to contrast with color 2 */

a 		{color:@color2;}

h1 {color:@color3}

header {margin:0 auto; border-top:6px solid @color2;}

header nav ul li a:hover {border-bottom:4px solid @color2;}
header nav ul .current_page_item a, header nav ul .current_page_item .current_page_item a {border-bottom:4px solid @color2;}

header nav ul li ul {border-top:4px solid @color2;}

#content #home_main {background:@color1;}
#home_main_inside	{color:@color3;}
#home_main_inside a	{color:@color3;}
#home_main_inside a:hover {color:@color3;}

#home_contact_location img {border:1px solid @color2;}
#home_contact_location iframe {border:1px solid @color2;}

#content #title {background:@color1;}
#title_inside p	{color:@color3;}

.button a, .form_holder input.submit {background:@color2; color:@color4;}
.button a:hover, .form_holder input.submit:hover {color:@color4;background:darken(@color2,10%)}

#twitter_block span {color:@color2;}
#twitter_block ul li {border-bottom:1px solid @color1;}

footer {border-top:2px solid @color2; color:@color3;}

footer #footer_top_wrap	{background:@color1;}

.newsletterwrap .newslettersubmit {background: @color2; color:@color4;}
.footer_right p {color:@color3;}

footer #footer_bottom_wrap {background:@color2; color:@color4;}

#footer_copyright a {color:@color4;}

div.lightbox { background-color: fade(@color1,5%)}
div.lightbox:hover{ background-color: fade(@color1,10%)}
#post_left div.lightbox ul li {background: none;}
#post_left div.lightbox ul li:hover {background-color: fade(@color2,20%)}

.slide-content { color: @color3; }
.slide-content h1, .slide-content h2, .slide-content p { color: @color3; }
.slide-content .slider-imageonly-overlay {
    & > a {
        display: block;
        padding: 10px;
        background-color: fade(black,70%);
        /*box-shadow: 0 0 3px black;*/
        border-radius: 5px;
        & > h1, & > h2 { color: #eee !important;}
    }
    & h1, & h2, & p {
        color: fade(@color3, 120%)
    }
}
.slider-imageonly-overlay.rsABlock { max-width: 50%;}body { font: 13px/24px Open Sans; color: #666666; }@media only screen and (min-width: 768px) {
    header nav > ul > li > a {
        padding: 2px 10px 4px 10px !important;
        margin: 30px 10px 0 10px !important;
    }

    header nav > ul > li > ul {
        left: 10px;
        top: 60px;
    }

        header nav > ul > li > ul > li {
            overflow: hidden;
        }

            header nav ul li ul li.current_page_item a, header nav > ul > li > ul > li > a:hover {
                color: black;
                background-color: fade(@color1,15%);
            }

    header nav > ul > .current_page_item > a, header nav > ul > li > a:hover {
        border-bottom: none !important;
        background: @color1 !important;
        border-radius: 10px 10px 0 0;
        color: @color3 !important;
        -webkit-text-shadow: 1px 1px 1px #000000;
        -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
        text-shadow: 1px 1px 1px #000000;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
    /* mobile dropdown menu hover - highlight even main menu items */
    header nav > ul li:not(.drop-down) > a:hover {
        color: black;
        background-color: fade(@color1,15%);
    }
}
/* on main-menu items don't show pointer */
header nav .drop-down > a.nocontent {
    cursor:default;
}body header {min-height: 180px !important} header #logo {float:none} #logo td {text-align:center} header nav {text-align: center; margin-top: 40px} header nav > ul {float:none; display:inline-block} header nav > ul > li > ul > li {text-align: left}@media only screen and (min-width: 0) and (max-width: 767px) { header nav > ul {display:block !important;} header nav > ul > li > ul > li {text-align: center} }