/* CSS Document */

*{ margin:0; padding:0; }
@font-face { font-family: myFirstFont; src: url(../fonts/CenturyGothic.woff);}
html{  min-height: 100%; position:relative; }
body { font-family:myFirstFont, Verdana, sans-serif; background:url(../images/body-bg-big.png) ; margin: 0 0 70px; font-size:14px;  background-attachment: fixed; }



header{ background:#f5f5f5; border-bottom:1px dotted #ccc; z-index:100;  }
.nav-box{ margin-bottom:0px; border:none; padding:0px;  }
.nav-box .navbar-collapse{ padding-left:0px; padding-right:0px; font-size:14px;}
.navbar-toggle span.icon-bar{ background:#333 !important; }
.navbar-center{ position: absolute;    left: 50%;    transform: translatex(-50%); }
.site-title{ color:#5e0b15 !important;  }
.navbar-nav > li > a{ padding-left:10px; padding-right:10px; }

/*.navbar-default .navbar-nav > .active > a{ background:#bb741b; color:#fff; }*/

.sitebox{ margin:0px;  padding:0px !important; position:relative; }
.site-main-content-box{ width:100%; max-width:1400px; background:#fff; min-height:900px; margin:0px auto; padding:0px;  }

.main-img-box{ border-bottom:1px dotted #ccc; position:relative;}
.left-mainimg-bg{width:447px; height:570px; position:absolute; background:url(../images/img-cmain1-left.png)top left no-repeat; left:0px; top:0px; z-index:10; }
.left-mainimg-bg img{ margin-top:470px; margin-left:100px; }
.left-mainimg-logo{ position:absolute; left:20px; top:10px; z-index:10; }
.left-mainimg-logo img{ width:60%; height:auto; }
.main-content-box{ background:#fff;}
.main-content-box p{ padding:10px 0px; }

.content-img1{ padding:0px; width:620px;}
.content-txt1{ padding:0px; width:780px; }
.main-blurb{ padding:30px 40px; background:#fff; border-bottom:1px dotted #ccc; }
.main-icons{  padding:25px 40px; }
.main-icons div{ width:33%; float:left; text-align:center;} .main-icons div img{ vertical-align:middle; margin-right:10px;}
.content-txt1 h2{ font-size:30px; color:#ec4e20; padding:10px 0px; margin:0px;}
.content-txt1 p{ color:#333; padding:5px 0px; line-height:24px; }
.feature-rooms{ width:100%; background:#f9f0e6; padding:25px 20px; clear:both; border-top:1px dotted #ccc; }
.feature-rooms h2{ font-size:24px; color:#ec4e20; padding:10px 0px 20px 0px; margin:0px; text-align:center;}
.feature-rooms div{ width:20%; padding:2px; float:left; }



/* for subpage - general */
.subpage-title{ position:absolute; bottom:45px; left:30px; color:#fff; font-size:40px;  }
.content-subimg1{ padding: 40px 60px; text-align:center; }
.content-subtxt1{ padding:40px 60px; }
.content-subtxt1 h2{ font-size:30px; color:#ec4e20; padding:5px 0px; margin:0px; }
.content-subtxt1 p{ font-size:16px; line-height:30px; }
.content-subtxt1 ol{ margin:0px 40px; font-size:16px;} .content-subtxt1 ol li{ padding:0px 20px; }
.gray-contentbox{ background:#f5f5f5; }
.beige-contentbox{ background:#f9f0e6; }
.rates-sheet-box{ padding:20px; background:#d9cab3; min-height:100px; width:100%; text-align:left; }
.rates-sheet-box h4, .contactinfo h4{ color:#5e0b15; font-size:24px; padding:0px 20px 10px 25px; }
.rates-sheet-box ul{ list-style:none; margin:10px 20px; }
.rates-sheet-box ul li{ padding:10px; border-bottom:1px dotted #bc8034; font-size:16px; }
.rates-sheet-box ul li:nth-child(3){ border:none; }
.subpage-title-small{ display:none; text-align:center; color:#5e0b15; font-size:30px; padding:5px 10px 10px 10px;}
.content-img2{ padding:0px; width:50%;}
.content-txt2{ padding:0px; width:50%; }
.contactinfo h4{ color:#5e0b15; font-size:24px; padding:0px 20px; }
.contactinfo p{ color:#333; font-size:18px; padding:0px 20px 20px 20px; }
.contact-info-box{ padding:20px; background:#d9cab3; min-height:100px; width:100%; text-align:left; }
.contact-info-box p{ font-size:16px; padding:10px; line-height:30px; }
.contact-info-box h4{ color:#5e0b15; font-size:24px; padding:0px 10px; }


/* misc */
.sticky {  position: fixed;  top: 0;  width: 100%;}
.reserve-box{ text-align:center; padding:10px; border-bottom:1px dotted #ccc; background:#353531; }
.reserve-box img{ width:35%; height:auto; }



/* footer */

footer { background-color: #353531; position: absolute; left: 0; bottom: 0; height: 70px; line-height:70px; width: 100%; overflow:hidden; text-align:center; color:#fff;  }
footer .footer-box{ width:1400px; }
.footer-box a{ color:#fff !important; text-decoration:none; } .footer-box a:hover{ color:#eee !important; text-deocration:underline; }
footer .footer-box div:nth-child(1){ text-align:left }
footer .footer-box div:nth-child(2){ text-align:right }
footer .footer-box div:nth-child(2) img{ margin:0px 5px; }




@media (max-width: 1024px) {
	
.navbar-center{ position: relative; width:100%; margin:0px; }
.navbar-center li{ text-align:center; border-bottom:1px dotted #ccc; }
.content-img1, .content-txt1, .content-img2, .content-txt2{ width:100% !important; }
.content-subimg1{ padding:20px 30px; text-align:center; }
.content-subtxt1{ padding:20px 30px; }
.content-txt1 p{ color:#333; padding:5px 0px; line-height:30px; }
footer{ height:140px;  position:relative; }
.footer-box{ width:100% !important; height:140px; }
.footer-box div{  text-align:center !important; }
.subpage-title-small{ display:block; }
.subpage-title{ display:none; }
body{ margin:0px; font-size:2em }
.site-main-content-box{ min-height:1400px;}
	
	
	
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}