html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal;  }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }

html {
   background-color: #FCFCFC;

}

body {
  background-color: #FCFCFC;
  width: 100%;
  margin-top: 10px;
}

body,td,th {
  font-family: "Trebuchet MS";
  font-size: 14px;
  color: #625648;
  line-height: 20px;
}
.thecontent {
  width: 996px;
  margin: 0 auto;
}
.greybar {
   background-color: #EBEAE8;
   width: 100%;
   text-align: center;
   margin-bottom: 20px;
}
p {
    padding: 5px 0;

}

h1 {
	font-weight: normal;
	font-size: 22px;
	margin: 0px;
	padding: 15px 0 5px 0;
	color: #625648;
}

h2 {
	font-weight: normal;
	font-size:18px;
	margin: 0px;
	padding: 15px 0 0px 0;
	color: #625648;
}

h3 {
	font-weight: bold;
	font-size:14px;
	margin: 0px;
	padding: 8px 0 0px 0;
	color: #625648;
}
li {
       line-height: 140%;
       margin-bottom: 5px;
}

.style1 {
   font-size: 12px;
}
.style2 {
   font-size: 12px;
   text-align: right;
}
.style3 {
   color: #FF6600;
   font-weight: bold;
   text-align: center;
}
.style4 {
   text-align: right;
}
.style5 {
   text-align: center;
}
.style6 {
   font-size: 12px;
   color: #FF6600;
   font-weight: bold;
}
.style7 {
   font-size: 16px;
   text-align: center;
   font-weight: bold;
} 
.style8 {
   font-size: 20px;
   text-align: center;
}

.style9 {
   font-family: Verdana, Arial, Helvetica, san-serif;

   font-size: 13px;
   color: #333333;
   text-align: center;
}
.style10 {
   font-weight: bold;
}
.style11 {
   font-weight: bold;
   text-align: center;
}

.style12 {
   font-family: Verdana, Arial, Helvetica, san-serif;
   font-weight: bold;
   font-size: 13px;
   color: #796C55;
   text-align: center;
   padding: 3px;
   border: 1px solid #666;
}
.style13 {
   font-family: Verdana, Arial, Helvetica, san-serif;
   font-weight: bold;
   font-size: 14px;
   color: #796C55;
   text-align: center;
   padding: 3px;
   border: 1px solid #666;
}
.style14 {
   font-family: Verdana, Arial, Helvetica, san-serif;
   font-size: 13px;
   text-align: center;
   padding: 3px;
   border: 1px solid #666;
}
.style14a {
   font-family: Verdana, Arial, Helvetica, san-serif;
   font-size: 13px;
   text-align: center;
   padding: 3px;
   border: 1px solid #666;
   background-color: #EE0000;
   color: #333;
}
.style15 {
       font-size: 14px;
}
.style16 {
       font-size: 14px;
       text-align: center;
}
.style17 {
       padding-bottom: 10px;
       font-style: italic;
}
.style18 {
   font-family: Arial, Helvetica, san-serif;
   font-weight: bold;
}

.style19 {
       font-size: 18px;
       color: #CC0000;
}
.style20 {
       font-size: 15px;

}
.style21 {
       font-size:  15px;
       font-weight: bold;
       margin-bottom: 20px;

}
.style22 {
       font-size:  14px;
       font-style: italic;
}

.style24 {
   font-weight: bold;
   padding: 20px 5px 30px 5px;
}
.style25 {
   font-weight: bold;
   padding: 20px 5px 20px 5px;
   text-align: right;
}

.style26 {
   font-weight: bold;
   padding: 20px 5px 30px 5px;
   text-align: right;
}
.style27 {
   text-align: center;
   margin-top: 10px;
}

.style28 {
   font-size: 12px;
   font-weight: bold;
}

.style29 {
   color: #CC0000;
   font-weight: bold;
   text-align: center;
   font-size: 16px;
   padding-top: 15px;
}
.style30 {
   padding: 10px 0;
   border-bottom: 1px solid #CCC;
}
.style31 {
   padding: 0px 0px 10px 0px;
   text-align: right;
   font-size: 14px;
   font-style: italic;
}
.style32 {
   font-weight: bold;
   text-align: right;
}
.style34 {
   font-weight: bold;
   padding: 15px 0px 15px 5px;
}
.style41 {
       font-size: 14px;

}
.style170 {
   font-size: 18px;
   color: #CC0000;
   padding-top: 10px;
}
A {
   color: #3F8C8C;
   text-decoration:none;
}
A:link { color: #3F8C8C;}
A:visited { color: #3F8C8C;}
A:hover { color: #83755C;
 }

#banner {
    text-align: center;
}
#wrapper {
    padding: 10px 23px;

}
#mid_col{
   padding: 0px 10px;
}
#left_col {
   padding: 0px 15px 0 10px;

}

#right_col {
   padding: 0px 10px;
   margin-bottom: 20px;
}

#single_col {
    margin: 0 23px;
}
.nopad {
  padding: 0;
}
.menu {
        width: 996px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
}

.menu td {
        padding: 0;
}

.plain {
        width: 950px;
        margin: 0px auto;
}
.plain th {
        padding-right: 20px;
        vertical-align: top;
        text-align: left;
}
.plain td {
        padding-left: 10px;
        vertical-align: top;

}
.plain h2{
	font-size:18px;
	margin: 0px;
	padding: 12px 0 0px 0;
        color: #625648;
}
.plain ul{
        margin-top: 5px;
        list-style:disc;
}

.plain_things {
    width: 950px;
    margin: 0px 0 20px 0;
}
.plain_things td{
    padding: 0;
    vertical-align: center;
}
.col{
   padding: 0;
} 
.box{
   border: 1px solid #C5E2E2;
   padding: 10px;
   background-color: #F4FBFB;
   margin: 10px 0;
}
.box h2{
    padding: 5px 0 0px 0;
}
.loc {
        width: 950px;
        margin: 15px auto 30px auto;
        font-size: 14px;
}
.loc th {
        padding-right: 20px;
        vertical-align: top;
        text-align: left;
        font-size: 14px;
}
.loc td {
        padding-left: 10px;
        vertical-align: top;
        font-size: 14px;
        width: 500px;

}
.loc h1 {
	font-weight: normal;
	font-size:22px;
	margin: 0px;
	padding: 0px 0 5px 0;
	color: #4b4136;
}

.terms {
        width: 950px;
        margin: 0 23px;
        padding: 2px 10px 20px 10px;
}

.terms h1 {
	font-weight: normal;
	font-size:22px;
	margin: 0px;
	padding: 15px 0 10px 0;
	color: #4b4136;
}

.thingspicbar {
    margin: 10px auto 0 auto;
    width: 950px;
    text-align: center;
}

.thingspicbar td {
    padding: 0;
    vertical-align: top;
}

.thingspicbar .caption {
       background-color: #63B4B4;
       padding: 6px 0;
       color: #FFFFFF;
       font-weight: bold;
       text-align: center;
       margin: 0 auto 15px auto;
       font-size: 16px;
       width: 229px;
}
.thingspicbar a {

        color: #fff;
}

.thingspicbar a:hover {
        text-decoration:underline;
}

.thingspicbar img {
    width: 229px;
    height: 170px;
    border: 1px solid #C5E2E2;

}
.thingscol{
    padding: 0 6px 0 5px;
}
.thingscolleft{
    padding: 0 6px 0 0;
}
.thingscolright{
    padding: 0 0 0 6px;
}
.disclaimer {
        width: 950px;
        margin: 0 23px 100px 23px;
        padding: 5px 0px 20px 0px;
}

.disclaimer h1 {
	font-weight: normal;
	font-size:22px;
	margin: 0px;
	padding: 15px 0 10px 0;
	color: #4b4136;
}

.cottages {
        width: 950px;
        margin: 0px auto;
        border-top: 1px solid #fff;

}

.caption1 {
       color: #625648;
       font-size: 16px;
       font-weight: bold;
       background-color: #938573;
       text-align: right;
       padding: 10px;
       margin-bottom: 10px;
       margin-top: 2px;
}
.caption1 a {
   color: #fff;
   text-decoration:none;
}


.caption2 {
       color: #625648;
       font-size: 16px;
       font-weight: bold;
       background-color: #FF9922;
       text-align: right;
       padding: 10px;
       margin-bottom: 0px;
       margin-top: 2px;
}
.caption2 a {
   color: #fff;
   text-decoration:none;
}

.quotes{
    width: 100%;
    margin: 0px 0px;
}

.quotes td{
    padding: 20px 10px 10px 10px;
    vertical-align: top;
}
.availb {
        width: 950px;
        margin: 0 auto;
}
.availb th {
        padding: 5px 5px 0 5px;
        vertical-align: bottom;
        text-align: right;
}
.availb td {
        padding: 15px 5px 0 5px;
        vertical-align: top;

}


.tariff {
        width: 400px;
        margin: 10px auto 10px auto;
        font-size: 14px;
}
.tariff td {
        padding: 5px 0px 2px 0px;
        vertical-align: top;
        border-bottom: 1px solid #CCC;
        font-size: 14px;
}

.tariff_text {
        width: 400px;
        margin: 0 auto 10px auto;
        font-size: 14px;
        padding: 5px 0;
}

ul.sidenav {
       list-style-type: none;
       padding: 0;
       margin: 0;
}



ul.sidenav a {
      display: block;
      width: 180px;
      padding: 5px 10px;
      text-decoration: none;
      color: #FFFFFF;
      background-color: #9D9384;

}

ul.sidenav a:hover {
      background-color: #AD9D8D;

}

ul.sidenav2 {
       list-style-type: none;
       padding: 0;
       margin: 0;
       text-align: left;
}

ul.sidenav2 li{
       margin: 0;
}

ul.sidenav2 a {
      display: block;
      width: 220px;
      padding: 5px 5px;
      margin-top: 1px;
      text-decoration: none;
      color: #FFFFFF;
      background-color: #6699CC;

}

ul.sidenav2 a:hover {
      background-color: #AD9D8D;

}
 

.enquiries h1 {
	font-weight: normal;
	font-size:22px;
	margin: 0px;
	padding: 5px 0 5px 0;
}

.enquiries p {
	padding: 5px 0 5px 0;
	font-size: 14px;
}


.enq {
        border-collapse: collapse;
        margin: 10px 0;

        border: 1px solid #ccc;
        width: 100%;
}

.enq td {
     padding: 4px 4px 4px 10px;
     vertical-align: top;

}

.enq p {

        font-size: 14px;
}
.testimonials {
        width: 950px;
        margin: 0px auto 30px auto;
}
.testimonials th {
        padding-right: 40px;
        vertical-align: top;
        text-align: left;
        width: 560px;
}
.testimonials td {
        padding-left: 5px;
        vertical-align: top;
        width: 350px;
}
.testimonials h1 {
	font-weight: normal;
	font-size: 22px;
	margin: 0px;
	padding: 5px 0 5px 0;
	color: #625648;
}
.testimonials h2 {
	color: #625648;
	padding-top: 0px;
}
#thankyou {
        margin: 20px 0px 60px 0px;

        padding: 15px 0;


}




#book {

        margin: 20px auto;
        width: 750px;


}

#book table {
        border-collapse: collapse;
        background-color: #F1F1F1;
        margin-bottom: 10px;
        width: 750px;

}
#book th {
      text-align: left;
      padding: 6px 5px;

}

#book td {
     padding: 5px;
     border: 1px solid #FFFFFF;
     vertical-align: top;
     color: #333333;
}

#book p {
    text-align: center;
    color: #333333;

}
#disclaimer {
   padding: 10px 5px 150px 5px;
}
#message {
   padding: 10px 5px 400px 5px;
}
.availability li {
       line-height: 180%;

}
.availability a {
        font-size: 14px;
        padding: 8px 0;
}
.content {
       position:relative;
       margin: 0px 0 0 697px;;
       padding: 30px 20px 0 10px;
       font-family: Georgia, "Times New Roman", Times, serif;
       font-size: 48px;
       font-weight: bold;
       color: #fff;
       z-index:5;
   }

.background {
       position:absolute;
       top:0px;
       left:650px;
       width:300px;
       height:400px;
       background-color:Black;
       z-index:1;
       /* These three lines are for transparency in all browsers. */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
       filter: alpha(opacity=20);
       opacity:.2;
   }




.bottomline{
      font-size: 15px;
      color: #746653;
      margin: 2px auto ;
      width: 100%;

      width: 950px;
      text-align: right;
      padding: 10px 20px 0 0; 
      border-top: 1px solid #fff; 

}
.bottomline a{
      font-size: 15px;
      color: #746653;
}
.bottomline p{
      font-size: 15px;
      color: #746653;
}

.foot_wrap {
    width: 950px;

    background-color:  #ECEAE8;
    margin: 10px auto;

}
.foot_wrap li {

    padding: 1em;


}
.foot_wrap ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;

}
.foot_wrap li {
    float: left;
    width: calc(33.333333% );
    margin: 20px 0;

}
@supports (display: grid) {
    .foot_wrap ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);

    }
    .foot_wrap li {
        width: auto;
        min-height: auto;
        margin: 0;

    }
}


#footer_banner {

    min-width: 950px;
    width: 100%;
    background-color:  #ECEAE8;
    margin: 0px auto;
    padding: 20px 0;

}
#footer_banner ul{
      list-style-type: none;
      color: #000;
}
#footer_banner li{
      line-height: 25px;
}
#footer_banner p{
          line-height: 1.3;
          font-size: 15px;
          color: #746653;
}
#footer_banner a {
        color: #746653;
        padding: 4px 2px;
        font-size: 15px;

}
#footer_banner a:hover {
       color: #4b4136;

      text-decoration: none;

}
#footer_banner a:focus {

      text-decoration: none;
       color: #4b4136;

}



.blog_page {
      width: 996px;
      margin: 20px auto;

}
.blog_page td{
      vertical-align: top;
      padding: 0px;

}
.blog_col{
     padding: 0 40px 0 10px;

     line-height: 24px;
      font-size: 14px;
}
.blog_col h2 {
        font-size:22px;
	padding-top: 20px;

}
.theblog{
     border:1px solid #e1e1e1;
     padding: 5px 25px;
     margin-bottom: 30px;
     background-color: #FcFcFc;
}
.theblog h2{
    margin: 10px 0;

}
.blog_pic{
       margin: 20px 0;
       text-align: center;
}
.blog_sidebar{
   width: 280px;
   padding: 10px;
   background-color: #FcFcFc;
   border:1px solid #e1e1e1;
}
.blog_sidebar h3{
   font-size: 16px;
   padding: 10px 0;
}




ul.navy {

       list-style-type: none;
       padding: 18px 0 15px 0;
       margin: 0 0  10px 0;
       text-align: center;
       font-weight: normal;


}

ul.navy li {
      display: inline;
      padding: 0;

}

ul.navy a {
      padding: 12px 12px 8px 12px;
      text-decoration: none;
      font-size: 16px;
      font-weight: normal;
      color: #746653;
      font-family: Arial, san-serif;
       
}
ul.navy a:hover {
     background-color:  #FAFAFA;
      color: #746653;
}
ul.navy a:focus {
     background-color:   #FAFAFA;
     color: #746653;

}
.navybar{
  background-color: #ECEAE8;
  width: 100%;
  min-width: 900px;
  margin-bottom: 20px;
}

#rev600_container {
    margin-right: -600px;
    float:left;
    width:100%;

}
#rev600_containercontent {
    margin-right: 640px; /* 40px added for center margin */

}
#rev600_sidebar {
    width:600px;
    float:left
}

#rev600_contentcard{

}

#rev600_sidebarcard{


}




#rev500_container {
    margin-right: -500px;
    float:left;
    width:100%;

}
#rev500_containercontent {
    margin-right: 540px; /* 40px added for center margin */

}
#rev500_sidebar {
    width:500px;
    float:left
}

#rev500_contentcard{

}

#rev500_sidebarcard{


}

 #rev_container {
    margin-right: -400px;
    float:left;
    width:100%;

}
#rev_containercontent {
    margin-right: 440px; /* 40px added for center margin */

}
#rev_sidebar {
    width:400px;
    float:left
}

#rev_contentcard{

}

#rev_sidebarcard{


}



#rev300_container {
    margin-right: -300px;
    float:left;
    width:100%;

}
#rev300_containercontent {
    margin-right: 340px; /* 40px added for center margin */

}
#rev300_sidebar {
    width:300px;
    float:left
}

#rev300_contentcard{

}

#rev300_sidebarcard{


}


.float_lf{
   float: left;
   margin-right: 20px;
}

.float_rt{
   float: right;
   margin-left: 20px;
}
.no_wrap{
  
  overflow:hidden;
}
.pad10{
    padding: 10px 0;
}
.pad20{
    padding: 20px 0;
}
.pad30{
    padding: 30px 0;
}

.shortpage100{
   padding-bottom: 100px;
}

.shortpage250{
   padding-bottom: 250px;
}

.st_row::after {
  content: "";
  clear: both;
  display: block;
}

[class*="st_col-"] {
  float: left;

}

 /* For desktop: */
.st_col-1 {width: 8.33%;}
.st_col-2 {width: 16.66%;}
.st_col-3 {width: 25%;}
.st_col-4 {width: 33.33%;}
.st_col-5 {width: 41.66%;}
.st_col-6 {width: 50%;}
.st_col-7 {width: 58.33%;}
.st_col-8 {width: 66.66%;}
.st_col-9 {width: 75%;}
.st_col-10 {width: 83.33%;}
.st_col-11 {width: 91.66%;}
.st_col-12 {width: 100%;}


a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 200px;
    height: auto;
    overflow:auto;
    margin: 10px 10px 10px 150px;
    padding:5px;
    border:1px solid #6E6E6E;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}