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

@media (min-width: 1023px) and (max-width: 1230px) {

#page, #footer, #page_rooms {width:990px;}
#page_left { width: 500px;}
#page_right { width: 421px; }

}

/* Tablet (Portrait), Design for a width of 768px */
@media (min-width: 768px) and (max-width: 1023px) {


#menu a {display:block; font-family: 'Oswald', Arial; font-size: 12px; color:#155f96; text-align:left; padding: 0 8px; text-decoration:none; line-height:45px; text-transform:uppercase}

#page, #footer, #page_rooms {width:700px;}
#page_left { width: 100%;}
#page_right { width: 100%; }

#slider_wrapper { width:421px; margin: 0 auto; float:none}

#one_third { width:700px; margin: 0 0 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#two_thirds { width:700px; }

#contact_details_left { position:relative; width:100%; float:left }
#contact_details_right { position:relative; width:100%; float:left }

}

@media screen and (min-width: 767px) {

	/* ensure #nav is visible on desktop version */
	#menu { display: block !important;}



}



/* Mobile (Landscape), Design for a width of 480px */
@media (min-width: 557px) and (max-width: 767px) {


#page, #footer, #page_rooms {width:480px;}
#page_left { width: 480px; margin-bottom:30px;}
#page_right { width: 480px; margin-bottom:30px; }
#subtitle {height:auto; padding: 15px 0 35px 0 }

#slider_wrapper { width:421px; margin: 0 auto; float:none}

#footer_links, #footer_links li { width:100%  }
#footer_links a { text-align:center; }

#one_third { width:480px; margin: 0 0 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#two_thirds { width:480px; }

#menu_wrapper {	width: 100%; text-align:left; }
#menu-icon { font-family: 'Oswald', Arial; font-size: 24px; color:#fff; width: 398px; text-shadow: 1px 1px 1px #000; line-height: 42px; background:#17468C url(plus-minus.png) no-repeat 12px 0px; padding: 0px 0px 0px 35px; margin: 0 auto ; cursor: pointer; display: block; /* show menu icon */ -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
#menu-icon:hover { background-color: #009999 ; color:#fff; text-shadow: 1px 1px 1px #000;}
#menu-icon.active {	background: #009999 url(plus-minus.png) no-repeat 12px -47px; color:#fff; text-shadow: 1px 1px 1px #000}
#menu { clear: both; position: relative; top: 0px; width: 398px; z-index: 10000; padding: 5px; background: #fff; display: none; margin-bottom:0px;}
#menu li { clear: both; float: none; margin: 5px; }
#menu a, #menu ul a { font-family: 'Oswald', Arial; font-size: 16px; color:#009999; text-shadow:none; background: none; display: block; text-align:left; border: none;	-webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; background-color:#F9F9F9; line-height:42px; }
#menu a:hover, #menu ul a:hover {	background-color:#CBF3ED; color: #009999; background-image:none !important }
ul#menu li:hover { background:none; }

#contact_details_left, #contact_details_right { width:100%; text-align:center }

H3 { text-align:center}

#sticky_fb, #sticky_vt { display:none }

.booklivemobile { display:block !important ; position:fixed !important; bottom:0 !important; z-index:111 !important }
.booklivepc { display:none !important }

}





/* Mobile (Portrait), Design for a width of 320px */
@media (max-width: 556px) {

#logo {width: 100%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#page, #footer, #page_rooms {width:100%;}
#page_left { width: 95%; margin-bottom:30px; margin-left:auto; margin-right:auto; float:none}
#page_right { width: 95%; margin-bottom:30px; margin-left:auto; margin-right:auto; float:none}
#subtitle {height:auto; padding: 15px 0 35px 0 }

#slider_wrapper { width: 95%; height: 251px; background: none; margin: 0 auto;}
#slider_container { position:absolute; width:264px; top: 0px; left: 0px; height: 180px; border:8px solid #fff;}

#footer_links, #footer_links li { width:100%  }
#footer_links a { text-align:center; }

#one_third { width:95%; float:none; margin: 0 auto 20px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#two_thirds { width:95%; float:none; margin-left:auto; margin-right:auto }
.rates { padding: 0 0 0 110px; position: relative; width: 100%; font-size:14px; margin-bottom:30px !important; text-align:left}
.rates img { left: 0; position: absolute; top: 0; }

#contact_details_left, #contact_details_right { width:100%; text-align:center }

#menu_wrapper {	width: 100%; text-align:left;}
#menu-icon { font-family: 'Oswald', Arial; font-size: 24px; color:#fff; width: 238px; text-shadow: 1px 1px 1px #000; line-height: 42px; background: #17468C url(plus-minus.png) no-repeat 12px 0px; padding: 0px 0px 0px 35px; margin: 0 auto; cursor: pointer; display: block; /* show menu icon */ -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
#menu-icon:hover { background-color: #009999 ; color:#fff; text-shadow: 1px 1px 1px #000;}
#menu-icon.active {	background: #009999 url(plus-minus.png) no-repeat 12px -47px; color:#fff; text-shadow: 1px 1px 1px #000}
#menu { clear: both; position: relative; top: 0px; width: 238px; z-index: 10000; padding: 5px; background: #fff; display: none;}
#menu li { clear: both; float: none; margin: 5px; }
#menu a, #menu ul a { font-family: 'Oswald', Arial; font-size: 16px; color:#009999; text-shadow:none; background: none; display: block; text-align:left; border: none;	-webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; background-color:#F9F9F9; line-height:42px; }
#menu a:hover, #menu ul a:hover {	background-color:#CBF3ED; color: #009999; background-image:none !important }
ul#menu li:hover { background:none; }

H3 { text-align:center}

#sticky_fb, #sticky_vt { display:none }
.booklivemobile { display:block !important ; position:fixed !important; bottom:0 !important; z-index:111 !important }
.booklivepc { display:none !important }

}

@media (max-width: 300px) {
body { overflow-x: visible  }



}