@charset "utf-8";

/* -- Reset -- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
   font-weight: 400;
}
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: 600; }

/* responsive */
img, object, embed   { max-width:100%; height:auto; }
object, embed     { height:100%; }
img               { -ms-interpolation-mode: bicubic; }

/* -- Resets -- */

body { font-size: 14px; color: #050708; font-family: 'Open Sans', sans-serif; }

h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #050708; }
h1 { font-size: 24px; margin-bottom: 25px; }
h2 { font-size: 22px; margin-bottom: 20px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 16px; }

a        { text-decoration: none; color: #725228; }
a:hover  { text-decoration: underline; }

p { margin-bottom: 10px; line-height: 22px; font-size: 14px; }

ul { list-style: disc; margin: 15px 0 15px 15px; }
ul ul { margin-top: 0; margin-bottom: 0; }

iframe { width: 100%; height: 425px; }

/* -- Clear fix -- */
.clearfix:after              { visibility:hidden; display:block; font-size:0; content:" "; clear:both;  height:0; }

.left  { float: left; }
.right { float: right; }

/* -- Main Styles -- */

.top-wrap   { height: 42px; background-color: #b5b092; border-top: 3px solid #000; }
.top        { width: 960px; margin:0px auto; position: relative; }
.top .logo  { margin: 8px 0 0 24px; z-index: 1000; position: relative;  }
.content-wrap {  background-color: #fdf9ed; position: relative;  }
.content  { width: 960px; margin: 0px auto; min-height: 400px; padding-bottom: 20px; }

.nav-wrap { width: 100%; height: 100px; clear: both; }

.top-nav { float: right; margin: 24px 0 0 0; text-align: right; font-size: 16px; font-weight: 600; clear: both; color: #725228; }
.top-nav a { text-decoration: none; color: #725228;}
.top-nav a:hover { text-decoration: underline; }

.nav { margin: 20px 0 0 0; float: right;  clear: both; list-style: none; }
.nav li { float: left; display: block; margin-left: 12px; }
.nav a { color: #666633; text-decoration: none; font-size: 13px; font-weight: 400;}
.nav a:hover { text-decoration: underline; }

body.home .nav a.home,
body.rooms-and-rates .nav a.rooms-and-rates,
body.special-packages .nav a.special-packages,
body.breakfast .nav a.breakfast,
body.services .nav a.services,
body.explore .nav a.explore,
body.about .nav a.about,
body.contact .nav a.contact  { color: #92650b; font-weight: 600; }

.footer-wrap { background-color: #b5b092; }
.footer { width: 960px; margin: 0px auto; min-height: 195px; padding-top: 10px; }
.footer .trip-advisor { float: left;}
.footer .airbnb { float: left; margin-left: 10px;}

.footer .facebook { float: left; margin: 5px 25px 0 25px; }
.footer .youtube { float: left; margin-top: 5px; }
.footer .giftcerts { width: 390px; float: left;  margin-left: 35px; }
.footer .giftcerts img { float: left; }
.footer .giftcerts > div { font-size: 10px; margin: 20px 0 0 15px; float: left; width: 110px; }
.footer .quality-assurance { float: right; margin: 5px 45px 0 0; }
.footer .footer-copy { clear: both; font-size: 13px; font-style: italic; padding: 20px 0; text-align: center; }
.footer .footer-copy a { color: #050708; text-decoration: none; font-weight: 600; }
.footer .footer-copy a:hover { text-decoration: underline; }

/* -- All BX wrappers, override default style -- */
.top-images { margin: 0; list-style: none; width: 980px; height: 480px; }
body .bx-wrapper .bx-viewport { background: none; border: none; box-shadow: none; left: 0; }
body .bx-wrapper .bx-loading  { background: none; }

/* -- Home Page -- */

.guest-comments { margin: 0; background-color: #e0dcc9; float: left; }
.guest-comments div { color: #55544c; font-weight: 600; font-style: italic; float:left; padding: 20px; }
.guest-comments div span { font-size: 12px; }

.guest-comment-wrap { width: 90%; margin: 20px auto; }
.guest-comment-wrap .bx-wrapper .bx-viewport { border-radius: 8px;
   -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
 }

.guest-comment-wrap .bx-wrapper .bx-controls-direction {font-size: 20px; font-weight: 600;  }
.guest-comment-wrap .bx-wrapper a { background: none;  text-decoration: none; color: #55544c; font-weight: 600; }
.guest-comment-wrap .bx-wrapper .bx-next { text-indent: 0; right: -40px;  }
.guest-comment-wrap .bx-wrapper .bx-prev { text-indent: 0; left: -30px;  }

.home-text              { float: left; width: 500px; text-align: justify; }

.inkeepers-news         {  background-color: #e0dcc9; padding: 15px; border-radius: 8px; float: right; width: 390px;
                           font-size: 14px; }
.inkeepers-news h2      {  color: #725228; font-size: 18px; }
.inkeepers-news a       {  color: #725228; text-decoration: none; }
.inkeepers-news a:hover { text-decoration: underline; }

/* -- Four pack with right text pattern -- */
.page-text-right { float: right; width: 425px; font-size: 14px; margin: 20px 0 0 0; padding-right: 10px; }
.page-text-right p { font-size: 14px; }
.page-text-right h2 { font-size: 18px; color: #725228; font-weight: 600; }

.four-pack { margin-top: 20px; float: left; width: 510px; }
.four-pack .four-pack-item { float: left; margin: 5px 30px 5px 0; width: 225px; text-align: center; }
.four-pack .four-pack-item h3 { font-size: 14px; color: #725228;  }
.four-pack .four-pack-item p { font-size: 14px; }

/* -- Room detail pattern -- */
.room-left { float: left; width: 230px; }
.room-left img { margin-top: 20px; }

.room-text-block { float: left; width: 315px; margin: 20px; }
.room-text-block ul { margin-top: 0; }
.room-text-block h1, .room-text-block h2 { font-size: 14px; color: #725228; font-weight: 600; margin-bottom: 10px; }

.room-bottom { float: left; text-align: center; }
.room-bottom div { float: left; text-align: center; width: 150px; margin: 0 0 10px 20px; }
.room-bottom div h4 { font-size: 14px; color: #725228; font-weight: 600; }
.room-bottom p.footnote { clear: both; width: 100%; }

/* -- Half & Half Pattern -- */
.half-left  { width: 48%; padding-top: 25px; float: left; }
.half-right { width: 48%; padding-top: 25px; float: right; }

div.nav-resp { display: none; }

/* -- Admin Area -- */
body.admin  { background-color: #ccc; }
.admin-wrap { width: 980px; margin: 0 auto; background-color: #fdf9ed; min-height: 400px; }
.admin-nav  { list-style: none; height: 40px; margin: 0; padding: 0 2%; width: 96%; background-color: #b5b092; }
.admin-nav li { float: left; height: 40px; margin:0; }
.admin-nav li a { line-height: 40px; padding: 4px 12px; background-color: #b5b092;  }
.admin-nav li a:hover { background-color: #fdf9ed; text-decoration: none; }

.admin-content { padding: 20px 40px 40px 40px; min-height: 570px; }

.admin-content form p input[type=submit],
.admin-content form p input[type=button]  { margin-top: 20px; font-size: 18px; margin-right: 20px; }

.rate-admin label { width: 120px; display: block; float: left; text-align: right; padding-right: 10px; }

.edit-form .form-button-container { margin-left: 120px; }

.testimonial-text { color: #55544c; font-weight: 600; font-style: italic; float:left; padding: 20px; }
.testimonial-text span { font-size: 12px; }

.rate-admin input { width: 200px; }

/* -- Notifications -- */
.dashNotification             { clear: both; min-height: 35px; border: 1px solid; margin: 20px  0; padding: 5px 10px; font-size: 15px; }
.dashNotification span        { display: block; width: 90%; padding-top: 6px; font-weight: bold; }
.dashNotification span em     { font-weight: bold; }
.dashNotification ul          { padding: 5px 5px 0 0; margin: 0; }
.dashNotification li          { margin: 5px 0 5px 20px; }
.dashNotification .dismiss    { display: block; float: right; padding: 0 2px; margin-top: 3px; font-weight: bold; border: 1px solid #666; color: #666; text-decoration: none; font-size: 12px; line-height: 14px; text-transform: uppercase; }
.dashNotification .dismiss i  { padding: 2px; font-size: 13px; line-height: 14px; color: #666; font-weight: normal; }
.dashNotification .dismiss:hover    { border-color: #000; color: #000; }
.dashNotification .dismiss:hover i  { color: #000; }
.dashNotification .dashIcon   { position: absolute; margin-left: -31px; font-size: 25px; }
.dashNotification.hide        { display: none; }
.dashInfo                     { color: #00529B; background-color: #BDE5F8; }
.dashSuccess                  { color: #4F8A10; background-color: #DFF2BF; }
.dashWarning                  { color: #9F6000; background-color: #FEEFB3; }
.dashError                    { color: #D8000C; background-color: #FFBABA; }


/* -- Responsive -- */
@media screen and (max-width: 960px) {

   .footer { width: 100%; height: auto; text-align: center; }
   .footer .trip-advisor { display: block; clear: both; float: none; padding: 0; margin: 10px auto; }
   .footer .facebook { display: block; clear: both; float: none;padding: 0; margin: 10px auto;  }
   .footer .youtube { display: block; clear: both; float: none; padding: 0; margin: 10px auto; }
   .footer .giftcerts { display: block; clear: both; float: none; padding: 0; margin: 10px auto; text-align: center; width: 100%; }
   .footer .giftcerts img { clear: both; float: none;  }
   .footer .giftcerts > div { clear: both; float: none; width: 90%; margin: 15px 0; padding: 0 5%; font-size: 14px; }
   .footer .quality-assurance { clear: both; float: none; padding: 0; margin: 10px auto; }
   .footer .footer-copy { padding: 3%; }

   .top { width: 100%; float: left; text-align: center; }
   .top .logo { position: relative; margin: 0;  }

   .nav-wrap { height: auto; clear: both; height: auto; }

   .top-nav { width: 100%; text-align: center; margin: 15px 0; padding: 0; }
   .nav { clear: both; width: 100%;  margin: 0 auto 15px auto; padding: 0; text-align: center; }
   .nav li { padding: 0; margin: 10px; }

   .content { width: 100%; padding: 0; }
   .content-area { clear: both; }

   /* -- Home, adjust inkeepers news and home text boxes */
   .home-text, .inkeepers-news { width: 96%; margin: 0; padding: 2%; }

   /* -- four pack design -- */
   .page-text-right { float: none; width: 96%; padding: 2%; margin: 0; }
   .four-pack { float: none; width: 96%; padding: 2%; margin: 0; text-align: center; }

   /* -- Room detail pattern -- */
   .room-left { float: left; width: 100%; text-align: center; }
   .room-left img { margin: 20px; }
   .room-text-block { float: none; width: 96%; margin: 2%; }

   /* -- Half & Half Pattern -- */
   .half-left, .half-right { width: 48%; padding: 1%; }
}

@media screen and (max-width: 750px) {
   /* -- Half & Half Pattern -- */
   .half-left, .half-right { float: none; width: 96%; padding: 2%; }
}

@media screen and (max-width: 750px) {

   .nav { display: none;}
   div.nav-resp { display: block; clear: both; padding: 0 0 10px 0; text-align: center; }
   div.nav-resp .book_now_button{
      display: block;
      max-width: 120px;
      margin: 0 auto 10px auto;
   }
   .top-nav{
      display: none;
   }
   .reserve_now a{
      display: none;
   }
}

@media screen and (max-width: 450px) {

   /* -- Home, quote slider restore graphical nav */
   .guest-comment-wrap .bx-wrapper .bx-prev { left: 10px; background: url(/include/jquery.bxslider/images/controls.png) no-repeat 0 -32px; }
   .guest-comment-wrap .bx-wrapper .bx-next { right: 10px; background: url(/include/jquery.bxslider/images/controls.png) no-repeat -43px -32px; }
   .guest-comment-wrap .bx-wrapper .bx-prev:hover { background-position: 0 0; }
   .guest-comment-wrap .bx-wrapper .bx-next:hover { background-position: -43px 0; }
   .guest-comment-wrap .bx-wrapper .bx-controls-direction a { position: absolute; top: 103%; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }

   .home-text h1 { margin-top: 20px; }

   .inkeepers-news { border-radius: 0; }
}


.reserve_now a{
   text-transform: uppercase;
   position: absolute;
   top: 0;
   right: 0;
   padding: 12px 22px;
   background: #000;
   color: #FFF;
}

.book_now_button{
   padding: 9px 23px;
   background: #000;
   border-radius: 3px;
   color: #FFF;
   text-transform: uppercase;
   display: inline-block;
}