@media screen {
    body {
        background: #999
        }
    header {
        background: #444;
        color: #FFF
        }
    header h1 {
        display: none
        }
    header .logo {
        background: #222
        }
    header .header_links {
        font-size: 70%;
        text-transform: uppercase
        }
    header .header_nav li:after {
        content: "|";
        color: #FFF
        }
    header .header_nav li:last-child:after {
        content: ""
        }
    #background {
        background: #FFF
        }
    nav {
        background: #444
        }
    nav.navtop {
        border-bottom: 4px solid #000
        }
    nav.navtop.fixed {
        border-bottom: 0
        }
    nav.navside {
        background: transparent
        }
    nav .firstlevel ul {
        background: #222;
        background: rgba(34, 34, 34, 0.9)
        }
    nav.navside li.active {
        background: #666
        }
    nav li:hover {
        background-color: #4D87C7;
        color: #fff
        }
    nav li:hover > a {
        color: #fff
        }
    nav li.active:hover {
        background-color: #4D87C7;
        color: #fff;
        text-decoration: none
        }
    nav .firstlevel > li:after {
        content: "|";
        color: #000
        }
    nav .firstlevel > li:last-child:after {
        content: ""
        }
    nav.navside li:after {
        content: ">";
        color: #CCC
        }
    nav.mobile {
        color: #FFF
        }
    .quickbook {
        background: #222;
        background: rgba(34, 34, 34, 0.9);
        color: #FFF
        }
    .quickbook.fixed {
        background: #333
        }
    .quickbook.fixed .ym-form > div.date {
        padding-left: 1em
        }
    .scrolldown {
        background: #444
        }
    #slidecaption {
        /*background: #666;*/
        background: rgba(102, 102, 102, 0.75);
        color: #FFF;
        font-size: 130%;
        text-align: center
        }
    #slidecaption:empty {
        display: none
        }
    .rates {
        background: #666
        }
    .rates > div {
        background: #444;
        color: #FFF
        }
    .rates .text {
        background: url(/includes_template5/img/offer-grad.png) repeat-y right top;
        background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(right, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to left, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%)
        }
    .rates a, .rates a:hover, .rates a:focus {
        background: transparent;
        color: #FFF;
        text-decoration: none
        }
    .rates.rates-imagewithbutton .text {
        background: #999
        }
    .rates.rates-imagewithtext .booknow {
        background: #999
        }
    #main .template-split .ym-gl {
        background: #666
        }
    #main .template-menu .ym-gr {
        background: #666
        }
    footer {
        background: #000;
        color: #FFF;
        font-size: 90%
        }
    footer nav {
        background: transparent
        }
    .loggedin {
        color: #C00
        }
    .gallery_simple {
        list-style-type: none
        }
    h1 {
        font-size: 200%
        }
    .content-images > div {
        color: #000;
        background: #666
        }
    .content-images a, .content-images a:hover, .content-images a:focus {
        background: transparent;
        color: #000;
        text-decoration: none
        }
    .content-images .booknow {
        background: #999
        }
    /*.content-images > div .text {
    		background: url( /includes_template5/img/offer-grad.png ) repeat-y left top;
    		background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%);
    		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(255,255,255,0)));
    		background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
    		background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
    		background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
    		background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
    	}
    	.content-images > div:last-child .text {
    		background: url( /includes_template5/img/offer-grad.png ) repeat-y right top;
    		background: -moz-linear-gradient(right, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%);
    		background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(255,255,255,0)));
    		background: -webkit-linear-gradient(right, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
    		background: -o-linear-gradient(right, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
    		background: -ms-linear-gradient(right, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
    		background: linear-gradient(to left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
    	}*/
    .breadcrumb li:after {
        content: ">";
        color: #000
        }
    .breadcrumb li:last-child:after {
        content: ""
        }
    .page_layout_sitemap_selected .content {
        background: #FFF
        }
    .page_layout_sitemap_selected .sitemap ul ul {
        color: #000
        }
    .page_layout_sitemap_selected .sitemap ul ul a {
        color: #000
        }
    /*-- Blog Standard Styling --*/
    .page_layout_Blog .content_subtitle {
        display: none
        }
    .blog_post {
        margin: 2em 0 2em 0;
        margin: 0 0 0 0;
        border-bottom-color: #ccc;
        border-bottom-style: dotted;
        border-bottom-width: 2px
        }
    .blog_title {
        font-size: 18px;
        font-weight: bold
        }
    .blog_info, .no_posts {
        padding: 0 0 1em 0;
        padding: 0.75em 0 1em 0
        }
    .blog_content {
        padding: 1em 0;
        display: block;
        max-width: 835px
        }
    .blog_content p {
        /*padding: 0px 20px 20px 0px;
        		float: left;*/
        clear: right
        }
    .blog_categories {
        margin-left: 2em
        }
    .blog_post > hr {
        height: 0;
        line-height: 0;
        margin: 0 0 0 0;
        border: 0;
        border-top-width: 1px;
        border-top-style: solid;
        color: transparent;
        clear: left
        }
    .blog_home {
        text-align: center;
        padding-top: 1em
        }
    .page_layout_Blog #supersized, .page_layout_Blog .rates {
        display: none
        }
    .page_layout_Blog #main {
        min-height: 400px;
        margin-top: 100px
        }
    .page_layout_Blog #main .ym-wrapper.content {
        max-width: 640px
        }
    /*-- End Blog Standard Styling --*/
    }
@media screen and (max-width: 1300px) {
    .page_layout_Blog #main .ym-wrapper {
        margin: 0
        }
    }
@media screen and (max-width: 990px) {
    .rates {
        background: transparent
        }
    .quickbook {
        background: transparent
        }
    nav.navtop {
        background: #222
        }
    nav li:hover {
        background-color: transparent
        }
    nav li.active:hover {
        background-color: transparent;
        color: #fff;
        text-decoration: none
        }
    nav .firstlevel > li:after {
        content: ""
        }
    #page {
        background: #444
        }
    #main {
        background: #666
        }
    #main .ym-wbox {
        padding: 1em
        }
    /*-- Start Page Layout Styling for Blog --*/
    .page_layout_Blog .content h1 {
        margin: 0;
        padding-top: 22px
        }
    .page_layout_Blog #main {
        margin-top: 0
        }
    /*-- End Page Layout Styling for Blog --*/
    }