/* Blythswood Self Catering Website CSS*/




/*Site Body -------------------------------------------------------------------------------*/

body /*Page colour*/
{
	margin: 0px;
	padding: 0px;
	background-color: #EAE8DB;
}
p /*Body text paragraph formatting*/
{
	margin: 0px; 
	padding-bottom:10px;
}
#container
{
	position: relative;
	display: block;
	width: 800px;
	margin: 0px auto 0 auto;
	border: 1px solid #000000;
}
#contentzone
{
	position: relative;
	float:right;
	margin:0px;
	padding: 0px;
	width: 800px;
	background-color: #DEDAC5;
}	






/*Header -------------------------------------------------------------------------------*/
#header 
{
	margin: 0px;
	padding:0px;
	width: 800px;
	height: 171px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}
#photobar
{
	margin: 0px;
	padding:0px;
	width: 800px;
	height: 118px;
	background-repeat: no-repeat;
	background-image: url(../images/photobar.jpg);
}







/*Navigation -------------------------------------------------------------------------------*/
#navigation
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 800px;
	height: 25px;
	position:relative;
	text-decoration: none;
	background-repeat: no-repeat;
	float:left;
	clear:both;
	text-decoration: none;
	list-style-image: none;
	background-image: url(../images/nav.jpg);

}
#navigation ul
{
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 5px;	
	
	}
#navigation li
{
	margin:0px;
	padding: 20px 0px 0px 37px;
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;	
	display: inline;
}
#navigation a 
{
	padding-top: 2px;
	padding-bottom:5px;
	margin: 0px;
	text-decoration: none;
	list-style-type: none;
		
}
#navigation a:link, #navigation a:visited /*Text Colour of Navigation Bar*/
	{
		color: #D9A659;
		font: normal 11px Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
	}
	#navigation a:hover /*Text Hover of Navigation Bar*/ 
	{
		color: #966902;
		font: normal 11px Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
	}
	#overlink a:link, #overlink a:visited, #overlink a:hover  /*Text Hover of Navigation Bar*/
	{
		color: #966902;
	}
	
	
	
	
	
/*Main Left Text Space ------------------------------------------------------------------------*/	
#leftmaincontent
{
	width: 450px;
	float: left;
	clear:both;
	padding: 15px 0px 0px 10px;
	margin: 0px 5px 0px 0px;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 21px;
}
#leftmaincontent ul
{
	width: 275px;
	padding: 0px 0px 0px 28px;
	color: #000000;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
}
#leftmaincontent a:link, #leftmaincontent a:visited 
{
	color: #806D6C;
	text-decoration: underline;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
}
#leftmaincontent a:hover
{
	color: #806D6C;
	text-decoration: none;
}







/*Main Right Text Space ------------------------------------------------------------------------*/	
#rightmaincontent 
{
	width: 470px;
	margin: 0px 0px 0px 0px;
	padding: 20px 12px 0px 0px;
	color: #333; 
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	float: right; 
	clear:right;
	line-height: 21px;
}
#rightmaincontent ul
{
	width: 275px;
	padding: 0px 0px 0px 28px;
	color: #000000;
	font: normal 12px Georgia, "Times New Roman", Times, serif;	
}
#rightmaincontent a:link, #rightmaincontent a:visited 
{
	color: #806D6C;
	text-decoration: underline;
	font: normal 12px Georgia, "Times New Roman", Times, serif;;
}
#rightmaincontent a:hover
{
	color: #806D6C;
	text-decoration: none;
}






/*Subpage Text Space ------------------------------------------------------------------------*/	
#subcontent 
{
	width: 470px;
	float: left;
	clear:both;
	padding: 15px 0px 0px 10px;
	margin: 0px 5px 0px 0px;
	color: #573835;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
#subcontent ul
{
	width: 275px;
	padding: 0px 0px 0px 28px;
	color: #000000;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
}
#subcontent a:link, #subcontent a:visited 
{
	color: #4E2E1B;
	text-decoration: underline;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
}
#subcontent a:hover
{
	color: #8E5928;
	text-decoration: none;
}






/*No Picture Content ------------------------------------------------------------------------*/	
#plaincontent 
{
	width: 790px;
	clear:both;
	padding: 15px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	color: #573835;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 21px;
}
#plaincontent ul
{
	width: 700px;
	padding: 0px 0px 0px 10px;
	color: #000000;
	font: normal 12px Georgia, "Times New Roman", Times, serif;	
}
#plaincontent a:link, #plaincontent a:visited 
{
	color: #4E2E1B;
	text-decoration: underline;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
}
#plaincontent a:hover
{
	color: #8E5928;
	text-decoration: none;
}



#flashgallery 
{
	width: 790px;
	height: 700px;
	clear:both;
	padding: 15px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	color: #573835;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}
#flashgallery ul
{
	width: 275px;
	padding: 0px 0px 0px 28px;
	color: #000000;
	font: normal 12px Georgia, "Times New Roman", Times, serif;	
}
#flashgallery a:link, #flashgallery a:visited 
{
	color: #4E2E1B;
	text-decoration: underline;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
}
#flashgallery a:hover
{
	color: #8E5928;
	text-decoration: none;
}

/*Headers ------------------------------------------------------------------------*/	
h1 
{
	color: #4E2E1B; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px; 
	font-weight: Bold; 
	padding: 0px 0px 0px 0px;/* Change for position of header */
	margin: 0px;

}
h2 
{
	color: #B97434; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px; 
	font-weight: Bold; 
	padding: 7px 0px 15px 0px;
	margin: 0px;
}
h3 
{
	color: #4E2E1B;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: Bold; 
	padding: 4px 0px 5px 0px; 
	margin: 0px;
}
h4
{
	color: #B97434;  
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px; 
	font-weight: Bold; 
	padding-bottom: 10px; 
	margin: 0px;
}







/*Picture Space for all 3 zones ------------------------------------------------------------------*/	
#rightpicturezone
{
	width: 320px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #333; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px; 
	font-weight: normal;
	float: right; 
	clear:right;
}
#leftpicturezone 
{
	width: 300px;
	float: left;
	clear:both;
	padding: 10px 0px 0px 10px;
	margin: 0px 5px 0px 0px;
	color: #573835;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}
#subpicturezone 
{
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 0px;
	color: #333; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px; 
	font-weight: normal;
	float: right; 
	clear:right;
}



.image1 /* Image Border*/
{
	margin: 15px 0px 20px 13px;
	border-top: 1px solid #D08238;
	border-right: 1px solid #D08238;
	border-bottom: 1px solid #D08238;
	border-left: 1px solid #D08238;
}







/*Footer ------------------------------------------------------------------------*/	
#footer 
{
	position: relative;
	clear: both;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	height: 122px;
	width: 800px;
	text-align: right;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
}
#footertext, #footertext a:link, #footertext a:visited
{
	padding: 45px 5px 0px 0px;
	color: #B97434;
	text-decoration: none;
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 2px;
	line-height: 21px;
}
#footertext a:hover
{
	text-decoration: underline;
}










/*Contact Form Styles ------------------------------------------------------------------------*/	
TABLE.tbl
{
	border: 1px solid #336699; 
	border-collapse: collapse;
	margin-bottom: 25px;
	width: 100%;
}
TR.tblr
{
	font-weight: bold; 
	color: #fff; 
	font-size: 13px; 
	background: #336699; 
	padding: 4px; 
}
TR.tblh
{
	margin: 0px; 
}
TD.tblh
{
	font-weight: bold; 
	color: #336699; 
	padding: 4px; 
}
TD.tblmh
{
	padding: 4px;
}
TD.tbld
{
	padding: 4px; 
	
}
TD.content
{
	vertical-align: text-top;
	padding: 4px; 
}
INPUT
{
	color: #000;
	border: 1px solid #000;
	background: #FFFFFF;
	font: normal 11px Arial, Helvetica, sans-serif;
}
TEXTAREA
{
	color: #000;
	border: 1px solid #000;
	background: #FFFFFF;
	font: normal 11px Arial, Helvetica, sans-serif;
}
SUBMIT
{
	color: #000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal; 
	background: #f0f0f0; 
	border: 1px solid #336699; 
}



/* Menu Pop Up*/

#pop{
	width: 600px;
	float: left;
	margin: 0px 30px 0px 30px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #ffffff;
	padding: 10px 0px 0px 10px;
	text-align: left;
}



/*******************************************************************************/

#galleriestext
{
	position: absolute;
	left: 82px;
	top: 793px;
	width: 173px;
	height: 119px;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	color: #DEDAC5;
}
#galleriestext a:link, #galleriestext a:visited {
	color: #DEDAC5;
	text-decoration: underline;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
}
#galleriestext a:hover
{
	color: #B97434;
	text-decoration: none;
}





#iframe
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 80px;
}


/*******************************************************************/

#gallposition
{
	position: absolute;
	left: 107px;
	top: 148px;
}



#backbutton
{
	position: absolute;
	left: 146px;
	top: 760px;
	width: 87px;
	height: 16px;
}

#booknow
{
	position: absolute;
	left: 35px;
	top: 456px;
	width: 222px;
	height: 60px;

}