/* CSS Document */

body{	background: #675a48 url('../Images/GlobalBG.gif') repeat-x; 
font-family:Verdana; font-size: 12px; margin: 0px
}
a{  outline: none   }
.clear { clear: both}
#header{ width: 980px; height: 80px }
	.logo { background: url('../Images/ALHLogo.gif') no-repeat;  cursor: pointer;
width:135px; height: 55px; float: left; margin: 3px 0px 0px 0px
}
	.phoneNumberCopy { color: #d3c6ae; float: right; text-align: center; padding: 14px 0 0 0 }
	.phoneNumber { font-weight: bold; font-size: 16px; color: #fff; }
	
#mainOuter { width: 980px; margin: auto;}
#bodyContent{ width: 905px; margin: auto; clear: both }

/* Gallery control styles */
.stepcarousel{position: relative; /*leave this value alone*/overflow: scroll; /*leave this value alone*/width: 905px; /*Width of Carousel Viewer itself*/height: 385px; /*Height should enough to fit largest content's height*/ clear: both}
.stepcarousel .belt{position: absolute; /*leave this value alone*/left: 0;top: 0;}
.stepcarousel .panel{overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/width: 905px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}
#mygallery-paginate { position: relative; top: -46px; left: 707px; width: 230px; height: 0px; margin: 0px}
#mygallery { border: 1px #b0a28e solid;}

/* Homepage panel styles */
	/* Panel one */
	.panel1 { background: url('../Images/HomepagePanel1.jpg') no-repeat; 
width: 905px; height: 385px
}
	.panel1 .panelText{ color:#675A48; left:30px; line-height:20px; position:relative; top:112px; width:485px;}
	.panel1 a.viewLodges img{ border: 0px;  position: relative; top: 130px; left: 30px; outline: none   }

	/* Panel two */
	.panel2 { background: url('../Images/HomepagePanel2.jpg') no-repeat; 
width: 905px; height: 385px
}
	.panel2 .panelText{ color:#fff; left:30px; line-height:20px; position:relative; top:50px; width:485px;}
	.panel2 a.viewLodges img{ border: 0px;  position: relative; top: 80px; left: 30px; outline: none   }

	/* Panel three */
	.panel3 { background: url('../Images/HomepagePanel3.jpg') no-repeat; 
width: 905px; height: 385px
}
	.panel3 .panelText{ color:#fff; left:30px; line-height:20px; position:relative; top:50px; width:490px;}
	.panel3 a.viewLodges img{ border: 0px;  position: relative; top: 80px; left: 30px; outline: none   }

	/* Panel four */
	.panel4 { background: url('../Images/HomepagePanel4.jpg') no-repeat; 
width: 905px; height: 385px
}
	.panel4 .panelText{ color:#fff; left:30px; line-height:20px; position:relative; top:50px; width:485px;}
	.panel4 a.viewLodges img{ border: 0px;  position: relative; top: 80px; left: 30px; outline: none   }

	/* Panel five */
	.panel5 { background: url('../Images/HomepagePanel5.jpg') no-repeat; 
width: 905px; height: 385px
}
	.panel5 .panelText{ color:#fff; left:30px; line-height:20px; position:relative; top:50px; width:485px;}
	.panel5 a.viewLodges img{ border: 0px;  position: relative; top: 60px; left: 30px; outline: none   }

	/* Panel six */
	.panel6 { background: url('../Images/HomepagePanel6.jpg') no-repeat; 
width: 905px; height: 385px
}
	.panel6 .panelText{ color:#fff; left:30px; line-height:20px; position:relative; top:50px; width:485px;}
	.panel6 a.viewLodges img{ border: 0px;  position: relative; top: 80px; left: 30px; outline: none   }
	
	

/* Tab nav styles */
ul#navigation    {list-style-type: none;padding: 0;margin: 0}
ul#navigation li {float: left;margin: 0;}
ul#navigation li a{color: #4e412c;background: #ece5d9 url('../Images/LeftTab.gif') no-repeat left top;
text-decoration: none;padding-left: 10px;font-weight: bold;margin: 0px 3px 0px 0px; cursor: pointer; outline: none
}
ul#navigation li a span{background: url('../Images/RightTab.gif') no-repeat right top;
padding: 10px 11px 0px 0px;
}
ul#navigation li a, #navigation li a span{height: 33px;display: block;}
ul#navigation li a:hover{color: #4e412c;background: #fff url('../Images/LeftTabActive.gif') no-repeat left top;
}
ul#navigation li a:hover span{background: url('../Images/RightTabActive.gif') no-repeat right top;
}


ul#navigation li.active {float: left;margin: 0;}
ul#navigation li.active a{color: #4e412c;background: #fff url('../Images/LeftTabActive.gif') no-repeat left top;
text-decoration: none;padding-left: 10px;font-weight: bold;margin: 0px 3px 0px 0px; position: relative; top: 1px; z-index: 1
}
ul#navigation li.active a span{background: url('../Images/RightTabActive.gif') no-repeat right top;
padding: 10px 11px 0px 0px;
}
ul#navigation li.active a, #navigation li.active a span{height: 33px;display: block;}

            #welcomeContainer { width: 905px;   }
            #welcomeContainer #imgcontainer { float: left; width: 340px; height: 400px; }

            #welcomeContainer .nav a { text-decoration: none; color: #efebdd; border-bottom: 1px #888 dotted; font-size: 14px;  padding: 7px 5px 7px 35px; display: block; font-weight : bold;  }  
            
            #welcomeContainer #ribblesdale { background: url('../Images/Button1Small.png') no-repeat 4px 4px}
			#welcomeContainer #ribblesdale:hover  { background: #897b67 url('../Images/Button1SmallActive.png') no-repeat 4px 4px}		
			#welcomeContainer .navHoverRibblesdale a {	text-decoration: none; color: #efebdd; border-bottom: 1px #888 dotted; font-size: 14px;  padding: 7px 5px 7px 35px; display: block; font-weight : bold; background: #897b67 url('../Images/Button1SmallActive.png') no-repeat 4px 4px }
			
            #welcomeContainer #faweather{ background: url('../Images/Button2Small.png') no-repeat 4px 4px}
			#welcomeContainer #faweather:hover  { background: #897b67 url('../Images/Button2SmallActive.png') no-repeat 4px 4px}
			#welcomeContainer .navHoverFaweather a {	text-decoration: none; color: #efebdd; border-bottom: 1px #888 dotted; font-size: 14px;  padding: 7px 5px 7px 35px; display: block; font-weight : bold; background: #897b67 url('../Images/Button2SmallActive.png') no-repeat 4px 4px }

            #welcomeContainer #oakwood{ background: url('../Images/Button3Small.png') no-repeat 4px 4px}
			#welcomeContainer #oakwood:hover  { background: #897b67 url('../Images/Button3SmallActive.png') no-repeat 4px 4px}
			#welcomeContainer .navHoverOakwood a {	text-decoration: none; color: #efebdd; border-bottom: 1px #888 dotted; font-size: 14px;  padding: 7px 5px 7px 35px; display: block; font-weight : bold; background: #897b67 url('../Images/Button3SmallActive.png') no-repeat 4px 4px }

            #welcomeContainer #trewythen{ background: url('../Images/Button4Small.png') no-repeat 4px 4px}
			#welcomeContainer #trewythen:hover  { background: #897b67 url('../Images/Button4SmallActive.png') no-repeat 4px 4px}
			#welcomeContainer .navHoverTrewythen a {	text-decoration: none; color: #efebdd; border-bottom: 1px #888 dotted; font-size: 14px;  padding: 7px 5px 7px 35px; display: block; font-weight : bold; background: #897b67 url('../Images/Button4SmallActive.png') no-repeat 4px 4px }

            #welcomeContainer #blackhall{ background: url('../Images/Button5Small.png') no-repeat 4px 4px}
			#welcomeContainer #blackhall:hover  { background: #897b67 url('../Images/Button5SmallActive.png') no-repeat 4px 4px}
			#welcomeContainer .navHoverBlackhall a {	text-decoration: none; color: #efebdd; border-bottom: 1px #888 dotted; font-size: 14px;  padding: 7px 5px 7px 35px; display: block; font-weight : bold; background: #897b67 url('../Images/Button5SmallActive.png') no-repeat 4px 4px }

            #welcomeContainer #bluewood{ background: url('../Images/Button6Small.png') no-repeat 4px 4px}
			#welcomeContainer #bluewood:hover  { background: #897b67 url('../Images/Button6SmallActive.png') no-repeat 4px 4px}
			#welcomeContainer .navHoverBluewood a {	text-decoration: none; color: #efebdd; border-bottom: 1px #888 dotted; font-size: 14px;  padding: 7px 5px 7px 35px; display: block; font-weight : bold; background: #897b67 url('../Images/Button6SmallActive.png') no-repeat 4px 4px }

            #welcomeContainer #whipcott{ background: url('../Images/Button7Small.png') no-repeat 4px 4px}
			#welcomeContainer #whipcott:hover  { background: #897b67 url('../Images/Button7SmallActive.png') no-repeat 4px 4px}
			#welcomeContainer .navHoverWhipcott a {	text-decoration: none; color: #efebdd; border-bottom: 1px #888 dotted; font-size: 14px;  padding: 7px 5px 7px 35px; display: block; font-weight : bold; background: #897b67 url('../Images/Button7SmallActive.png') no-repeat 4px 4px }

            #welcomeContainer #ivyleaf{ background: url('../Images/Button8Small.png') no-repeat 4px 4px}
			#welcomeContainer #ivyleaf:hover  { background: #897b67 url('../Images/Button8SmallActive.png') no-repeat 4px 4px}
			#welcomeContainer .navHoverIvyleaf a {	text-decoration: none; color: #efebdd; border-bottom: 1px #888 dotted; font-size: 14px;  padding: 7px 5px 7px 35px; display: block; font-weight : bold; background: #897b67 url('../Images/Button8SmallActive.png') no-repeat 4px 4px }
            
            #welcomeContainer .countyLabel { color: #bdb099 }           

            #welcomeContainer #mapContainer {width: 840px;  margin: auto}
            #welcomeContainer #left {float: left; width: 400px; padding: 26px 0px 0px 0px}
            #welcomeContainer #right { float: right; width: 340px}

            #welcomeContainer #imageSwitch { height: 400px; width: 340px; background-image: url('../images/LocationMapStrip.png'); background-position: 0px 0px; overflow: hidden; }
            #welcomeContainer #imageSwitch #transImageSwitch { border-width: 0px;}
/* Our lodges styles */
#ourLodgesOuter { clear:both;height:490px;background: #fff;position:relative;width:895px;border: 1px solid #B0A28E;color: #675A48;padding:20px 0px 10px 10px;line-height: 20px;}  
#ourLodgesOuter h1 { font-size: 18px; color: #333}
.lodgeBox { float: left; width: 193px; height: 160px; margin: 10px 0 9px 15px; padding: 5px; background: #fff; color: #675A48 }
.lodgeBox a img { border: none;  position: relative; left: -5px}
.lodgeTitles { font-size: 16px; color: #333; font-weight: bold}  
.chooseOne  { font-size: 13px; color: #E5DED1}

/* A touch of luxury styles */
#aTouchOuter { clear:both;background: #fff;position:relative;width:895px;border: 1px solid #B0A28E;color: #675A48;padding:20px 0px 10px 10px;line-height: 20px; color: #333}  
#aTouchOuter .left { float: left; width: 456px; padding:0px 0px 0px 14px}   
#aTouchOuter .left p {  font-weight: bold}   
#aTouchOuter .right { float: right; width: 390px; padding:0px 14px 0px 0px} 
#aTouchOuter ul.defaultList {    }


/*Time to relax styles */
#timeToRelaxOuter{ clear:both;background: #fff;position:relative;width:895px;border: 1px solid #B0A28E;color: #675A48;padding:20px 0px 10px 10px;line-height: 20px; color: #333}  
#timeToRelaxOuter .left { float: left; width: 456px; padding:0px 0px 0px 14px}   
#timeToRelaxOuter .left p {  font-weight: bold}   
#timeToRelaxOuter .right { float: right; width: 390px; padding:0px 14px 0px 0px} 
ul.defaultList {   }

/*Your kind of holiday styles */
#yourKindOuter{ clear:both;background: #fff;position:relative;width:895px;border: 1px solid #B0A28E;color: #675A48;padding:20px 0px 10px 10px;line-height: 20px; color: #333}  
#yourKindOuter .left { float: left;  padding:0px 0px 0px 14px}   
#yourKindOuter .left p {  font-weight: bold}   
#yourKindOuter .active { float: left; margin: 0px 13px 0px 13px; width: 420px}   
#yourKindOuter .relaxed { float: left; width: 400px }    
#yourKindOuter  ul.defaultList {   }
  
/* Footer styles */
#footer { clear: both; color: #fff; margin: auto;  width: 800px; padding: 20px}
#footer a { color: #fff;}