div {  height: auto; }
body {
	background: #f8f4f1 url("leaves.png") 0 0 repeat;
	border-bottom: 0px solid #090e15;
	padding: 0; margin: 0;height: 100%;
}
#borderforpseudo  {  width: 96%; margin: 0 auto; min-width: 320px; max-width: 1200px;  }
#borderforpseudo {  background: #4ab04d;  padding: 0px; border: 0px solid black;  box-shadow: 6px 6px 9px rgba(0,0,0,.6); -webkit-box-shadow: 6px 6px 9px rgba(0,0,0,.8); -moz-box-shadow: 6px 6px 9px rgba(0,0,0,.8); -o-box-shadow: 0 1px 4px rgba(0,0,0,.8);  }
#pseudopagewrap {   border: 0px solid #999999;   /*  background-color: #372820;  */   }

#pseudopagewrap, #headermain, #navtop, .sectionaside, #footermain, #vbottom {margin: 0 auto;position: relative; }
#vtop, #headermain, #navtop, .sectionaside, #footermain, #vbottom { width:100%;clear: both;  }
#vtop { background: #191512 ;  padding: 0.6%  0;  border-left: 4px solid #888077; border-right: 4px solid #888077;   }
#headermain { padding: 1%  0; background: #13ab27 ; margin-bottom: 0px; border-left: 4px solid #888077; border-right: 4px solid #888077;    }
/* img.logocenter { display: block; margin: 0 auto; width: 100%; }
img.logoleft { display: inline-block; float: left; margin: 0 0 0 0; width: 200px; color: #342a1f; }
img.awards {  display: inline-block; float: right; margin: 0; width: 100%;  color: #342a1f; max-width: 400px;  } */

#navtop { width: 100%;  height:auto; margin: 10; background: #494036; border-top: 1px dashed #9e9a94;  border-bottom: 1px dashed #9e9a94;   border-left:0px solid #303030;  ; border-right:0px solid #101010 ; /*  border-radius: 6px; -moz-border-radius: 6px;  -webkit-border-radius: 6px; */
 }
.hdrimgholder {  display: inline-block; float: left; width: 16%; margin: 0 1% 0 0;  }
.hdrimgholder img {  width: 100%; display: block; margin: 0 auto;  }

#sshow { height: auto;  background: #ffffff; margin-bottom: 5%; }
#main-slider { width: 100%; margin: 0% 0%;  }
.sectionaside { padding: 0% 0%;   margin-top: 0%; border-top: 0px solid #f4fdc3; background:#ffffff  }

.icomoonbutton {  display: inline-block; float: left; margin: 0px 10px 0px 0;  color: #917962; font-size: 24px;  }
.sectionaside a.icomoonbutton:hover {   color: #ffffff; }

.padding { padding: 0% 0% 0%;}

.sectiondivision {  padding: 0.5em 0 0.5em 0;   border-bottom: 1px solid #dddddd; margin-bottom: 0px;  }
.sectiondivision img {  margin: 10px auto; }
.sectiondivision-h {  padding: 0.5em 0 0.5em 0;   border-top: 0px solid #dddddd; margin: 10px 0 0 0;  }
.sectiondivision-h img {   border: 4px solid #888077; margin-top: 0;  }

#footermain {  background: #1a1511;  padding: 2% 0;   }
#vbottom { background: #101010; padding: 1% 0;}

/* Vertical nav */
ul#vertnav {list-style-type:none;margin: 0 0 20px 0;}
ul#vertnav li {display: block;margin: 0px 0 6px 0px;padding: 0;background: transparent; font-size: 100%; }
ul#vertnav li a {display: block;line-height:30px;padding:0 20px;background: #fff url('vertnavbg60.png') repeat-x;
border: 1px solid #c8c1b7;
border-radius:4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
ul#vertnav li a:hover {background-position: 0 -30px;}

/* sidebars */
div.teaserbox { width: 99%; background: #f0ece3 url(background.jpg) 0 0 repeat;   border: 1px solid #aaa099;
padding: 0 0 2% 0; margin: 0 0 2% 0; }
.boxinner  { margin: 2% 2%;  }
/* div.teaserbox img { float:right; width:56%;height:auto; margin: 14px -4% 4px 10px;}
div.teaserbox img.furtherdetails { float:right; width: 56px; height: 40px;  margin:  0 -4% 0 20px; } */
div.teaserbox h3 { display: block; color: #fff; background: #372820 url('hhdamask.png') 0 0;
font-size: 20px; font-weight: normal;  padding: 2% 0 1% 0; letter-spacing: 2px; margin: 0 0 0px 0; line-height: 120%;
border-bottom: 1px solid #888; text-align: center;  }
div.teaserbox h3 span { float: right; font-size: 90%; text-align:right; padding: 0 4% 0 0;}
div.teaserbox p { margin: 6px 0;  text-align: left; line-height: 120%;  letter-spacing: 0;  
/*font-family: 'Crimson Text', 'luxi_serifregular', 'benthamregular', 'theano_old_styleregular', georgia, serif  ;*/
}
div.teaserbox a {  color: #32281f;    }
div.teaserbox p a { border-bottom: none; }
div.teaserbox p.more { margin: 5% 0 0 0;  text-align: right; }


/* lightbox  for pirobox_ext*/
#gallery { margin: 0; }
#gallery .galleryholder {   display: block;  margin: 0 0 2px 0; width: 100% ; padding:0;  background: #ffffff; border:0px solid #cc0000;  }

#gallery .galleryholder a { display: block; margin: 0; padding: 0%; width: 100%; background: #ffffff; border: 2px solid #ffffff;  }
#gallery .galleryholder a:hover { border-color: #999999; }
#gallery .galleryholder img { display: block; margin: 0; padding: 0; width: 100%; color: #ffffff; border: none; }

.tbmargin1 {  margin-top: 1%; margin-bottom: 1%; }
.tbmargin2 {  margin-top: 2%; margin-bottom: 2%; }
span.larger { font-size:130%;}
/*  
@media screen and (max-width: 1200px) {
		.gridlock .row .mobile-3#awards, .gridlock .row .tablet-6#awards  { clear: both; display: block; float: none; margin: 0 auto; max-width: 300px; border: 1px solid #660000; margin-top: 10px;  }
		h1#branding, h2#subbranding, p.brandcontactdetails {  text-align: center; }
	}
*/

.float {display: inline-block; }
.right { float: right; }
.left { float: left; }
.center {margin: 1em auto;}
.clear { clear: both; }
.marginright10 {  margin-right: 10px;  }
img {  color: #ffffff; font-size: 10px; margin: 0 0 0 0;    }
img.fit { width: 100%; display: block;  }
img.floatright { float: right; display: inline; }
img.floatleft { float: left; display: inline; }
img.noborder {border: 0;padding: 0; }

img.center { display: block; margin: 0 auto;}
.imgholder { border: 4px solid #888077; width: 100%;margin-bottom: 10px; }
img.border { border: 1px solid #888077;  }

@media screen and (max-width: 500px) {
		.imgholderborder100.mobile-hide {display: none; }
}
.imgholderborder100 img, .imgholderbordercentred img {  background: #ffffff; display: block; width: 100%; }

img.portraitphoto {  float: left; width: 30%; border: 3px solid #ffffff; background: #ffffff; margin: 0 10px 6px 0; }

.galleryholder {padding: 0; border: 3px solid #ffffff; background: #ffffff; margin: 0 0 6% 0; }
.galleryholder img {   display: block; width: 100%; margin: 0 auto;  }

.imgholderbordercentred { display: block; width: 99%; max-width: 600px; padding: 0; border: 3px solid #ffffff; background: #ffffff; margin: 0 auto; }
.thumbholder { width: 33.3333%; max-width: 150px; margin: 0 0.6em 0.25em 0}
.topmargin { margin-top: 20px; }

div.quote {  clear: both; paddig: 10px 10px 10px 35px;border: 0px solid #ff0000;}
span.red {color:#990000;} span.green {color:#009900;}
.blockbg {	background: #D9D785; }

blockquote {	margin: 20px 10px 15px 20px;	padding: 0px 20px;}

/* Jabbers cal images and corrections */
table.abCalendarTable td.abCalendarMonthPrev a{
	background: url('file:///E:/Data/Log%20Cabins/Web%20Site/img/cal_prev.png') no-repeat center;
}
table.abCalendarTable td.abCalendarMonthNext a{
	background: url('file:///E:/Data/Log%20Cabins/Web%20Site/img/cal_next.png') no-repeat center;
}

table.abCalendarLegend {  border: none;    }
table.abCalendarLegend td.abCalendarLabel {  border: none;  color: #444444;  }
table.abCalendarLegend td.abCalendarColor {  border: none;   }

/* testimonial */
div.testimonial { position:relative;  color: #ddd;  padding: 14px 20px 35px; margin: 0 0 20px 0;border: 0px dashed #fffcdd; line-height: 100%; background: #2a2a2a; }
div.testimonial p {   font-style: italic; margin: 0 0px; font-size: 105%;}		  
.guest { 	position:absolute; bottom:10px; right:20px; width: 300px;height:1em;line-height:100%;color: #aaa; margin: 8px 0 3px 0; text-align: right ;
          font-weight: normal ; font-size: 80%;}
		
div.offleft, span.offleft {position: absolute; top:0; left: -9999em; height: 1px; width: 1px;}

/* start - table */
table.tariffs {  /*border-collapse: collapse;*/
	margin: 10px 20px 20px 0;text-align: left;border: 0px solid #555; 
}
table.tariffs tr { background: transparent; height: auto;line-height: 100%;   }
table.tariffs th, td { 	text-align: left;		border: 1px solid #cccccc; padding: 6px 10px; }
table.tariffs td.head,  table.tariffs th {background: #dddddd; border: 1px solid #bbbbbb;   }

/* end - table */



.red {color: #aa0000; font-weight: bold;}
.green {color: #00aa00; font-weight: bold;}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


@media screen and (max-width: 560px) {
/* img.logo { display: block; margin: 0 auto; width: 60%;  } */

}