@charset "utf-8";
/* CSS Document */


body { background: #312317 url(img/bg-body.jpg) center top no-repeat; margin: 0; border: 0; padding: 0 0 40px 0; }


/*** HEADER ELEMENTS ***/

div#header { margin: 0 auto; padding: 0; text-align: center; width: 850px; }

div#spaceleft { float: left; width: 250px; }


div#phone { float: right; width: 250px; padding: 0; margin: 0; }
#phone p { text-align: right; font: normal 21px Georgia, "Times New Roman", Times, serif; color: #cda43f; margin: 0; padding: 20px; }
#phone .small { font: normal 18px Georgia, "Times New Roman", Times, serif; color: #996f37; }
#phone .small a { color: #a78238; text-decoration: none; }
#phone .small a:hover { color: #a78238; text-decoration: underline; }



/*** MENU ***/
/* this controls the navigation menu - the list item styles themselves can be found in the spry css file */
div#menu { padding: 0 10px 0 10px; width: 830px; background: #271c15; margin: 0 auto; }

#menu .cottage { width: 118px; }
#menu .area { width: 98px; }
#menu .directions { width: 104px; }
#menu .parties { width: 155px; }
#menu .availability { width: 200px; }
#menu .faqs { width: 60px; }
#menu .contact { width: 82px; }




/*** CONTAINER ON HOMEPAGE ***/

div#container_home {
width: 850px;
background: #271c15;
margin: 0 auto; padding: 0;
}


/*** CONTAINER ON OTHER PAGES ***/

div#container {
width: 850px;
background: #d4c59d url(img/bg-container.jpg) repeat-x;
margin: 0 auto; padding: 0;
}



/*** MAIN CONTENT PANEL ***/

div#content { width: 575px; float: left; padding: 0 0 20px 0; }


#content p { font: normal 14px "Times New Roman", Times, serif; color: #312317; margin: 0; padding: 5px 20px 5px 20px; line-height: 21px; }
#content p a { color: #a78238; text-decoration: underline; }
#content p a:hover { text-decoration: none; }

#content p.intro { font: normal 18px "Times New Roman", Times, serif; color: #312317; padding: 5px 20px; line-height: 24px; }


#content ul { font: normal 14px "Times New Roman", Times, serif; margin: 10px 0px 10px 25px; padding: 0; line-height: 16px; color: #312317; }
#content li { list-style: none; background: url(img/bg-content-li.gif) top left no-repeat; padding: 10px 0px 10px 40px; margin: 0 0 0 0; }
#content li a { color: #a78238; text-decoration: none; border-bottom: 1px solid #a78238; }
#content li a:hover { color: #a78238; border-bottom: 0; }

#pubs p { padding: 5px 0 5px 10px; }



h1 { font: normal 30px "Times New Roman", Times, serif; color: #cda43f; padding: 0; margin: 20px 20px 5px 20px; }

h2 { font: normal 24px "Times New Roman", Times, serif; color: #cda43f; padding: 0; margin: 10px 20px 5px 20px; }

h3 { font: normal 21px "Times New Roman", Times, serif; color: #312317; padding: 0; margin: 10px 20px 5px 20px; }



.introhome { font: normal 18px "Times New Roman", Times, serif; color: #fff7e9; padding: 5px 20px; line-height: 22px; }

.walks-inner { margin-bottom: 0; padding-bottom: 0; }


/* shout boxes */

div.shout1 { width: 220px; padding: 10px; background: #c4af88 url(img/bg-shout1.jpg) top repeat-x; float: right; margin: 10px 0 10px 10px; }

#content .shout1 p { color: #271c15; margin: 0; font: normal 13px "Times New Roman", Times, serif; padding: 5px 5px 5px 5px; }

#content .shout1quote p { background: #820326; color: white; margin: 0; font: normal 16px "Times New Roman", Times, serif; padding: 5px 10px 5px 10px; }

.highlight1 { border: 5px solid #996F37; margin: 10px 10px 10px 20px; padding: 10px 0 10px 0; background: #EBD8A5 url(img/bg-highlight1.jpg) repeat-x;}

.highlight1 hr { margin: 5px 20px 5px 20px; border: 0; padding: 0; height: 1px; color: #271c15; background-color: #996F37; }


.contactform-large { margin: 20px 190px 10px 20px; padding: 0px 10px 20px 0; border: 5px solid #996F37; background: #EBD8A5 url(img/bg-highlight1.jpg) repeat-x; }



/* image styles */

.image1 { border: 5px solid #271b10; margin: 10px 0 5px 10px; }




/* FLASH MOVIE ON HOMEPAGE ***/

div#flashmovie_home {
width: 810px;
height: 300px;
border: 10px solid white; 
margin: 0 auto;
}



/* TRIPTYCH ON HOME PAGE */

div#triptych {	padding-bottom: 30px; }
.box1 { width: 270px; height: 165px; background: green; float: left; margin-left: 10px; }
.box2 { width: 270px; height: 165px; background: green; float: left; margin-left: 10px; }
.box3 { width: 270px; height: 165px; background: green; float: right; margin-right: 10px; }




/* Gallery by Pete 14.08.2009 */

.gallery_container { width: 500px; margin: 20px 0 20px 20px; padding: 20px; background: #A99C82 url(img/bg_gallery_container.jpg) top left repeat-x; }
 
a .gallery { border: 5px solid #271B10; }
a:hover .gallery { border: 5px solid white; }





/*** RIGHT HAND PANEL CONTAINER ***/

div#panelcontainer { width: 255px; float: right; margin: 10px 10px 10px 0; }

/* H3 to be used within panelcontainer */
#panelcontainer h3 { font: normal 18px "Times New Roman", Times, serif; color: white; padding: 0; margin: 0; }
#panelcontainer h3 a { color: white; text-decoration: underline; }
#panelcontainer h3 a:hover { text-decoration: none; }

/* H4 to be used within panelcontainer */
#panelcontainer h4 { font: normal 21px "Times New Roman", Times, serif; color: #cda43f; padding: 0; margin: 0; }
#panelcontainer h4 a { color: #cda43f; text-decoration: underline; }
#panelcontainer h4 a:hover { text-decoration: none; }


/*  Make a Reservation Panel */

.tableleft { font: normal 11px "Times New Roman", Times, serif; color: #cda43f; padding: 5px 0 5px 0; margin: 0; }
.tableright { font: normal 11px "Times New Roman", Times, serif; color: #cda43f; padding: 5px 0 5px 0; margin: 0; }

.res_dropdown { font: normal 11px "Times New Roman", Times, serif; color: #cda43f; width: 59px; border: 0; padding: 4px 2px 4px 2px; }
.res_dropdown_small { font: normal 11px "Times New Roman", Times, serif; color: #cda43f; width: 48px; border: 0; padding: 4px 2px 4px 2px; }
.res_dropdown_large { font: normal 11px "Times New Roman", Times, serif; color: #cda43f; width: 79px; border: 0; padding: 4px 2px 4px 2px; }

.res_textfield { font: normal 11px "Times New Roman", Times, serif; color: #cda43f; width: 155px; border: 0; padding: 4px 3px 4px 3px; }

.res_button { border: 1px solid #563e19; padding: 2px 5px 2px 5px; margin: 0; background: #7c5e28 url(img/bg-res-button.gif) top repeat-x; color: white; font: bold 14px "Times New Roman", Times, serif; cursor:pointer; }


/* Brown Panel */

.panel-brown { background: #271b10 url(img/bg-panel-brown.jpg) top right no-repeat; padding: 15px 15px 15px 15px; margin-bottom: 10px; }

.p-panel-brown { color: #cda43f; font: normal 13px "Times New Roman", Times, serif; margin: 0; padding: 10px 0 10px 0; }
.p-panel-brown a { color: #cda43f; text-decoration: underline; }
.p-panel-brown a:hover { text-decoration: none; }



/* Red Panel */

.panel-red { background: #510218 url(img/bg-panel-red.jpg) top repeat-x; padding: 15px 15px 15px 15px; margin-bottom: 10px; }

.p-panel-red { color: white; font: normal 13px "Times New Roman", Times, serif; margin: 0; padding: 10px 0 10px 0; }
.p-panel-red a { color: white; text-decoration: underline; }
.p-panel-red a:hover { text-decoration: none; }

.panel-red-image-left { margin: 0 5px 5px 0; }
.panel-red-image { margin: 0 0 5px 0; }

a .panel-red-image-left { border: 5px solid #861c3a; }
a:hover .panel-red-image-left { border: 5px solid white; }

a .panel-red-image { border: 5px solid #861c3a; }
a:hover .panel-red-image { border: 5px solid white; }

/* Teal Panel */

.panel-teal { background: #447373 url(img/bg-panel-teal.jpg) top repeat-x; padding: 15px 15px 15px 15px; margin-bottom: 10px; }

.p-panel-teal { color: white; font: normal 13px "Times New Roman", Times, serif; margin: 0; padding: 10px 0 10px 0; }
.p-panel-teal a { color: white; text-decoration: underline; }
.p-panel-teal a:hover { text-decoration: none; }

.panel-teal-image-left { margin: 0 5px 5px 0; }
.panel-teal-image { margin: 0 0 5px 0; }

a .panel-teal-image-left { border: 5px solid #83b1b2; }
a:hover .panel-teal-image-left { border: 5px solid white; }

a .panel-teal-image { border: 5px solid #83b1b2; }
a:hover .panel-teal-image { border: 5px solid white; }


/* Photos */
#photos{padding-left:10px}
#photos img{padding:0px 0px 15px 10px;}

/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }






/*** FOOTER ELEMENTS ***/

div#footer { background: #110c09; padding: 15px 20px 15px 20px; margin: 0 auto; width: 810px; }	

#footer p { font: normal 10px Arial, Helvetica, sans-serif; color: #624723; padding: 0; margin: 0; line-height: 16px; }
#footer p a { color: #a78238; text-decoration: none; }
#footer p a:hover { color: #a78238; text-decoration: underline; }

#footer_right { width: 220px; float: right; }
#footer_right p { font: normal 21px "Times New Roman", Times, serif; text-align: right; color: #a78238; line-height: 23px; }



/* MISCELLANEOUS ELEMENTS */

.clear { clear: both; }




/* OVERRIDE STYLES */

.darkbrown { color: #271B10 !important; }

.al { text-align: left !important; }
.ac { text-align: center !important; }
.ar { text-align: right !important; }
.cb { clear:both !important; }
.cl { clear:left !important; }
.cn { clear:none !important; }
.fl { float: left !important; }
.fr { float: right !important; }
.db { display:block !important; }
.di { display:inline !important; }
.dn { display:none !important; }

.p0 { padding:0 !important; }
.pt0 { padding-top:0 !important; }
.pb0 { padding-bottom:0 !important; }
.pl0 { padding-left:0 !important; }
.pr0 { padding-right:0 !important; }

.p5{ padding:5px !important; }
.pt5 { padding-top:5px !important; }
.pb5 { padding-bottom:5px !important; }
.pl5 { padding-left:5px !important; }
.pr5 { padding-right:5px !important; }

.p10 { padding:10px !important; }
.pt10 { padding-top:10px !important; }
.pb10 { padding-bottom:10px !important; }
.pl10 { padding-left:10px !important; }
.pr10{ padding-right:10px !important; }

.p20 { padding:20px !important; }
.pt20 { padding-top:20px !important; }
.pb20 { padding-bottom:20px !important; }
.pl20 { padding-left:20px !important; }
.pr20 { padding-right:20px !important; }

.mt0 { margin-top:0 !important; }
.mb0 { margin-bottom:0 !important; }
.ml0 { margin-left:0 !important; }
.mr0 { margin-right:0 !important; }
.m0 { margin:0 !important; }

.m5 { margin:5px !important; }
.mt5 { margin-top:5px !important; }
.mb5 { margin-bottom:5px !important; }
.ml5 { margin-left:5px !important; }
.mr5 { margin-right:5px !important; }

.m10 { margin:10px !important; }
.mt10 { margin-top:10px !important; }
.mb10 { margin-bottom:10px !important; }
.ml10 { margin-left:10px !important; }
.mr10{ margin-right:10px !important; }

.m20 { margin:20px !important; }
.mt20 { margin-top:20px !important; }
.mb20 { margin-bottom:20px !important; }
.ml20 { margin-left:20px !important; }
.mr20 { margin-right:20px !important; }