a {font-size:16px}
.footer__info, .copyright__text {
font-size:16px;}
.header__logo-desc {
max-width:300px!important;
font-size:14px;}
.footer__mid, .footer__info h3 {
font-size:24px!important;
}
/* Layout */
.col1, .col2, .col3, .cols, .col, .colimg { float:left;}
.col{ width:140px;}
.col1{ width:47%;}
.col2{ width:100%;}
.cols{ width:283px;}
.colimg{ width:320px;}
/* Getting the new tags to behave */
aside, audio, canvas, command, datalist, details, embed, figcaption, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline; }
/* Left & Right alignment */
.left { float:left;}
.right { float:right;}
}
.horblock{width:100%;float:left;}
/* Global properties */
/* main layout */
a{ color:#2fb3fd; text-decoration: none; outline:none}
a:hover{ text-decoration: underline}
h2{ font:32px color:#03a0f8;}
h2 span, h3 span{ color:#2c2c2c;}
h5{ font:32px; color:#000000;}
h3{ font:32px; clear:both;}
h4, h4 a{ font:28px color:#03a0f8; line-height:20px;clear:both;}
h5, h5 a{ color:#03a0f8;}
h4 span, h5 span{ color:#5b5b5b;}
h4 a:hover, h5 a:hover{ color:#03a0f8;}
h6{ font:18px color:#03a0f8; margin-bottom:3px;}
h6 a{ color:#5b5b5b;}
.stars1{background: url(images/star.png) left bottom repeat-x; width: 24px;height: 25px;}
.stars2{background: url(images/star.png) left bottom repeat-x; width: 48px;height: 25px;}
.stars3{background: url(images/star.png) left bottom repeat-x; width: 72px;height: 25px;}
.stars4{background: url(images/star.png) left bottom repeat-x; width: 96px;height: 25px;}
.stars5{background: url(images/star.png) left bottom repeat-x; width:120px;height: 25px;}
#content_bot h3{ font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#ebebeb; padding:28px 0 13px 0}
p{ padding-bottom:10px;}
/* The Nivo Slider styles */
#slider{ position:relative; width:980px; height:320px; z-index:88; }
#slider img{ display:none;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0; margin:0;z-index:60;display:none;}
.nivoSlider{margin-bottom:20px;}
/* The slices in the Slider */
.nivo-slice {display:block; position:absolute;z-index:50;height:100%;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{ position: absolute;z-index:99; right:0; bottom:-34px; }
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer; text-indent:-5000px; width:26px; height:26px; float:left; margin-left:1px; background:url(images/buttons.gif) right 0 no-repeat}
.nivo-controlNav a.active { background-position: left;}
/* Caption styles */
.nivo-caption { width:980px; height:320px; overflow:hidden; top:0; position:absolute; left:0; z-index:99;}
.nivo-caption p{ width:926px;position:absolute; bottom:-200px; left:0; background:url(images/bg_caption.png) repeat; padding:10px 27px; color:#f3f3f3;}
.nivo-caption a { color:#f3f3f3}
/* content */
#content{ width:100%; overflow:hidden; padding-bottom:61px;}
#content_bot{ padding-bottom:29px; width:100%; overflow:hidden}
.clear{clear:both;}
.marg_right{ margin-right:10px;}
.marg_right1{ margin-right:20px;}
.marg_right2{ margin-right:30px;}
.pad_bot1{ margin-bottom:18px;}
.colimg{padding-bottom: 10px;}
.colimg img{border: 1px dashed #C0C0C0;padding: 6px;margin-bottom:10px;}
.colimg a img:hover{border: 1px solid #03a0f8;padding: 6px;}
.gallery{ width:300px; float:right;}
.link1{ font-family:Tahoma, Geneva, sans-serif; display:inline-block; padding-right:11px; background:url(images/marker_2.gif) right 8px no-repeat;}
.list1 li{ line-height:24px;}
.list1 li a{ font-size:14px; color:#5b5b5b; padding-left:26px; background:url(images/marker_1.gif) 0 1px no-repeat;}
.list2 li{ line-height:28px; font-size:10px;}
.list2 li a{ color:#c3c3c3; text-decoration:none;}
.list2 li a:hover{ text-decoration: underline}
.color1{ color:#2fb3fd}
.under{ border-bottom:1px solid #c6c6c6; padding-bottom:26px; margin-bottom:26px;}
/* gallery1 begin */
.inner{ position:relative; height:270px; overflow:hidden;}
.carousel{ width:100%; overflow:hidden;}
.carousel li{ float:left; padding-left:1px; position:relative; width:149px; height:231px; overflow:hidden; padding-bottom:1px;}
.carousel li a{ width:149px; height:115px; display:block; margin-bottom:1px; position:relative;}
.carousel li a img{ position:absolute; top:0; left:0;}
.inner .next{ width:35px; height:33px; position:absolute; z-index:10; right:0px; top:237px; background: url(images/marker_right.gif) 0 0 no-repeat; cursor:pointer;}
.inner .prev{ width:36px; height:33px; position:absolute; z-index:10; right:35px; top:237px; background: url(images/marker_left.gif) 0 0 no-repeat; cursor:pointer;}
.inner .next:hover, .inner .prev:hover{ background-position:bottom}
.box{ font-size:10px; color:#fff; line-height:10px; background:#ff0042; padding:7px 30px 7px 10px; position:absolute; right:-81px; top:76px; z-index:11;}
.box:hover{ text-decoration:none; color:#151515;}
/* Easy Tooltip */
#easyTooltip{padding:0px 20px 0 10px;background: url(images/bg_tooltip.png) repeat;color:#fff;font-size:12px;z-index:2;}
#easyTooltip span{ text-decoration:underline}
.newsletter{ width:275px; margin-top:36px; background:url(images/bg_newsletter.png) repeat;border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; position: relative; float:right; padding:0 12px 0 16px}
#content_bot .newsletter h3{ font:30px "Times New Roman", Times, serif; color:#f5f5f5; padding:4px 0 0 0; line-height:40px;}
/* gallery3 begin */
.folio dt{ float:left; margin-right:20px; width:497px; height:408px; position:relative}
.folio dt img{ position:absolute; top:0; left:0}
.folio dd{ float:left; background:url(images/scroll_track.gif) right repeat-y}
.folio ul{ height:834px; overflow:hidden; width:100px}
/* scroll */
.scroll-pane{ overflow:auto; height:408px; width:100px; padding-right:29px;}
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height:100%;}
.jScrollPaneDrag { position: absolute; background:#009be4; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop { position: absolute; top:0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden;}
.jScrollArrowUp, .jScrollArrowDown{ height:69px;}
/*---gallery3 end ---*/
/* footer */
#footer { color:#eeeeee; line-height:23px; padding:18px 0 45px 0; width:100%; overflow:hidden}
#footer a{ color:#9fa1a2}
#icons{ float:right;}
#icons li{ float:left; padding-left:4px;}
/* forms */
#form_1{ padding-bottom:17px;}
#form_1 a{ color:#fff;}
#form_1 .wrapper{ margin-bottom:7px}
#form_1 .button{ float:left; width:47px; font-weight:bold; text-decoration:none; text-align:center; line-height:26px; background:#0d1216;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; position: relative; box-shadow: 0 0 2px #181d21; -moz-box-shadow: 0 0 2px #181d21; -webkit-box-shadow: 0 0 2px #181d21;}
#form_1 .input{ width:208px; height:16px; background:none; padding:5px; font:12px Arial, Helvetica, sans-serif; color:#5b5b5b; background:#fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position: relative; float:left; margin-right:3px;}
#form_1 .button2{ color:#fff; float:left; width:47px; height:26px; font-weight:bold; text-decoration:none; text-align:center; line-height:26px; background:#0d1216;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; position: relative; box-shadow: 0 0 2px #181d21; -moz-box-shadow: 0 0 2px #181d21; -webkit-box-shadow: 0 0 2px #181d21;}
#ContactForm {}
#ContactForm a{ margin-left:20px; margin-top:17px; float:right}
#ContactForm .input {width:237px; height:15px; border:1px solid #c3c3c3; background:#fff; padding:2px 5px; margin-bottom:13px;color:#5b5b5b; font:12px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto;width:331px; height:119px; border:1px solid #c3c3c3; background:#fff; padding:2px 5px; margin-bottom:13px;color:#5b5b5b; font:12px Arial, Helvetica, sans-serif;}
.col_1{ width:249px; float:left;}
.col_2{ width:343px; float:left; padding-left:51px;}
.col_3{ width:600px;}
#ContactForm label{ min-height:30px; display:block}
#ContactForm .error, #ContactForm .empty{ position:relative; font-size:10px; color:#2FB3FD; top:-13px; display:none}
.success{ padding-bottom:15px; padding-left:2px; display:none}
.success strong{ color:#2FB3FD;}
/* --- spaces --- */
.divider-x{background:url('images/line_hor1.gif') repeat-x 0px 0px;height:1px;}
.height5{ height:5px;}
.height10{height:10px;}
.height20{height:20px;}
.height30{height:30px;}
/* --- table --- */
table.tbl_default{border-collapse:collapse;margin: 30px 0px 0px 0px;}
table.tbl_default td{padding: 8px 6px 8px 6px;}
.tbl_default td{vertical-align: top;}
.tbl_default .underline{border-bottom: 1px dashed #C0C0C0}
.tbl_default img{border: 1px dashed #C0C0C0;padding: 6px;width:620px;}
.tbl_default a img:hover{border:1px solid #03a0f8;padding:6px;}
.tbl_default ul{padding-left: 25px;}
.tbl_default ul li{background: url(images/marker_2.gif) no-repeat left center; padding-left: 15px;}
table.tbl_search{border-collapse:collapse;margin: 30px 0px 0px 0px;}
table.tbl_search td{padding: 8px 6px 8px 6px;}
.tbl_search td{vertical-align: top;}
.tbl_search tr{background: url('images/line_hor1.gif') repeat-x left top;}
.tbl_search img{border: 1px dashed #C0C0C0;padding: 6px;margin-bottom:10px;}
.tbl_search img:hover{border:1px solid #03a0f8;padding:6px;}
/* --- navigation --- */
.navigation{padding: 25px 0px 0px 5px;}
.navigation a{font-weight:bold;}
.administration{float:right; padding: 25px 0px 0px 5px;}
/* --- map --- */
#map_canvas_place{margin-bottom: 16px;margin-left: 6px;border: 1px dashed #C0C0C0;padding:6px;min-width:100px;height:465px;}
#map_canvas{min-width:100px;height:465px;}
#firstHeading{min-height:50px;min-width:200px;}
.icon-box{width:310px;}
.icon-box2{width:620px;}
.icon{width:150px;float: left;margin-bottom:5px;margin-right:5px;padding-bottom:5px;}
.icon img{position:absolute; top:0; left:0;width: 135px;height:75px;padding: 6px;border: 1px dashed #C0C0C0;}
.icon img:hover{opacity: 0;}
.icon .img_active:hover{opacity: 1;padding: 6px;border: 1px solid #03a0f8;}
.icon div{width: 150px;height: 88px;display: block;position: relative;}
.icon h6 a{margin-bottom:2px;color:#03a0f8;}
.icon h6 a:hover{color:#03a0f8;}
.adminicon { height:140px;}
.adminicon img{float:right; width: 135px;height: 75px;padding: 6px;border: 1px dashed #C0C0C0;margin-left: 10px;}
.bookicon { height:140px;}
.bookicon img{float:left;width: 135px;height: 75px;padding: 6px;border: 1px dashed #C0C0C0;margin-right: 10px;}
.feedback_shadow{ padding: 0 0 5px 5px;}
.feedback span{color:#03a0f8;}
.errormsg{padding-top:10px;padding-bottom:10px;color:Red;font-weight:bold;}
.okmsg{padding-top:10px;padding-bottom:10px;color:Green;font-weight:bold;}
.feedback_btn{width:100px;height:32px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);-moz-box-shadow: 0 0 4px rgba(0,0,0,.2);box-shadow: 0 0 4px rgba(0,0,0,.2);cursor:pointer;}
#booking{ width:646px;}
#booking #checkin { width: 646px;}
#booking #checkin .size_name{width: 380px;height:20px;}
#booking #checkin legend{color:#03a0f8;font-size:14px;}
#booking #checkin fieldset input, #checkin fieldset textarea, #checkin fieldset select{margin-top: 2px;margin-bottom: 8px;padding: 2px;font-size:14px;}
#booking #checkin .customer{display:block; width: 390px;}
#booking #checkin .email{display:block; width: 390px;}
#booking #checkin fieldset{width: 400px;padding: 10px 20px 5px 20px;margin: 0px 0px 5px 0px;display: block;border: 1px solid #777; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;}
#booking #checkin .opt label{display: inline;}
#booking #checkin .opt input{ width:16px;display: inline;}
#booking #checkin .chk{display: inline;width: 16px;}
#booking #checkin sup{color:Red; font-size:14px;}
#booking #checkin label{margin-bottom: 4px;}
#booking #checkin input, #checkin textarea, #checkin select{margin-top: 1px;margin-bottom: 1px;padding: 2px;font-size:14px;}
#booking #checkin .verify{-border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;}
#booking #checkin #check-btn{text-align:center; width:450px;}
#booking #checkin #check-btn span{font-weight:bold;}
#navPanel, #navToggle {display: none;}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 980px)
{
.main{width: 748px; float:none; }
.wrapper{display:block; min-width:520px;width: 100%;text-align:center;}
#header{ height:auto;padding-top:15px;}
#logoIcon{margin-top:15px;}
#logo, #logo2 {height:auto;margin-bottom:15px;}
#logo h1 {font-size:38px; line-height: 44px; margin-top:25px;}
#logo2 h1 {font-size:30px; line-height: 44px; margin-top:25px;}
#logo #slogan{font-size:13px;}
#des{text-align:right; display:inline-block; padding:8px;}
#search{ margin-top:11px; margin-right:5px; height:28px;}
#date{ float:left; margin-top:13px; margin-left:5px; padding:0px 17px 0px 30px; }
#slider{position: relative;max-width: 748px;max-height: 100%;height: 320px;margin-left: auto;margin-right: auto;margin-top: 10px;overflow:hidden;}
#slider img{width: 100%; display: block;height:160px;}
.height20{height:0;}
.gallery{display:inline-block; float:none;margin: auto;}
.col1, .col2{display:inline-block;float:none;margin: auto; width:auto;}
.marg_right, .marg_right1{margin-right:0;}
.cols{max-width:400px; width:100%;}
table.tbl_default, table.tbl_search{width:98% !important;}
table.tbl_default img{width:98% !important;}
table.tbl_default td{text-align:left;}
table.tbl_default h2, table.tbl_search h2{line-height: 30px;}
table.tbl_search{display:block;}
table.tbl_search td{display:inline-block;}
table.tbl_search h4{order: 0; padding-top:0;margin-top:0;}
table.tbl_search img{order: 1;margin-bottom:0; width:98%;}
table.tbl_search tr{display:inline-block;padding-bottom:50px; background: none;}
table.tbl_search br{content: " "; display: block; margin: 0; padding: 0; }
table.tbl_search .divider-x{margin-bottom:5px;background: none;}
table#_tblFeed img{margin-bottom:5px;}
.feedback_shadow input{width:99% !important;}
.feedback_shadow textarea{width:97% !important;}
.feedback_btn{margin-top:15px;}
#map_canvas, #map_canvas_place{height:400px;}
#menu{background: #fff;border: thin solid #808080;float: right;width: 200px;padding-bottom: 3px;padding-top: 50px;position: fixed;top: 0px;right: 0;display: none;z-index: 1000;height: auto;}
#menu > li {width:200px; max-width:315px; width:auto; float:left; display:block;text-align:left;}
#menu > li > a{ width:200px; display:inline-block; line-height:36px;float:left;}
#navToggle {-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-moz-transition: -moz-transform 0.5s ease;-webkit-transition: -webkit-transform 0.5s ease;-ms-transition: -ms-transform 0.5s ease;transition: transform 0.5s ease;display: block;height: 44px;left: 0;position: fixed;top: 0;width: 100%;z-index: 10001;}
#navToggle .toggle {width: 70px;height: 50px;opacity: 0.85;cursor:pointer;float:right;}
#navToggle .toggle:active {opacity: 0.35;}
#navToggle .toggle:before{display: inline-block;content:'';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: relative;float:right;top:6px;margin-right:8px;width: 56px;height: 36px;border-radius: 6px;background: rgba(255, 255, 255, 0.5);background-image: url('images/toggle.png');background-repeat: no-repeat;background-position: center center;border: 1px solid #000;}
}
@media only screen and (max-width: 765px)
{
.main{width: 410px; float:none;}
.wrapper{min-width:319px;}
#logo, #logo2 {text-align:left;}
#logo h1 {font-size:32px; line-height: 34px; margin-top:24px;}
#logo #slogan{font-size:12px;}
#logo2 h1 {font-size:28px; line-height: 24px; margin-top:20px; margin-bottom:5px;}
#logo2 #slogan{font-size:11px;}
#search{ margin-top:11px;margin-right:5px;}
#slider {display:none;}
.colimg{width: 100%;}
.colimg h4{line-height: 26px;}
.horblock{display:block;float:none;}
#content h2{line-height: 30px; width:100%;}
.colimg, .cols{display:inline-block;clear:both;}
#map_canvas, #map_canvas_place{height:245px;}
#booking, #checkin, adminicon {max-width:315px; width:auto;}
.icon-box2{width: 100%;}
.adminicon p { float:left; }
}
@media only screen and (max-width: 420px)
{
.main{width:315px;}
.wrapper{min-width:315px;}
#logo h1 {font-size:26px; line-height: 24px; margin-top:30px;}
#logo #slogan{font-size:10px;}
}