/** basic divs **/

body
{
margin:0px;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
color: #1a1a1a;
line-height:1.6em;
background-color:#FFFFFF;
background-image:url(../images/HFdesign1_bodybg.jpg);
background-repeat:repeat-x;
position:relative;
}



#Site
{
width:1000px;
padding:0;
margin:auto;
position:relative;

}

#Content{	
background-image:url(../images/HFdesign1-900-widefooter.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	width:100%;
}

#website_branding
{
margin:auto;
width:1000px;
background-image:url(../images/HFdesign1_mainHF.jpg); 
background-repeat:no-repeat;
height:481px;
font-weight:bold;
font-size:22px;
text-align:center;
}

.Home #website_branding
{
margin:auto;
width:1000px;
background-image:url(../images/HFdesign1_mainHF.jpg); 
background-repeat:no-repeat;
height:481px;
font-weight:bold;
font-size:22px;
text-align:center;
}

.About_Us #website_branding
{
margin:auto;
width:1000px;
background-image:url(../images/HFdesign1_mainHFabout.jpg); 
background-repeat:no-repeat;
height:481px;
font-weight:bold;
font-size:22px;
text-align:center;
}

.The_Bedrooms #website_branding
{
margin:auto;
width:1000px;
background-image:url(../images/HFdesign1_mainHFbed.jpg); 
background-repeat:no-repeat;
height:481px;
font-weight:bold;
font-size:22px;
text-align:center;
}

.The_Sitting_Room #website_branding
{
margin:auto;
width:1000px;
background-image:url(../images/HFdesign1_mainHFsitting.jpg); 
background-repeat:no-repeat;
height:481px;
font-weight:bold;
font-size:22px;
text-align:center;
}

.Contact_Us #website_branding
{
margin:auto;
width:1000px;
background-image:url(../images/HFdesign1_mainHFcontact.jpg); 
background-repeat:no-repeat;
height:481px;
font-weight:bold;
font-size:22px;
text-align:center;
}

.Room_Rates #website_branding
{
margin:auto;
width:1000px;
background-image:url(../images/HFdesign1_mainHFrates.jpg); 
background-repeat:no-repeat;
height:481px;
font-weight:bold;
font-size:22px;
text-align:center;
}

#mainpage{
/*float:left;*/
width:900px;
margin:auto;
}




#website_container
{
width:1000px;
/*height:400px;*/
padding:0px;
margin:0;
padding-bottom:0px;

}

/*.Home #website_container
{
width:1000px;
height:400px;
padding:0px;
margin:0;
background-image:url(../images/gasmetdesign-2_mainbg.jpg);
background-repeat:no-repeat;
}*/


#website_footer
{
width:1000px;
height:50px;
padding-top:8px;
background-image:url(../images/HFdesign1-900_footer.jpg);
background-repeat:no-repeat;
clear:both;
color:#fff;
margin:0 auto;
text-align:center;

}

	

#global_footer
{
width:1000px;
margin:0px auto;
padding:10px 0px ;
text-align:center;
height:36px; /* this is set to fill the space and get the website footer image placed correctly 36 + 10 + 10 padding */
}



#global_footer a
{
text-align:center;
color:#999;
}




#breadcrumb{display:none;}



/** menu code **/



#website_menu{
background-image:url(../images/HFdesign1-900_nav_plain.jpg);
	height:51px;
	padding:0px;
	margin:0px;
	width:950px;
	padding-left:50px;
	padding-top:0px;
	}


.Home #website_menu{
	background-image:url(../images/HFdesign1-900_nav.jpg);
	height:51px;
	padding:0px;
	margin:0px;
	width:950px;
	padding-left:50px;
	padding-top:0px;
	}
	
.About_Us #website_menu{
	background-image:url(../images/HFdesign1-900_nav_about.jpg);
	height:51px;
	padding:0px;
	margin:0px;
	width:950px;
	padding-left:50px;
	padding-top:0px;
	}		
	
.The_Bedrooms #website_menu{
	background-image:url(../images/HFdesign1-900_nav_bed.jpg);
	height:51px;
	padding:0px;
	margin:0px;
	width:950px;
	padding-left:50px;
	padding-top:0px;
	}	
	
.The_Sitting_Room #website_menu{
	background-image:url(../images/HFdesign1-900_nav_sitting.jpg);
	height:51px;
	padding:0px;
	margin:0px;
	width:950px;
	padding-left:50px;
	padding-top:0px;
	}	
	
.Room_Rates #website_menu{
	background-image:url(../images/HFdesign1-900_nav_rates.jpg);
	height:51px;
	padding:0px;
	margin:0px;
	width:950px;
	padding-left:50px;
	padding-top:0px;
	}			
	
.Contact_Us #website_menu{
	background-image:url(../images/HFdesign1-900_nav_contact.jpg);
	height:51px;
	padding:0px;
	margin:0px;
	width:950px;
	padding-left:50px;
	padding-top:0px;
	}	

#website_menu ul{
	padding: 21px 0px 0px 0px;
	margin:0px;
	list-style: none;
	line-height: normal;
	}



#website_menu li{
	float:left;
	border-right:1px solid #FFFFFF;

	}



#website_menu li a{
	text-decoration: none;
	font-size: 18px;
	color: #FFFFFF;
	padding: 0px 21px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}



#website_menu li a.current{
	
	text-decoration: none;
		}
		
#website_menu li a.first{
	padding-left:0px;
		}		



#website_menu li a:hover{
	text-decoration:underline;

	
	}
	



/** basic HTML **/


h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #4F4F4F;
	line-height:normal;
}



h1 {
	/*letter-spacing: -2px;*/
	font-size: 30px;
	margin: 20px 0px 10px 0px;
}

.Home h1 {
	/*letter-spacing: -2px;*/
	font-size: 20px;
	margin: 10px 0px 10px 0px;
}



h2 {
	letter-spacing: -1px;
	font-size: 20px;
	margin: 20px 0px 0px 0px;
}

h3 {
	letter-spacing: -1px;
	font-size: 16px;
	margin: 20px 0px 5px 0px;
}



p, ol, ul {
	text-align: justify;
	margin-top:0px;
}

form {
	line-height:normal;
	}
	
input, label, select,textarea {
	margin:10px 0;
	}	


/* unvisited link */
a:link {
	color:#560B06;
		}      
		
/* visited link */		
a:visited {
	color:#69252E;
	}  
	
 /* mouse over link */	
a:hover {
	color:#C0320C;
	text-decoration:none;
	} 
	
 /* selected link */
a:active {
	color:#BCBB2B;
	} 
	

img{
	border:none;
	}

ul{
	margin:0;
	margin-left:20px;
	padding:0;
	}
	
blockquote {
	
	}	
	
/**  MISC IDS and Classes - usually site specific **/	
	
.Home #newsrow_1{
	position:absolute;
	top:20px;
	left:690px;
	width:230px;
	border:none;
	margin:0;
	padding:0;
	color:#FFFFFF;
	
		}
		
#quote{
	display:none;
	}		
		
.Home #quote{
	position:absolute;
	top:20px;
	left:688px;
	width:230px;
	border:none;
	margin:0;
	padding:0;
	color:#FFFFFF;
		display:block;	
	
		}		
		
.Home #newsrow_1 .headline{
	color:#FFFFFF;
	line-height:normal;
}		
	
.small{
	font-size:80%;
	}	
	
.tablestyle td{
	text-align:center;
	border:#dfdfdf 1px solid;
	padding:10px;
	}
	
.tablestyle td.alignleft{
 text-align:left;
 }	


/** news core **/


#image{ /* this is the main image on a page */
	width:380px;
	padding:4px;
	border:#dfdfdf 1px solid;
	margin-bottom:10px;
	margin-left:10px;
	}


/* why is this twice? */
.date, .date{
display:none;
}



.headline{
	margin: 5px 0px 5px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #4F4F4F;
	letter-spacing: -1px;
	font-size: 20px;
}



.headline a{
color:#000000;
}



#caption{
/*background-color:#cccccc;*/
color:#000;
text-align:center;
padding:5px;
}



/** News Layout 1 **/



.news_layout1 .news_row{
width:315px;
background-color:#cccccc;
float:left;
/*margin:3px;*/
}



.news_layout1 .newsimage{
float:left;
width:150px;
}

.contact_layout1 #image{
float:right;
width:253px;
}


.news_layout1 h1{
	clear:left;
	}



/** News Layout 2 **/

.news_layout2 #newsarticles{
clear:both;
text-align:center;
}

.news_layout2 .news_row{
width:300px;
float:left;


}



.news_layout2 .newsimage{
width:290px;
padding:0px;
border:#836331 0px solid;
margin:5px;

}

.news_layout2 .newsimage img{
	width:290px;
	}

.news_layout2 #image{

}



/* If the image is to sit above the article */
.news_layout2 .headline{
clear:left;
} 


/** News Layout 2 with banner **/ /* the page name is put in to force the page to pick up the non default style */

.PAGENAME #image{
position:absolute;
top:150px;
left:335px;
}



.PAGENAME h1{
padding-top:120px;
}



/** News Layout 3 - DEFAULT **/


.news_layout3  #newsarticles { /* not sure why this is floated left when they are actually on the iright!*/
float:left;
width:240px;
margin-left:50px;
/* right margin will happen by default */
}


/* Added the following to float the image left */
.news_layout3 .newsimage{
	float:left;
	margin-right:5px;

}

.news_layout3 #content{
float:left;
width:650px;
}



.news_layout3 .news_row{
margin-bottom:35px;

}



/** News Layout 3 floating on the left - add the page name in the first class - or change the default if the same layout will be used throughout the site **/

.pagename #newsarticles {
float:right;
width:225px;
margin-right:10px;
margin-left:0px; /* This cancels the above - default- left margin */
}



.pagename #content{
float:right;
width:400px;
}



/** News Layout 3 main image as column on the left**/
/*need to look at this layout!!!!*/

.pagename #image{
position:absolute;
left:175px;
width:148px;
}



.pagename #content{
padding-left:158px;
width:465px;
}



/** News Layout 5 **/

.news_layout5 .news_row{
width:800px;
background-color:#cccccc;
float:left;
margin:3px;
}



.news_layout5 .newsimage{
float:left;
width:180px;
}



.news_layout5 #image{
float:left;
}



.news_layout5 #newsarticles{
clear:both;
}



/** contact **/

.contactmessage{
width:400px;
float:left;
}

#contactfrm{
	width:450px;
	float:right;
	}


label{
    width: 120px;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block;/* had missing colon */
}



input{
    width:300px;
}



textarea{
    width:300px;
    height:200px;
}



.submit{
    border:solid 1px #ffffff;
    text-align:center;
    float:left;
    width:50px;
}



#submit {
    padding-left:365px;
}





/** Gallery core **/


.image_row{
width:300px;
float:left;
/*margin: 10px 40px;*/

}

.imageimage{
	padding:5px;
	text-align:center;
	}
	
.imageimage img{
width:290px;
}	


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}



#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}





#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}



#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}



/** Gallery layout3 **/

#gallery_main{
float:left;
width:360px;
}

.gallery_layout3 .imageimage img{
width:120px;
}



.gallery_layout3 .imageimage{
width:126px;
background-color:#cccccc;
float:left;
margin:3px;
}


/* I have added this as it wasnt clearing properly */
.clear{
	clear:left;
	}
	
	
/* The title of gallery images */
.imagealt{	
margin:5px;
text-align:center;
background-color:#ebebeb;

}

/* The description text */
.imagecaption{	
padding:5px;
}