body { margin: 0; padding: 0; background-color: #f2f2f2; }

.viewBrochure { float: right; margin-left: 20px; margin-right: 20px; text-align: center; }
.viewBrochure div { font-weight: bold; }

#cboxOverlay {
	background: none !important;
	background-color: rgba(0,0,0,0.8) !important;
}
#cboxMiddleRight {
	background: none !important;
    width: 21px !important;
}
#cboxMiddleLeft {
	background: none !important;
    width: 21px !important;
}
#cboxTopCenter {
    background: none !important;
}

#cboxBottomCenter {
    background: none !important;
}
#cboxTopLeft {
    background: none !important;
}
#cboxTopRight {
    background: none !important;
}
#cboxBottomLeft {
    background: none !important;
}
#cboxBottomRight {
    background: none !important;
}
#cboxContent {
	height: 467px !important;
	width: 466px !important;
}
#cboxLoadedContent {
    width: 466px !important;
}
#cboxClose {
    background: url(../images/controls.png)
}

.fb_iframe_widget {
	display: block !important;
	float: left !important;
    margin-top: 21px !important; }
	
	.linkBackFooter { font-family: "Lato"; margin-top: 20px; }

.footerContactRight { float: right; }
.footerContactRight p { margin-top: 0; }

.headerLinks { margin: auto; width: 1000px; margin-top: 30px; }
.headerLinks span {     font-family: "Lato";
    font-size: 34px;
    margin-left: 25px;
    position: absolute;
    top: 93px; color: #141414;-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; }


.logoWrapLinks { width: 300px; }

.contentLinks { margin: auto; width: 1000px; background-color: #fff; margin-top: 30px; }

.gettingHere { float: right; width: 378px; margin-top: 15px; }
.gettingHere img { float: left; border: 1px solid #ccc; margin-right: 10px; }
.gettingHere a { color: #141414; }

.eventModal { display: none; width: 700px; }
.eventModal h3 { font-family: "Lato"; font-size: 22px; margin: 0; padding: 0; }
.eventModal p { font-family: "Lato"; }
.eventModal img { float: right; }

.twitter-timeline { margin-top: 20px !important; border: 1px solid #e2e8ec !important; }

hr { border: 0; border-top: 1px solid #ccc; margin: 0; padding: 0; }
.g-recaptcha { width: 120px !important; margin-left: -18px;  }

.filters { padding-top: 15px; margin-left: 5px; margin-bottom: 5px; }
.filters h4 { margin: 0 !important; padding: 0 !important; font-size: 16px !important; font-weight: normal; margin-bottom: 15px !important; }

.filters a { background-color: #2082c0; color: #fff; text-decoration: none; padding: 7px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; display: inline-table; margin-right: 10px; }

.contactDetails { margin-top: 15px; }
.contactDetails a { color: #2082c0; }
.contactDetails p { margin-left: 0 !important; }
.contactDetails h4 { margin-left: 0 !important; }

.colRight form { width: 100%;  }
.colRight form input { width: 100px; border: 1px solid #ccc;}
.colRight form td { padding-top: 5px; padding-bottom: 5px; }
.colRight form textarea { border: 1px solid #ccc; margin-top: 5px; height: 55px; width: 413px;}
.colRight form button { border: 0; cursor: pointer; padding: 6px; font-family: "Lato"; background-color: #2082c0; color: #fff; }

.StyleContent { padding-top: 10px !important; }

.stylesWrap { width: 850px; margin: auto; }

.slogan { -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

.header-wrap {  position: fixed; z-index: 9999; width: 100%; top:0;-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; }

.header-wrap.small .logo { width: 80px; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; }

.header-wrap.small #menu li:hover ul { border-top: 31px solid #fff; }

.header-wrap.small .header { min-height: 87px; }

.header-wrap.small .facebookHeader,.header-wrap.small .instagramHeader,.header-wrap.small .twitterHeader, .header-wrap.small .header-search { display: none; }

.addthis_inline_share_toolbox { margin-left: 0; }

.colLeft { width: 66%; float: left; }
.colRight { width: 34%; float: left; }

.listingMap { width: 100%; margin-bottom: 5px; margin-top: 33px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.listingMap iframe { width: 100%; border-top: 1px solid #ccc; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

#map-canvas { -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

.colRight h3 { display: block;margin: 0 !important; padding: 0 !important; margin-top: 10px !important; text-align: center;border-bottom: 2px solid #2082c0; width: 100%; padding-bottom: 10px !important; }
.colRight h3 span { font-size: 18px; color: #2082c0; }

.enquiryFormListing { margin-top: 10px; }
.enquiryFormListing input { padding: 7px; display: block; margin-top: 10px; margin-bottom: 10px; width: 90%;font-family: "Lato"; border: 1px solid #141414; }
.enquiryFormListing textarea { padding: 7px; margin-top: 10px; margin-bottom: 10px; width: 90%; min-height: 85px;font-family: "Lato"; border: 1px solid #141414; }
.enquiryFormListing button { padding: 7px; border: 0; background-color: #2082c0; color: #fff;font-family: "Lato"; cursor: pointer; }

.enquiryFormListing p { margin: 0 !important; padding: 0 !important; }

#listingImages { margin-top: 10px; margin-left: 0; }

#listingImages img { -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px }

.noSlideshow { margin-left: 0; margin-top: 10px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px }

.footerGallery { width: 100%; }
.footerGallery li { float: left; margin-right: 15px; border: 3px solid #fff; margin-bottom: 15px;}
.footerGallery li img { float: left; width: 166px; }

.sitemap { -moz-column-count: 4;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 4;
    -webkit-column-gap: 2.5em;
     column-count: 4;
     column-gap: 2.5em; }

.sitemap a { color: #000; text-decoration: none; }
.sitemap li { margin-bottom: 15px; }
	 
.openGardens { display: block; margin: auto; padding-top: 20px; }
	 
.videoEmbed { float: right; margin-right: 15px; margin-left: 50px; margin-top: 18px; width: 500px; height: 300px;}

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }

.Zebra_DatePicker           { position: absolute; background: #666; border: 3px solid #666; display: none; z-index: 999999999999999999999; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px }

.Zebra_DatePicker *         { margin: 0; padding: 0; color: #000; background: transparent; border: none }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { background: #E8E8E8; width: 30px; border: 1px solid #7BACD2 }

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }


/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #FFF }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th              { background: #FFCC33 }
.Zebra_DatePicker td.dp_not_in_month            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_not_in_month_selectable { background: #F3F3F3; color: #CDCDCD; cursor: pointer }
.Zebra_DatePicker td.dp_weekend                 { background: #D8D8D8 }
.Zebra_DatePicker td.dp_weekend_disabled        { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected                { background: #5A4B4B; color: #FFF !important }
.Zebra_DatePicker td.dp_week_number             { background: #FFCC33; color: #555; cursor: text; font-style: italic }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer                { margin-top: 3px }
.Zebra_DatePicker .dp_footer td             { color: #FFF; padding: 2px; font-weight: bold }
.Zebra_DatePicker .dp_footer .dp_hover      { background: #222; color: #FFF }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #C40000 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_disabled            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #482424; color: #FFF }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { display: inline-block; position: relative; width: 16px; height: 16px;   border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top; zoom: 1; *display: inline; }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('../images/calendar-disabled.png') }
/* don't set vertical margins! */
button.Zebra_DatePicker_Icon                { margin: 0 0 0 3px;color: #fff!important; }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 12px 0 0;color: #fff!important; background-color: #fff!important; }

.header { background-color: #fff; width: 100%;max-width: 1280px; margin: auto; padding-top: 5px;
-webkit-box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1); position: relative;min-height: 111px; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}

.logoWrap { width: 300px; }

.logoWrap span {     font-family: "Lato";
    font-size: 34px;
    margin-left: 203px;
    position: absolute;
    top: 56px; color: #141414;-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; }
	
	.header-wrap.small .logoWrap span {     margin-left: 99px;
    top: 23px; }
	
	.header-wrap.small .contact { margin-top: 23px; }
	
	.header-wrap.small #menu { margin-top: 27px; }

.logo { margin-left: 8px; position: absolute; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; width: 180px; }

.weather {
    background-color: #fff;
    background-image: url("../images/cloudy.png");
    background-position: 4% 50%;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #f6862d !important;
    display: inline-block;
    font-family: "Lato";
    margin-left: 10px;
    padding: 10px 11px 10px 43px;
    position: relative;
    text-decoration: none;
    width: 215px;
}

.map {
    background-color: #fff;
    background-image: url("../images/map-marker.png");
    background-position: 4% 50%;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #f6862d !important;
    display: inline-block;
    font-family: "Lato";
    margin-left: 10px;
    padding: 10px 11px 10px 43px;
    position: relative;
    text-decoration: none;
    width: 182px;
}

.facebookHeader {
    background-color: #4867aa;
    background-image: url("../images/facebook.png");
    background-position: 7% 50%;
    background-repeat: no-repeat;
    background-size: 16% auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "Lato";
    font-size: 14px;
    padding: 12px 12px 12px 20px;
    position: absolute;
    right: 299px;
    text-align: right;
    text-decoration: none;
    top: 11px;
    width: 64px;
}

.instagramHeader {
    background-color: #dd326e;
    background-image: url("../images/instagram.png");
    background-position: 8% 50%;
    background-repeat: no-repeat;
    background-size: 15% auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "Lato";
    font-size: 14px;
    padding: 12px 12px 12px 27px;
    position: absolute;
    right: 404px;
    text-align: right;
    text-decoration: none;
    top: 11px;
    width: 60px;
}

.twitterHeader {
    background-color: #1da1f2;
    background-image: url("../images/twitter-logo.png");
    background-position: 14% 50%;
    background-repeat: no-repeat;
    background-size: 18% auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "Lato";
    font-size: 14px;
    padding: 12px 12px 12px 27px;
    position: absolute;
    right: 512px;
    text-align: right;
    text-decoration: none;
    top: 11px;
    width: 45px;
}


.facebookCompHeader {
    background-color: #4867aa;
    background-image: url("../images/facebook.png");
    background-position: 2% 50%;
    background-repeat: no-repeat;
    background-size: 7% auto;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "Lato";
    font-size: 14px;
    padding: 12px 12px 12px 21px;
    position: absolute;
    right: 445px;
    text-align: right;
    text-decoration: none;
    top: 11px;
    width: 270px;
}

.event { float: left; width: 33.33%; }
.event span { display: block; }
.event img { float: left; margin-right: 15px; }
.event strong { font-size: 18px; margin-bottom: 15px; display: block; }
.event a { text-decoration: none; color: #c22121; display: block; margin-top: 15px; }

.eventsButtonHome { background-color: #2082c0; color: #fff; font-size: 24px; text-align: center; display: block; width: 270px; margin: auto; margin-bottom: 10px; padding: 10px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; cursor: pointer; font-weight: bold; }
.eventsButtonHome:hover { background-color: #f6862d; }

.searchM { margin-top: 30px; }

.staticBanner { width: 100%; margin-top: 116px; position: relative; min-height: 100px; }
.staticBanner img { width: 100%; height: inherit; display: block; }

@keyframes slideInTop {
    from {opacity: 0; padding-bottom: 30px;}
    to {opacity: 1; padding-bottom: 10px;}
}

@keyframes fadeIn {
    from {opacity: 0; }
    to {opacity: 1; }
}

.staticBanner h1 { position: absolute; margin: 0; padding: 0; display: table; margin: auto; left: 0; right: 0; bottom: 49%; text-align: center; color: #fff; font-family: 'Lato'; font-size: 56px; border-bottom: 2px solid #c22121; animation-name: slideInTop; animation-duration: 2s;text-shadow: 3px 3px 7px #000; padding-bottom: 10px; }
.staticBanner h2 { position: absolute; margin: 0; padding: 0; display: block; left: 0; right: 0; bottom: 37%; text-align: center; color: #fff; font-family: 'Lato'; font-size: 28px; font-weight: normal;
animation-name: fadeIn; animation-duration: 2s; text-shadow: 3px 3px 7px #000;}
.staticBanner h2 span { color: #c22121; }

.staticBanner.noImage h1 { bottom: 44%;  }
.staticBanner.noImage h2 { bottom: 8%;  }
.staticBanner.noImage { margin-top: 160px; margin-bottom: 30px; }

.content ul { font-family: 'Lato'; font-size: 14px; }
.content { font-family: 'Lato'; font-size: 14px;  }

.small-field { width: 179px!important; }
.small-field-date { width: 179px!important; margin-left: 0!important; }

.content h2 { margin: 0; padding: 0; margin-bottom: 15px;color: #c22121; }

.contact-left { float: left; margin-right: 20px;font-family: 'Lato'; width: 278px; }
.contact-left a { color: #1fa0b6; }
.contact-right { float: left;font-family: 'Lato'; width: 470px; }
.contact-right button { float: right; cursor:pointer;  border: 0; background-color: #f6862d; color: #fff;font-family: 'Lato'; font-size: 16px; font-weight: bold; padding: 10px;margin-top: 15px; }
.contact-right button:hover { background-color: #141414; }
.contact-right input { border: 1px solid #ccc; padding: 10px; width: 120px; }
.contact-right textarea { border: 1px solid #ccc; padding: 10px; width: 95%; }
.contact-right input:focus, .contact-right textarea:focus { background-color: #f2f2f2; }
.contact-left h4 { font-size: 24px; margin: 0; padding: 0; padding-bottom: 15px;color: #c22121; }
.contact-right h4 { font-size: 24px; margin: 0; padding: 0;padding-bottom: 15px; color: #c22121; }

.features { width: 650px; }

.features-1 { float: left; width: 300px; }
.features-1 td { padding: 7px;font-family: 'Lato'; font-size: 16px; border-bottom: 1px solid #ececec;}
.features-2 { float: left; width: 300px; margin-left: 30px; }
.features-2 td { padding: 7px;font-family: 'Lato';font-size: 16px; border-bottom: 1px solid #ececec; }

.rates { width: 800px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 15px; }

.rates p { margin-top: 5px!important;margin-bottom: 5px!important; }

.rates h3 { font-size: 18px!important; }
.rates h3 span { color: #1fa0b6; }

.rates table td { padding: 7px; }

.rates h6 { margin: 0; padding: 0; font-size: 14px; margin-left: 10px; }

.rates table { margin-right: 15px; border: 1px solid #ccc; }

.rates table tr:nth-child(2) { background-color: #f2f2f2; }

.rates td em { color: #909090; }

.wrap { width: 100%;max-width: 1280px; margin: auto; }
.wrap-rest { margin-top: 30px; }

.breadcrumbs a { color: #fff; text-decoration: none; }
.breadcrumbs { font-family: 'Lato'; margin-top: 5px; }

.contact-header { display: none; width: 500px;overflow: hidden; }

.gallery { margin: 0; padding: 0; list-style: none; }
.gallery li { float: left; margin-right: 18px;margin-bottom: 15px; }
.gallery li img { -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; border: 1px solid #ccc;
    padding: 4px; width: 153px; }
	.gallery li:nth-child(7n){ margin-right: 0; }

.areaSelection { float: left; width: 407px; position: relative; min-height: 180px; margin-top: 10px;margin-right: 12px; margin-left: 6px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-bottom: 8px; }
.areaSelection a { font-family: 'Lato'; width: 100%; font-weight: bold; padding-top: 10px; padding-bottom: 10px; position: relative; z-index: 1; display: block; text-align: center; margin-top: 65px; font-size: 28px; text-decoration: none; color: #fff; background: rgba(0,0,0,0.3); }
.areaSelection img { position: absolute;  z-index: 1;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }



h6 { font-family: 'Lato';font-size: 18px; margin-left: 15px; }

.antispam { display:none;}

.book-room { background-color: #1fa0b6; text-decoration: none; color: #fff;font-family: 'Lato';font-size: 14px; padding: 7px; background-image: url('../images/calendar.png'); background-repeat: no-repeat; background-position: 5% 50%; padding-left: 35px;}

.accommodation-links a { cursor: pointer;background-color: #999b38; padding: 7px; color: #fff; text-decoration:none;font-family: 'Lato'; float: left; margin-left: 15px;margin-bottom: 15px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.content h3 { font-family: 'Lato';font-size: 24px; margin-top: 0; padding-top: 15px; }
.accommodation-links a:hover { background-color: #bfc238; }
.accommodation-links {  }
.listing-block { width: 31.6%; position: relative; float: left;margin-left: 4px; margin-right: 15px; margin-top: 15px; border: 1px solid #ccc; -webkit-border-radius: 5px;
-moz-border-radius: 5px; max-height: 180px;
border-radius: 5px;min-height: 180px;box-sizing: border-box;}
.listing-block img { position: absolute; left: 0;-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; border-right: 3px solid #2082c0; }
.listing-block .cnt { margin-left: 150px;}
.listing-block h6 { font-size: 14px; font-weight: normal!important; }
.listing-block h4 { color: #141414;
    font-family: "Lato";
    font-size: 18px !important;
    margin: 15px 0 15px 15px;
    padding: 0 10px 0 0;
	margin-left: 15px !important;
	}
.listing-block h4 a { color: #141414; text-decoration: none; }
.listing-block .short_blurb { margin-left: 15px; margin-right: 15px; }
.listing-block .viewListing {  text-decoration: none; margin-left: 15px; background-color: #2082c0; color: #fff; display: block;  margin-top: 15px; width: 80px; text-align: center; padding: 7px; }
.listing-block .blockcut { color: #c22121; text-decoration: none; }
.listing-block p { font-weight: normal!important; }
.listing-readmore { font-family: 'Lato';font-size: 14px;font-weight: normal!important;background-color: #2082c0; color: #fff; text-decoration: none; padding: 7px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-left: 15px; }
.listing-readmore:hover { background-color: #141414; }
.listing-block p {  }

.rooms { width: 97.3%; margin: auto;  }

.book-side { text-decoration: none; color: #141414; }

.rooms h4 { font-family: 'Lato';font-size: 18px; margin-left: 0!important; margin-top: 0; }
.rooms h3 { font-family: 'Lato'; margin-left: 15px; font-size: 18px; }
.rooms p { font-family: 'Lato'; margin-left: 0!important; margin-bottom: 25px; }
.rooms img { margin-top: 10px; margin-bottom: 10px; }

.rooms td { border-bottom: 1px solid #e0e0e0; }

.table-head { background-color: #1fa0b6; color: #fff;}

.table-head a { float: right; margin-top: 17px; margin-right: 20px; color: #fff; text-decoration: none; background-image: url('../images/features.png'); background-repeat: no-repeat; background-position: left center; padding-left: 30px; padding-top: 3px; }

.sidebar { float: right; width: 35%;  margin: 18px; border: 1px solid #e0e0e0;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding-bottom: 18px; }
.side-no-padding { padding-bottom:0; }
.sidebar-heading { background-color: #1fa0b6;font-family: 'Lato'; color: #fff; font-weight: bold; font-size: 18px; padding: 15px; }
.sidebar-box { padding-top: 15px; }
.sidebar-heading-round { -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }

.sidebar-box form {  }
.sidebar-box form input { width: 88%; padding: 7px; margin-left: 18px; margin-bottom: 10px;font-family: 'Lato'; font-size: 14px; }
.sidebar-box form textarea { width: 88%; padding: 7px; margin-left: 18px; margin-bottom: 10px;font-family: 'Lato';font-size: 14px; color: #7f7f7f; }
.submit { margin-left: 18px; border: 0; background-color: #141414; width: 91.7%; padding: 7px; color: #fff; text-align: center;font-family: 'Lato'; font-weight: bold; font-size: 18px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-bottom: 18px;}

.sidebar-box iframe { width: 100%; height: 350px; margin-top: -15px;margin-bottom: -4px; }

.search-results h4 { margin-left: 15px; font-family: 'Lato'; font-size: 18px;font-style: normal!important;   }

.search-results { font-style: normal!important; }
.search-results p {  font-style: normal!important; font-weight: normal!important; }

.search-results hr { border: 0; border-top: 1px solid #ccc; margin-left: 15px; margin-right: 15px; }
.search-results a { color: #1fa0b6;text-decoration:none;font-style: normal!important;   }
.search-results img { float: right; margin-right: 15px; }

.google-map-large {   }
.google-map-large iframe { width: 700px; height: 450px; }

.enlarge-map { position: absolute; background-color: #141414; color: #fff; text-decoration: none;font-family: 'Lato'; font-size: 14px; margin-top: 240px; padding: 7px; font-weight: bold;-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;}

.phone { background-image: url('../images/phone-contact.png'); background-repeat: no-repeat; background-position: left; padding-left: 30px; }
.email { background-image: url('../images/email.png'); background-repeat: no-repeat; background-position: 3% 100%; padding-left: 30px; color: #000; text-decoration: none; }

.bread-wrap { width: 100%;max-width: 1280px; margin: auto; margin-top: 90px; }

.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #fff url('../images/preloader.gif') no-repeat center center; }

.listing-img { float: right; margin: 20px; border: 5px solid #1fa0b6; padding: 2px; }

.footer-copyright { width: 100%; background-color: #141414; text-align: center; color: #fff;font-family: 'Lato'; font-size: 12px; padding-top: 5px; padding-bottom: 5px; }

.footer-copyright a { color: #fff; }

.subscribe_button { border: 0; padding: 8px 8px 10px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; background-color: #69bad7; color: #fff; }

.footer { background: url("../images/footer-bg.jpg") repeat-x scroll 0 0 #6291ba;
    height: auto;
    margin-top: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;  margin-top: 20px; font-style: normal!important; }
	.footer:after { background: url("../images/footer-bottom-bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    content: " ";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%; }
	
	.footer-top { width: 100%; max-width: 1280px; margin:auto; padding-top: 13px; }
	.footer-container {  width: 100%; max-width: 1280px; margin:auto;  }
	
	.footer-block { float: left; min-height: 270px; width: 46%; margin-top: 15px; }
	.footer-block h5 { font-size: 20px; font-family: 'Lato'; color: #fff; margin-bottom: 15px; }
	.footer-block:nth-child(2){ width: 54%; }
	.footer-block:nth-child(3) {  width: 26%; }
	.footer-block ul { list-style: none; margin: 0; padding: 0; font-weight: normal!important; }
	
	.footer-block a { text-decoration: none; color: rgba(255,255,255,0.5); font-family: 'Lato'; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}

.header-search { 
position: absolute;
    right: 29px;
    top: 11px;   }

.header-search form { position: relative; width: 260px; }

.header-search input {     border: 1px solid #c9c9c9;
    padding: 11px;
    width: 250px;   -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
	
.header-search button {
    background-color: transparent;
    background-image: url("../images/search-icon.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 none;
    height: 16px;
    position: absolute;
    right: -2px;
    top: 13px;
    width: 16px;
}

.footer-block a:hover { color: rgba(255,255,255,1); }
	
	.facebook { background: url("../images/social_sprite.png"); width: 32px; height: 32px; float: left; cursor: pointer; }
	.facebook:hover { background-position: 100% 0%; }
	.twitter { background: url("../images/social_sprite.png"); background-position: 0% 100%; width: 32px; height: 32px;float: left; margin-left: 10px;cursor: pointer; }
	.twitter:hover { background-position: 100% 100%; }
	.bottom-search {     height: 34px;
    margin-left: 986px;
    position: absolute;
    top: 13px;
    width: 290px; }
	.bottom-search input { background: url("../images/footer-search.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #6d6d6d;
    font-size: 13px;
font-family: 'Lato'; font-size: 14px;
    height: 34px;
    left: 0;
    margin: 0;
    padding: 0 0 0 10px;
    position: absolute;
    width: 237px; }
	.bottom-search button { 
	background: rgba(0, 0, 0, 0) url("../images/footer-search.jpg") no-repeat scroll 100% 100%;
    border: 0 none;
    height: 34px;
    left: 235px;
    position: absolute;
    top: 0px;
    width: 47px;}

.featured-div {  background-color: #fff; z-index: 6;  width: 1280px;-webkit-box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px 3px  rgba(0, 0, 0, 0.1);  }
.featured-div p { font-family: 'Lato'; font-size: 14px; margin-left: 15px; margin-right: 15px; margin-top: 0; }
.featured-div h1 { color: #1fa0b6;font-family: 'Lato';   font-size: 36px;margin: 0; padding: 0; padding-left: 15px; padding-top: 15px; padding-bottom: 15px;  }

.eventDate { background-color: #2082c0; color: #fff;font-family: 'Lato'; text-align: center; width: 400px;margin-top: -5px; padding-top: 10px; padding-bottom: 10px; }

.viewMoreEvents { float: right; color: #fff; text-align: center;font-family: 'Lato'; background-color: #2082c0;-moz-border-radius: 5px;
border-radius: 5px; webkit-border-radius: 5px; margin-top: 15px; margin-right: 15px; padding: 10px; text-decoration: none; font-size: 18px; font-weight: bold;} 

.content {
	box-sizing: border-box;
	background-color: #fff;
	z-index: 6;
	width: 100%;
	padding: 0 15px 15px 15px;
}
.content h4 { font-family: 'Lato'; font-size: 18px; margin-left: 0;  }
.content p {
	font-family: 'Lato';
	font-size: 18px;
	margin-right: 0;
	margin-top: 0;
}
.content h1 { color: #c22121;font-family: 'Lato';   font-size: 36px;margin: 0; padding: 0; padding-top: 15px; padding-bottom: 15px;  }
span.rollover:hover ~ .feature-block-title  {
color: #ff0000!important;
}
.featured { z-index: 99999; padding-bottom: 15px; }
.featured h4 { color: #c22121;font-family: 'Lato';   font-size: 36px;margin: 0; padding: 0; padding-left: 15px; padding-top: 15px; padding-bottom: 0px;}
.feature-block { float: left; min-height: 326px; width: 409px; margin-left: 16px;margin-top: 20px; }
.feature-block-title { position: absolute; z-index: 10; border-bottom: 3px solid #c22121;background: rgba(0,0,0,0.5); color: #fff;font-family: 'Lato'; font-weight: bold; font-size: 24px; width: 400px; text-align: center; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
.feature-block-link { position: absolute;  background: rgba(255,255,255,0.5); color: #fff;font-family: 'Lato'; font-weight: bold; font-size: 16px; width: 400px; text-align: center; padding-top: 5px; padding-bottom: 5px; margin-top: 256px; }
.feature-block-link a { text-decoration: none; color: #141414; }


.content2 {  margin-top: 15px; }
.content3 { margin-top: 620px; }

.clear-content { clear: both; height: 150px; }


/* css-method */


span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:url('../images/mag.png') center 65% no-repeat #000;
	cursor: pointer;
	height: 286px;
	width: 400px;
	position: absolute;
	z-index: 10;
	opacity: 0;
	z-index: 5;
}

span.rollover:hover {
	opacity: .7;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}

.search-container {
	max-width: 800px;
	margin: auto;
	z-index: 9999;
}
.search-container h1 { font-size: 42px;font-family: 'Lato'; font-weight: normal; letter-spacing: 1px; margin: 0; padding: 0; margin-bottom: 10px; color: #141414; }
.search-container h1 a {
	color: #c22121;
	text-shadow: 1px 1px #545c80;
	font-weight: bold;
}
.search {
	z-index: 999999;
	background-image: url('../images/meta_bg_wht.png');
	margin-top: 15px;
	margin-bottom: 25px;
	width: 800px;
	box-sizing: border-box;
}
.search p { font-family: 'Lato';font-size: 14px; font-style:italic; margin: 0; padding: 0; padding-bottom: 10px; font-weight: normal; }
.search input { padding: 9px;margin-top: -2px; border: 0; width: 50%; float: left; font-family: 'Lato';font-size: 14px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;font-weight: bold; color: #787878;border: 1px solid #c8c8c8;
border-radius: 3px; margin-right: 12px;letter-spacing: 0.7px;margin-left: 13px;}

.search button { padding: 9px; margin-left: 12px;margin-top: -2px; border: 0;  background-color: #141414; -webkit-border-radius: 3px;
-moz-border-radius: 3px;  color: #fff; cursor: pointer;
border-radius: 3px;font-family: 'Lato';font-size: 14px; font-weight: bold;letter-spacing: 0.7px; display: block; }
.search button:hover { background-color: #2082c0; background-position: 0px 51px; }

.radio-div1 { float: left;
	margin: 0 0;margin-top: -30px;font-family: 'Lato';font-size: 14px; }
	
	.radio-div2 { float: left;
	margin: 0 15px;margin-top: -30px;font-family: 'Lato';font-size: 14px; }
	
	.radio-div3 { float: left;
	margin: 0 0px;margin-top: -30px;font-family: 'Lato';font-size: 14px; }
	
	.radio-div4 { float: left;
	margin: 0 15px;margin-top: -30px;font-family: 'Lato';font-size: 14px; }
	
		.radio-div5 { float: left;
	margin: 0 0px;margin-top: -30px;font-family: 'Lato';font-size: 14px; }
	




label {
  width: 174px;
  border-radius: 3px;
 border: 1px solid #c8c8c8;
  background-color: #fff;
  font-weight: bold;
  letter-spacing: 0.7px;
}

.label-all {
  width: 80px;

}

.label-sleep {
  width: 94px;

}

.label-eat {
  width: 77px;

}

.label-play {
  width: 84px;

}

.label-shop {
  width: 89px;

}


/* hide input */
.radio:empty {
	display: none;
}

/* style label */
input.radio:empty ~ label {
	position: relative;
	float: left;
	line-height: 2.5em;
	text-indent: 3.25em;
	margin-top: 2em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 2.5em;
	background: #D1D3D4;
	border-radius: 3px 0 0 3px;
}

/* toggle hover */
input.radio:hover:not(:checked) ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #C2C2C2;
}

input.radio:hover:not(:checked) ~ label {
	color: #888;
}

/* toggle on */
input.radio:checked ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #fff;
	background-color: #4DCB6D;
}

input.radio:checked ~ label {
	color: #c22121;
}

/* radio focus */
input.radio:focus ~ label:before {
	box-shadow: 0 0 0 0px #999;
}




#menu {
padding: 0;
float: right;
margin: 64px 10px 0 auto;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.contact { float: right; background-color: #2082c0; color: #fff;font-family: 'Lato';font-size: 14px;padding: 10px 12px 10px 43px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;margin-top: 56px; margin-right: 15px;
background-image: url('../images/contact-icon.png'); background-repeat: no-repeat; background-position: 7% 50%;
text-decoration: none;-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}


#menu li {
list-style: none;
float: left;
border-left:1px solid #ccc!important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 #menu li {  z-index: 9999!important; }
 #menu li a { padding: 2px 8px 2px 8px; }
 
}



#menu li:first-child {
list-style: none;
border-left: 0!important;
}

#menu li:last-child {
border-right: 0!important;
}

#menu li a {
    color: #141414;
    display: block;
    font-family: "Lato";
    font-size: 20px;
    padding: 2px 21px;
    text-align: center;
    text-decoration: none;
    transition: all 500ms ease 0s;

}

#menu li a.current { color: #c22121; font-weight: bold; }

#menu li a:hover {
color: #c22121;

}

#menu li:hover {
	
}

#menu li ul {
display: none;
background-color: #c22121;

}

#menu li p {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 15px;
color: #FFFFFF;
}

#menu li:hover ul {
display: block;
position: absolute;
right: 0;
margin: 0;
padding: 0;
z-index: 99999;
margin-left: 0;
border-top: 18px solid #fff;
-moz-column-count: 2;
    -moz-column-gap: 0;
    -webkit-column-count: 2;
    -webkit-column-gap: 0;
     column-count: 2;
     column-gap: 0;
}

#menu li:hover li {
float: none;
border-right: 0;
border-left: 0 !important;
border-bottom: 0;
width: 250px;
}

#menu li:hover li:first-child {
border-top: 0;
}
#menu li:hover li a {

border-left: 0;
color: #FFF;
padding: 8px 18px;
font-family: "Lato";
font-size: 14px;
text-align: left;
width: auto;
border-right: 0;
background-image: none;
background-color: #c22121;

}




#menu li li a:hover {
background-repeat: no-repeat;
background-position: right;
background-color: #919ac1;
color: #FFF;
}



.cbp-bislideshow {
	list-style: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
}

.cbp-bislideshow li {
	position: absolute;
	width: 101%;
	height: 101%;
	top: -0.5%;
	left: -0.5%;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}

/* If background-size supported we'll add the images to the background of the li */

.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

.cbp-bicontrols {
	position: fixed;
	width: 300px;
	height: 100px;
	margin: -50px 0 0 -150px;
	top: 50%;
	left: 50%;
}

.cbp-bicontrols span {
	float: left;
	width: 100px;
	height: 100px;
	position: relative;
	cursor: pointer;
}

.cbp-bicontrols span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 100px;
	font-size: 80px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	opacity: 0.7;
}

.cbp-bicontrols span:hover:before {
	opacity: 1;
}

.cbp-bicontrols span:active:before {
	top: 2px;
}

span.cbp-biplay:before {
	content: "\e002";
}

span.cbp-bipause:before {
	content: "\e003";
}

span.cbp-binext:before {
	content: "\e000";
}

span.cbp-biprev:before {
	content: "\e001";
}

.cbp-bicontrols span.cbp-binext {
	float: right;
}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block;
}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; margin-left: 10px;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:-10px;font-family: 'Lato';font-size: 14px;color: #c22121; font-weight: bold; }
ul.bjqs-controls.v-centered li.bjqs-prev a{left:10px;font-family: 'Lato';font-size: 14px; color: #c22121; font-weight: bold;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.fb-page {  margin-right: 30px; margin-bottom: 15px; }

#photos { width: 770px; margin-top: 10px;margin-bottom: 20px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

#photos img  { -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

#home-fade { margin-top: 71px;}
#home-fade img {  }


#container{
	max-width:620px;
	margin:0 auto;
	padding-bottom:80px;
}

#banner-fade,
#banner-slide{
	margin-bottom: 60px;
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#315c92;
	text-decoration: none;
	 font-family: 'oswaldbook';
	 text-transform: uppercase;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
	
	
}

.fancybox-wrap {
	position: absolute;
	left: 0;
	z-index: 8020;
	overflow: hidden;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
   margin: 0!important;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 9999999999999;
	background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}



.captcha
{
  width: 176px;
  margin: 0 auto;
  margin-left: 0px;
  margin-top: -12px;
}
.refresh
{
  position:relative;
  float: right;
  margin-right: -125px;
}

#SpamCheck { margin-left: 10px!important; float: right; margin-top: -8px; }

#url
{
  visibility: hidden;
  height: 1px;
  width: 1px;
  position:absolute;
}

/* Z-INDEX */
 .formError { z-index: 990; margin-left: -120px; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.captcha input { width: 60px!important;}
.captcha-img { margin-left: -2px; margin-bottom: -25px!important; }

.footer-block p { color: rgba(255, 255, 255, 0.5); font-family: 'Lato'; }

/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons

  DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break.
*/

@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}


#weather {
  width: 270px;
margin: -18px auto 0 30px;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #000;
  background-image: url(../images/weather-bg.jpg);
  float: right;
}

#weather2 {
    float: right;
    margin-right: 15px;
    margin-top: 62px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 9999;
	background-color: #c22121;
	    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.header-wrap.small #weather2 { margin-top: 25px; }



.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

#weather h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 64px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather2 h2 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  font-family: 'Lato';
  padding: 5px;
}


#weather ul {
  margin: 0;
  padding: 0;
}

#weather li {
  background: rgba(255,255,255,0.9);
  padding: 7px;
  display: inline-block;
  margin-bottom: 15px;
}

#weather .currently {
  margin: 0 20px;
}



  #nav-text { display: none;font-family: 'Lato'; }
  

  
  

/** START MOBILE CSS **/

@media only screen and (max-width : 1070px) {
	
	.facebookHeader span { display: none;  }
	.instagramHeader span { display: none;  }
	.twitterHeader span { display: none;   }
	
	.facebookHeader { background-position: center center; padding: 0; width: 32px; height: 32px;background-size: inherit; display: inline-block; }
	.instagramHeader { background-position: center center; padding: 0; width: 32px; height: 32px;background-size: inherit;  display: inline-block;}
	.twitterHeader { background-position: center center;padding: 0; width: 32px; height: 32px;background-size: inherit; display: inline-block; }
	
	body { background-color: #f8f7f1; }
	
	.header-wrap { position: relative; margin-top: 50px; }

#menu { margin: 0; }

.staticBanner h2 { font-size: 16px; }
.staticBanner h1 { font-size: 18px; }

.staticBanner {
    margin: auto;
    min-height: 100px;
    position: relative;
    width: 94%;
}

.areaSelection { width: 95%; float: none; margin: auto; margin-bottom: 10px;border-radius: 0; }
.areaSelection img { position: relative; width: 100%; max-width: 407px; margin-bottom: -3px; border-radius: 0; }
.areaSelection a { margin-top: 0;border-radius: 0;  width: 100%; max-width: 407px; margin: auto; }

.stylesWrap { width: 100%; }

.header { height: inherit;padding-top: 15px; padding-bottom: 15px; text-align:center; width: 94%; }

.contact { float: none; margin-right: 0; display: none; }

.facebookCompHeader { position: relative; right: inherit; margin: auto; top: inherit; }
.facebookHeader { position: relative; right: inherit; margin: auto; margin-top: 10px; top: inherit;}
.instagramHeader { position: relative; right: inherit; margin: auto; margin-top: 10px; top: inherit;}
.twitterHeader { position: relative; right: inherit; margin: auto; margin-top: 10px; top: inherit;}

.wrap { margin-top: 15px; }

.search { width: 100%; }

.header-search {    left: inherit;
    margin: 15px auto auto;
    right: inherit;
    text-align: center;
    width: 100%; top: inherit; }
.header-search form { margin: auto; }

.footerGallery li { float: none; border: 0; }
.footerGallery li img { float: none; border: 0; }

.footer-block:nth-child(2) { width: 100%; }

.viewBrochure { float: none; width: 100%; margin: auto; margin-bottom: 15px; }
.viewBrochure img { width: 90%; max-width: 250px; height: inherit; }

.footer-block { width: 100%; }

.footer-container { padding-bottom: 30px; }

.footerContactRight { float: none; }

.weather { width: 60%; margin: auto; }

#home-fade {     margin-top: 15px;
    width: 94%;
    margin: auto; margin-bottom: 15px !important; }

.logo { position: relative;margin-top: 60px; margin-left: 0; width: 100%; max-width: 170px; }
.logoWrap span { width: 100%; display: block; }

.search-container {  }
.search-container { width: 94%; }
.cbp-bislideshow { display: none; }
.radio-div1 { visibility: hidden;width: 0; }
.radio-div2 { display: none; }
.radio-div3 { display: none; }
.radio-div4 { display: none; }
.radio-div5 { display: none; }

.search { margin-top: 15px; }

.search-container h1 { padding-left: 15px; padding-right: 15px; font-size: 20px; text-shadow: none; color: #000; }
.search-container h1 a { text-shadow: none; }

.search p { padding-left: 15px; padding-right: 15px; }

.search form { padding-left: 15px; padding-right: 15px; box-sizing: border-box; }


.search input {
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
}

.search button {
    margin-left: 0;
    width: 100%;
}

.search { text-align: center; padding: 0; padding-top: 30px; padding-bottom: 30px; border: 0;}
.featured h4 { font-size: 18px; text-align: center;  }
.featured-div { width: 94%;margin: auto; margin-top: 15px; text-align:center; }

.footer-block { float: none; margin-right: 0; margin: auto; text-align: center; }

.footer { height: inherit; }

.footer-top { text-align: center; }

.content  { width: 94%; margin: auto; margin-top: 20px; text-align: center; }

.feature-block { margin:auto;float: none;width: 100%; margin-left: 0; height: inherit; margin-top: 10px;  }
.feature-block img { width: 94%; }
.feature-block-title { width: 94%;  font-size: 14px; position: relative; margin: auto; background: rgba(0,0,0,1); }
span.rollover { display: none; }

.content h1 { font-size: 24px; }

.bottom-search { display: none; }

.fb-page { margin: auto; }

.header-wrap.small .logo { width: inherit !important; -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; }

.facebook { float: none;display: inline-block;margin:auto; } .twitter { float: none; display: inline-block; margin:auto; }

.event { width: 100%; margin-bottom: 30px; }

nav {  background-color: #4c4c4c; height: 50px; padding: 0; width: inherit; margin: inherit; border: 0; }

      #nav-text { display: block; color: #fff; margin-top: 15px; text-indent: 15px; } 
	   
	   #nav
    {
        position: fixed;
    right: 0;
    top: 0;
		z-index: 9999999;
		width: 100%;
		
    }
	#nav li a { padding-top: 10px; padding-bottom: 10px; color: #fff; display: block; font-size: 18px;  }
	#nav li a span { font-size: 32px; }

	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 5px; top: 0px;
			background-image: url('images/nav.png');
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
			width: 100%;
			background-position: right;
			
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
		margin-top: 18px!important;
		width: 100%;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #2b2b2b;
			border-bottom: 2px solid #fff;
			text-indent: 10px;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #nav li:hover li a
    {
    }
	
	.colRight form td { display: block; text-align: left; }
	
	.colRight form { box-sizing: border-box; margin-left: 30px; display: none !important; }

.colRight { float: right; width: 32%; }

	.bread-wrap { margin-top: 15px; width: 94%;text-align: center; }
	.breadcrumbs a {  text-decoration: none;  }
	
	.accommodation-links { width: 100%; text-align: center; }
	.accommodation-links a { width: 92%;  display: block; padding-left: 0; padding-right: 0; float: none; }
     
	.listing-block { width: 99%; max-height: inherit; padding-bottom: 20px; }
	.listing-block h4 { margin-top: 30px; margin-bottom: 30px; }
	.listing-block img { float: none;  }
	
	.listing-block .viewListing { margin: auto; margin-top: 30px; }
	
	
	.header-wrap.small .logoWrap span { margin-left: inherit; top: inherit; }
	#panel { visibility: hidden; }
	
	.content { padding-top: 25px; }
	
	#map-canvas { height: 150px!important; }
	
	.enlarge-map { display: none; }
	.book-room { display: none; }
	
	#weather { float: none; margin: auto; margin-bottom: 15px; }
	
	#photos { width: 92%; }
	ul.bjqs-controls.v-centered li.bjqs-next a { margin-top: 50px; }
	ul.bjqs-controls.v-centered li.bjqs-prev a { margin-top: 50px; }
	
	.sidebar { float: none; width: 88%; margin: auto;  }
	
	.rates { width: 90%; margin: auto; }
	.rooms h3 {  }
	
	.rooms td:nth-child(2) { display: none; }
	
	.table-head { padding-top: 20px; text-align: center; }
	
	.table-head a { float: none; background-image: none; padding-left: 0; margin-right: 0; }
	
	.rooms h4 { margin-top: 20px; }
	.rooms h3 { margin-left: 0; color: #81edff; }
	
	.rooms { width: 90%; margin:auto; margin-top: 40px; }
	
	.sidebar-box form input { width: 65%; margin-left: 0; }
	.sidebar-box form textarea { width: 65%; margin-left: 0; }
	
	.content table { margin: auto; }
	
	.logoWrap { width: 100%;margin-top: 15px; }
	
	.logoWrap span { margin-left: 0; text-align: center; position: relative; top: inherit; }

}

@media only screen and (max-width : 890px) {
	.gallery li { float: none;  }
}

@media only screen and (max-width : 460px) {
	.gallery li { margin: 0; margin-bottom: 5px; }
	.gallery li img { width: 90%;  }
}

  @media only screen and (max-width : 815px) {
	  .colRight { width: 100% !important; }
	  .colLeft { width: 100% !important; }
  }

/** END MOBILE CSS **/



@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v11/tI4j516nok_GrVf4dhunkg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/BVtM30trf7q_jfqYeHfjtA.woff) format('woff');
}