div {  height: auto; }
body {
background-color: #dfd8cd; 

background-position: center top;
background-attachment: fixed;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;   -o-background-size: cover;   background-size: cover; 
padding: 0; margin: 0;
}
.half {  width: 50%; display: inline-block; float: left;  }
.halfhide {  width: 50%; display: inline-block; float: right;  }
.nestedrow, .fullwidth {  clear: both; display: block; width: 100%;  }

#borderforpseudo  {  width: 96%; margin: 0 auto; min-width: 350px; max-width: 960px;  }
#borderforpseudo {   padding: 0px;  box-shadow: 3px 3px 6px rgba(0,0,0,.6); -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.8); -moz-box-shadow: 3px 3px 6px rgba(0,0,0,.8); -o-box-shadow: 0 1px 4px rgba(0,0,0,.8);  }

#headermain, #navtop, .sectionaside, #footermain, #vbottom {margin: 0 auto;position: relative;width:100%;clear: both;  }
#pseudopagewrap {   position: relative; z-index: 2; margin: 20px auto; border: 2px solid #9e9a7b;
background: /* #596835 */ #162621 ; border: 1px solid #555; 
border-radius: 0px; -moz-border-radius: 0px;  -webkit-border-radius: 0px; 
box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);}

#headermain { /* background: #e8e4db url(../img/stone-header.jpg) 0 0 repeat; background-size: cover; */  border: 0px solid #ff0000;  }
/*#headeroverlay {  position: absolute; width: 80%; height: 100%; top: 0; left: 10%; right: 10%; bottom: 0; z-index: 4;   border: 0px solid #ff0000;  }
img#headerbg {  margin-bottom: 0; color: #222222;   }
img#logo {  display: block; position: relative; top: 0; left: 0;   width: 25%; height: auto;  margin: 20px 0 ;   }*/


#headeroverlay {  position: absolute; width: 80%; height: auto; top: 10%; left: 10%; right: 10%; bottom: 0; z-index: 4;   border: 0px solid #ff0000;  }
img#headerbg {  display: block; margin: 0; color: #222222; border: 0px solid #ff0000;   }
img#logo {  display: block; position: relative; top: 0; left: 0;   width: 400px; height: auto;  margin: 20px 0 ;   }

div.boxborderwrap {  margin: 0%;  position: relative; width: 100%; height: 170px;   }
div.boxborder {  position: absolute; z-index: 999;   top: 9%;
   left: 6%;
   right: 6%;
   bottom: 9%;  border: 2px solid #756146;  }
.gridmargin { height: 12px;   }
/* 
img.awards {  display: inline-block; float: right; margin: 0; width: 100%;  color: #342a1f; max-width: 400px;  } */

#navtop { height:auto; margin: 0; border-top: 1px solid #ada294;  border-bottom:  1px solid #ada294;
background: #cec1b0 url(../img/menubg2.jpg) 0 0 repeat ;  }

.sectionaside { margin-top: 2%; padding: 2% 0% 2%;   border-top: 0px solid #ff0000;  }

.padding { padding: 0.5em;  }

#footermain {  background: #1C352D;  padding: 2% 0% 1% 0;   }
#vbottom { background: #2a473e; padding: 0% 0%; }


/* Alltshellach 2-col gallery with colorbox*/
#gallery { margin: 0;  }
.gallerycol { margin: 0; display: inline-block; float: left; width: 50%;  }
#gallery img.mainphoto { margin: 2px; padding: 0.5%;width: 98%;background: #eeeeee;  color: #eeeeee;  }
.gallerycol img {    display: block; margin: 2px; padding: 1%;width: 96%; background: #eeeeee;  color: #eeeeee; border:0px solid #ccc;  }
#gallery a { border:0; display:block;border-bottom:0;padding:0;  }
#gallery a:hover { border:0;border-bottom:0;}
#gallery a:hover img {  background:#999999; }

.tbmargin1 {  margin-top: 1%; margin-bottom: 1%; }
.tbmargin2 {  margin-top: 2%; margin-bottom: 2%; }
span.larger { font-size:130%;}

/* sidebars */
div.sideboxborder { width: 99%; border: 1px solid #333;padding: 0; margin: 0 0 1em 0; }
div.sideboxborder img { float:right; width:50%;height:auto; margin: 4px -4% 4px 10px;}
div.sideboxborder h3 { display: block; color: #333; background: #ccc; font-size: 18px; font-weight: normal; padding: 0 0 0 4%; border-bottom: 0; margin: 0 0 4px 0; line-height: 26px; border-bottom: 1px solid #888;  }
div.sideboxborder h3 span { float: right; font-size: 90%; text-align:right; padding: 0 4% 0 0;}
div.sideboxborder p { margin: 0 0 6px; }
div.sideboxborder .padding { padding: 1% 4%;}

.sbphotoholder { width: 100%; border: 4px solid #eeeeee; max-width: 700px; margin: 0 auto; }
p.sbcaption {margin-bottom: 20px; }

/* Inner page extras */
div.availabilitybookingbutton span {display: inline; padding: 0.5em 1.6em;background: #946747;  border: 1px solid #815e45;
border-radius: 16px; -moz-border-radius: 16px;  -webkit-border-radius: 16px; 
box-shadow: 3px 3px 16px rgba(0, 0, 0, .9);
-webkit-box-shadow: 3px 3px 16px rgba(0, 0, 0, .9);
-moz-box-shadow: 3px 3px 16px rgba(0, 0, 0, .9);  }
div.availabilitybookingbutton p {margin: 30px auto;width:auto;padding: 0; font-weight: bold; font-size: 110%; text-align: center;  }
div.availabilitybookingbutton p a {border-bottom:0;}
div.availabilitybookingbutton p a:hover {border-bottom:0;}
div.availabilitybookingbutton span:hover {background: #5b2d1e;border: 1px solid #5b2d1e;
border-radius: 16px; -moz-border-radius: 16px;  -webkit-border-radius: 16px; 
box-shadow: 3px 3px 16px #555;
-webkit-box-shadow: 3px 3px 16px #555;
-moz-box-shadow: 3px 3px 16px #555;  }

/*  
@media screen and (max-width: 980px) {
		.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;    }
img.nomargin { margin: 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; }
#topphoto { background-color: #ffffff; padding: 0.5% 0; margin-top: 1%; }
#topphoto img { display: block; width: 99%; height: auto; margin: 0 0.5%;  border: 0px solid #ff0000; }

img.center { display: block; margin: 0 auto;}
.imgholder { border: 4px solid #eeeeee; width: 100%;margin-bottom: 10px; }
img.sidebar { border: 4px solid #ffffff; margin: 0 0 4% 0; }
img.centerimg50 {  display: block; width: 80%; margin: 20px auto; max-width: 400px;     }

.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}
.thumbholder img { margin-bottom: 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;}


/* 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.nice { 	/*border-collapse: collapse;*/
	margin: 10px 0px 20px 0;text-align: left;border: 0px solid #aa0000; 
}
table.nice tr { line-height: 100%;  }
table.nice td {  }
tr.altrow { 	}
table.nice th,   table.nice th.head, table.nice td { 	border: 1px solid #bbbbbb;  text-align: left;  padding: 5px  20px;  }
table.nice td.head,  table.nice th.head,  table.nice th {   background: #ddd; color: #111111;  }
table.nice:after { clear: both; content: "."; display: block; height: 10px; line-height: 0; visibility: hidden; }

.red, .error {color: #aa0000; font-weight: bold;}
.green {color: #00aa00; font-weight: bold;}

/* cookie bar */
#cookie-bar {background:  rgba(0, 0, 0, 0.7); height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:5px 0;
position: relative; z-index: 9999999; 
}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;z-index: 9999999; }
#cookie-bar p { color: #dddddd; margin:0; padding:0; text-align: center; }
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; border-bottom: none; text-decoration:none; padding:0 6px; margin-left: 8px;  }
#cookie-bar .cb-enable {background:#8b9862;}
#cookie-bar .cb-enable:hover {background:#9cbbcf;}

/*  Scroll Up   */
a.totop {     width:40px;     height:40px;     position: fixed;     bottom: 40px;     right: 80px;
 display:none;     text-indent: -9999px;     background: url('../img/icontop.png') no-repeat; 
border-bottom: none;  z-index: 999; }
a.totop:focus, a.totop:hover { outline: none; border: none;   }

.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: 900px) {

}

@media screen and (max-width: 800px) {
#headeroverlay {  position: absolute; width: 96%; height: 100%; top: 0; left: 2%; right: 2%; bottom: 0;   }
img#headerbg {    }
img#logo {   width: 60%; max-width: 350px; height: auto;  margin: 16px auto 0;   } 
}
@media screen and (max-width: 500px) {
.imgholderborder100.mobile-hide {display: none; }
.gallerycol { margin: 0; display: inline-block; float: none; width: 100%;  }
}
