@charset "iso-8859-1";
/* CSS Document */

/*generic*/
body{margin:0; padding:0; background:url(images/bg.jpg) fixed no-repeat top left; font-family:Garamond; font-size:17px; color:#666666;}
#center{position:relative; width:100%; text-align:center}
#container{position:relative; width:950px; margin:17px auto; text-align:left}
img{border:0; behavior:url(iepngfix.htc)}
h1{font-family:Garamond; font-size:22px; font-weight:bold; color:#666666; margin:0; padding:0; display:inline}
h2{font-family:Garamond; font-size:18px; font-weight:bold; color:#666666; margin:0; padding:0; display:inline}
.line{height:1px; width:100%; border-top:1px #CCCCCC solid}
.diamond{font-size:11px; color:#551900}
.button{position:relative}
.error{color:#FF0000}
.ok{color:#551900}
.hr{height:1px; width:100%; border-bottom:#551900 1px dotted; }

/*contact*/
#contact{font-family:Arial; font-size:12px; color:#666666; line-height:18px}

/*top banner*/
#top_banner{position:relative; width:950px; height:125px; background:url(images/header.png) no-repeat bottom}
#left{position:relative; float:left; width:260px; height:70px; margin:55px 0 0 40px}
#right{position:relative; width:395px; float:right;}

#bom{position:relative; height:25px; width:360px; text-align:right; font-family:Arial; font-size:10px; color:#666666; padding-right:35px}
#feed{position:relative; height:60px; font-family:Arial; font-size:10px; color:#666666;}
#desc{position:relative; float:left; width:70px; margin:10px 0 0 40px}
#precis{position:relative; float:left; width:100px; margin:10px 0 0 40px}
#temp{position:relative; float:left; width:50px; margin:10px 0 0 33px; font-family:Arial; font-size:20px; color:#666666;}
#icon{position:relative; float:left; width:45px; height:42px;}

#top_nav{position:relative; width:440px; height:40px;float:right; text-align:right; font-family:Arial; font-size:9px; color:#666666; padding-right:35px}
#top_nav a{font-family:Arial; font-size:9px; color:#666666; text-decoration:none; font-weight:bold}
#top_nav a:hover{font-family:Arial; font-size:9px; color:#551900; text-decoration:none; font-weight:bold}
#phone_number{position:relative; font-family:Garamond; font-size:17px; color:#551900; padding-bottom:5px; float:right}
#links{position:relative; float:right}

/*nav*/
#nav{position:relative; width:950px; height:90px}
#accommodation{position:relative; float:left; width:197px; height:90px; background:url(images/accommodation_off.png)}
#accommodation_on{position:relative; float:left; width:197px; height:90px; background:url(images/accommodation_on.png)}
#foodwine{position:relative; float:left; width:155px; height:90px; background:url(images/foodwine_off.png)}
#foodwine_on{position:relative; float:left; width:155px; height:90px; background:url(images/foodwine_on.png)}
#weddingsmeetings{position:relative; float:left; width:242px; height:90px; background:url(images/weddingsmeetings_off.png)}
#weddingsmeetings_on{position:relative; float:left; width:242px; height:90px; background:url(images/weddingsmeetings_on.png)}
#dinnerplain{position:relative; float:left; width:162px; height:90px; background:url(images/dinnerplain_off.png)}
#dinnerplain_on{position:relative; float:left; width:162px; height:90px; background:url(images/dinnerplain_on.png)}
#rundellsstory{position:relative; float:left; width:194px; height:90px; background:url(images/rundellsstory_off.png)}
#rundellsstory_on{position:relative; float:left; width:194px; height:90px; background:url(images/rundellsstory_on.png)}
.link{position:relative; margin:35px 0 0 23px; font-family:Arial; font-size:11px; color:#666666}
.link:hover{color:#551900}
.link a{font-family:Garamond; font-size:17px; color:#551900; text-decoration:none}

/*sidenav*/
#side_nav{position:relative; width:252px; background:url(images/subnav_bar.png) right repeat-y;}
#side_nav .nav{position:relative; width:245px; border-bottom:1px dotted #666666; padding:5px 5px 5px 0; text-align:right}
#side_nav .nav_top{position:relative; width:245px; border-bottom:1px dotted #666666; border-top:1px dotted #666666; padding:5px 5px 5px 0; text-align:right}
#side_nav .nav_top a{font-family:Garamond; font-size:17px; color:#551900; text-decoration:none}
#side_nav .nav a{font-family:Garamond; font-size:16px; color:#666666; text-decoration:none}
#side_nav .nav a:hover{color:#551900}
#hotlink_wrapper{position:relative}
#accom_title{position:relative; height:45px; width:150px; background:url(images/accom_sign.png) bottom left no-repeat; padding:90px 0 0 100px;}
#accom_title a{font-family:Arial; font-size:11px; color:#666666}
#accom_title a:hover{color:#551900}
#specials{position:relative; border-top:1px dotted #666666; margin:15px 0 0 0; padding:15px 0 0 0}
.specs{position:relative; width:100%; padding-bottom:5px}
.twitter{position:relative; margin:35px 0 0 0; padding-bottom:35px; font-family:Arial; font-size:9px; color:#666666; font-weight:bold}
.twit{padding-left:10px}

/*page content*/
#page_content{position:relative; width:950px; background:url(images/paper.png) repeat-y; float:left}
.left_col{position:relative; width:252px; margin:10px 0 0 33px; float:left}
.right_col{position:relative; width:640px; margin:0 0 0 25px; float:left; padding-bottom:50px}
.right_col .content{position:relative; width:565px; margin:30px 0 0 0px}
.right_col #graze{position:relative; width:585px; margin:30px 0 0 10px; float:left}
.right_col .image{position:relative; width:195px; height:165px; float:left}
.flash_banners{position:relative; width:640px; height:310px}
.description{padding:0 0 30px 0}
.main_txt{padding:30px 0 0 0; font-family:Arial; font-size:13px; color:#666666; line-height:18px}
.main_txt .heading{font-weight:bold; font-size:18px}
.main_txt a{font-family:Arial; font-size:12px; color:#666666}
.main_txt a:hover{color:#551900}
.item_title{font-weight:bold; font-size:16px}

/*footer*/
#footer{position:relative; width:950px; height:115px; background:url(images/footer.png) no-repeat; font-family:Garamond; font-size:13px; color:#666666; float:left; z-index:100;}
#footer #address{position:absolute; width:230px; margin:31px 0 0 165px; text-align:left}
#footer #copy{position:absolute; width:280px; margin:31px 0 0 560px; text-align:right}
#footer .l{font-family:Garamond; font-size:13px; color:#666666;}
#footer .l:hover{color:#551900}

/*homepage*/
#home_flash{position:relative; width:950px; height:310px; float:left}
#home_title{position:relative; height:48px; width:150px; background:url(images/accom_sign.png) bottom left no-repeat; padding:35px 0 0 100px;}
#home_title a{font-family:Arial; font-size:11px; color:#666666}
#home_title a:hover{color:#551900}
.image_wrapper{position:relative; width:815px; margin:0px 0 0 65px; float:left; padding-bottom:50px}
.first_image{position:relative; float:left; width:235px; height:200px;}
.other_image{position:relative; float:left; width:235px; height:200px; margin-left:55px}

/*accommodation*/
#accom a:link{font-family:Arial; font-size:9px; color:#666666; text-decoration:none; font-weight:bold}
#accom a:hover{font-family:Arial; font-size:9px; color:#551900; text-decoration:none; font-weight:bold}
#accom a:active{font-family:Arial; font-size:9px; color:#666666; text-decoration:none; font-weight:bold}
#accom a:visited{font-family:Arial; font-size:9px; color:#666666; text-decoration:none; font-weight:bold}
#accom .wrapper{position:relative; float:left; padding-bottom:30px}
#accom .image{position:relative; float:left; width:255px; text-align:right}
#accom .pad{padding:0 4px 0 0}
#accom .text{position:relative; float:left; width:290px; margin:0 0 0 20px; font-family:Arial; font-size:12px; color:#666666; padding:5px 0 35px 0}
#accom .book_now{position:relative; float:right;}
.rates{position:relative; width:585px; float:left}
.icon{text-align:left}
.col_header{border-right:1px #FFFFFF solid; padding:5px; color:#FFFFFF; background:#551900; text-align:left}
.grey_box{background:#E6E6E6; padding:5px; text-align:left}
.white_box{background:#FFFFFF; padding:5px; text-align:left}

/*sub nav items*/
#side_nav .nav .sub_link{padding:5px 0 5px 0}
#side_nav .nav .sub_link a{font-family:Arial; font-size:11px; color:#666666; text-decoration:none}
#side_nav .nav .sub_link a:hover{color:#551900}

/*form style*/
form{color:#666666}
.header{width:100%; position:relative; float:left; padding:20px 0 20px 0}
.full_width{width:100%; position:relative; float:left;}
.width400{width:400px; position:relative; float:left; padding:5px 0 5px 0}
.width200{width:200px; position:relative; float:left; padding:5px 0 5px 0}
.width150{width:150px; position:relative; float:left; padding:5px 0 5px 0}
.width100{width:100px; position:relative; float:left; padding:5px 0 5px 0}
.width75{width:75px; position:relative; float:left; padding:5px 0 5px 0}
.width50{width:50px; position:relative; float:left; padding:5px 0 5px 0}
.input400{width:400px}
.input200{width:200px}
.input100{width:100px; vertical-align:top}
.input75{width:75px}
.input50{width:50px}
.CRAQ_txt{padding:10px 0 0 0; font-family:Arial; font-size:12px; color:#666666}
#pdfs a{text-decoration:none}

/*events*/
#events_header{position:relative; float:left; width:860px; margin:30px 0 0 35px}
#events_header #back{position:relative; width:247px; float:left}
#events_header #title{position:relative; width:535px; float:left; margin:0 0 0 48px;}
#events_header a{font-family:Arial; font-size:12px; color:#666666}
#events_header a:hover{color:#551900}
.events_wrapper{position:relative; width:840px; margin:30px 0 0 55px; float:left;}
.events_image_bg{position:relative; width:247px; float:left}
.events_top_bg{position:relative; float:left; width:247px; height:11px; background:url(images/events_top_bg.png) no-repeat}
.events_mid_bg{position:relative; float:left; width:247px; background:url(images/events_mid_bg.png) repeat-y}
.events_bottom_bg{position:relative; float:left; width:247px; height:11px; background:url(images/events_bottom_bg.png) no-repeat}
.events_image{position:relative; float:left; width:224px; margin-left:11px}
.events_copy{position:relative; width:535px; float:left; margin:20px 0 0 30px; font-family:Arial; font-size:12px; color:#666666}
.events_heading{font-size:15px; font-weight:bold}
.events_line{height:1px; width:830px; border-top:1px #CCCCCC solid; margin:30px 0 0 35px; float:left;}
.events_wrapper a{color:#666666}
.events_wrapper a:hover{color:#551900}

/*bookings*/
.bookings_wrapper{position:relative; margin:30px 0 0 15px; float:left; background:none}
.if{background-color:transparent}


/*lightbox*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.png) right 15% no-repeat; }


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

#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
.getTo{
	position:relative;
	float:right;
	font-size:.7em;
	height:25px;
	top:-10px;
}
.getTo a:link {color:#666;}      /* unvisited link */
.getTo a:visited {color:#666;}  /* visited link */
.getTo a:hover {color:#000000;}
.BannerText{
	position:relative;
	width:600px;
	text-align:left;
	 float:left;
	 height:50px;
	 left:20px;
	 bottom:68px;
	
	  font-size:2.5em;
	   color:#f3f3f3;
	   z-index:300;
	  -webkit-box-shadow: 1px 2px 4px px rgba(0, 0, 0, .5);
-moz-box-shadow: 1px 2px 4px px rgba(0, 0, 0, .5);
box-shadow: 1px 2px 4px px rgba(0, 0, 0, .5);
}