/******     CSS design by   :   ben@bedbreakfastmarlow.co.uk   :   http://www.bedbreakfastmarlow.co.uk/Website-Design.htm     ******/

html {
 height: 100%; margin-bottom: 1px;
}

body {
	margin:10px;
	padding:0;
	background-color:#E1D8BF;
}

.bcontainer{
	padding:10px;
	margin-left:215px;
	background-color:#f0e7d7;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style:solid; 
	border-width:1px;
}

.bcontent, .fcontent{
	padding:0px 20px 20px 20px;
	margin-top:10px;
	background-color:#FDF7D1;
	font-family:Tempus Sans ITC;
	color:#0E265D;
	font-weight:600;
	font-size:20px;
	text-align:justify;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style:solid; 
	border-width:1px;
}

.bbname{

}

h1{
	font-size:18px;
	text-align:left;
	padding-top:10px;
	padding-right:180px;
	margin:0px;
	font-family:Tempus Sans ITC;
	color:#3A5A86;

}

.pagetitle, .fpagetitle{


}

h2{
	padding-right:210px;
	font-size:16px;
	text-align:left;
	margin:7px 0 4px 0;
	font-family:Tempus Sans ITC;
	color:#3A5A86;
}

h3{
	padding-right:210px;
	font-size:16px;
	text-align:left;
	margin:7px 0 4px 0;
	font-family:Tempus Sans ITC;
	color:#3A5A86;
}

h4{	
	text-align:left;
	color:#0E265D;
	font-size:22px;
	margin-bottom:5px;
	font-family:Tempus Sans ITC;
}

.titlebar{
	padding:10px 0px 19px 19px;
	text-align:center;
	background-color:#f7f2ea;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style:solid; 
	border-width:1px;
	background-image:url(Photos/Pond-Cottage-logo.JPG);
	background-repeat:no-repeat;
	background-position:right;
}

.xtitlebar{
	padding:10px 0px 19px 19px;
	text-align:center;
	background-color:#f7f2ea;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style:solid; 
	border-width:1px;
}

.xtitlebar h1{
	font-size:18px;
	text-align:center;
	padding-right:0px;
	background-position:top;
}

.xtitlebar h2{
	font-size:18px;
	text-align:center;
	padding-right:0px;
}

.xtitlebar h3{
	font-size:18px;
	text-align:center;
	padding-right:0px;
}

.contact{	
	text-transform:capitalize;
	color:#0E265D;
	text-align:center;
	margin-top:10px;
	margin-left:1px;
}

/********************************************************************navigation**************************************************/

div.nlinks { position: absolute; left: 10px; top: 10px; } /*ie fixed position hack*/

.bcontainer>div.nlinks{ 
	position:fixed;
	top:10px;
}

.nlinks{
	font-size:14px;	
	font-family:arial;
	text-transform: lowercase;
	width:183px;
	background-color:#f0e7d7;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style:solid; 
	border-width:1px;
	min-height:392px;
	height:392px;
	padding:10px;
}

div.hlinks { position: absolute; left: 11px; top: 210px;} /*ie fixed position hack*/

.bcontainer>div.hlinks{
	position:fixed;
	top:200px;
}

.hlinks{
	font-family:arial;
	font-size:14px;	

	width:182px;
	padding:10px;
}

div.glinks { position: absolute; left: 11px; top: 10px; } /*ie fixed position hack*/

.bcontainer>div.glinks{
	position:fixed;
	top:10px;
}

.glinks{
	font-family:arial;
	font-size:14px;	
	text-transform:lowercase;
	width:182px;
	padding:10px;
	z-index:2;
}


.nlinks li, .glinks li{
	list-style-type:none;
	display: inline;
}

.nlinks ul, .glinks ul{
	padding:0px;
	margin:0px;
}

.nlinks span.nav{
	background-image:url(assets/Linkcurrent.gif);
	background-repeat:no-repeat;
	display:block; 
	width:150px;
	color: #0E265D;
	background-color: #f0e7d7;
	border-style:solid;
	border-width:1px;
	border-color: #ffe #aaab9c #ccc #fff;
	padding:4px 0px 4px 30px;
	float:left;
	font-family:Trebuchet MS;
}

.nlinks li a:visited, .nlinks li a:link{
	background-image:url(assets/Link.gif);
	background-repeat:no-repeat;
	display:block;
	width:150px;
	color:#0E265D;
	background-color:#f7f2ea;
	border-style:solid; 
	border-width:1px;
	border-color: #ffe #aaab9c #ccc #fff;
	padding:4px 0px 4px 30px;
	float:left;
	font-family:Trebuchet MS;
}

.nlinks li a:hover{
	background-image:url(assets/Linkhover2.gif);
	background-repeat:no-repeat;
	display:block; 
	width:150px;
	color: #0E265D;
	background-color: #f0e7d7;
	border-style:solid; 
	border-width:1px;
	border-color:#aaab9c #fff #fff #ccc;
	padding:4px 0px 4px 30px;
	float:left;
}

.glinks span.nav{
	background-image:url(assets/FLinkcurrent.gif);
	background-repeat:no-repeat;
	display:block; 
	width:150px;
	color: #0E265D;
	background-color: #f0e7d7;
	border-style:solid;
	border-width:1px;
	border-color: #ffe #aaab9c #ccc #fff;
	padding:4px 0px 4px 30px;
	font-family:Trebuchet MS;
}

.glinks li a:visited, .glinks li a:link{
	background-image:url(assets/FLink.gif);
	background-repeat:no-repeat;
	display:block;
	width:150px;
	color:#0E265D;
	background-color:#f7f2ea;
	border-style:solid; 
	border-width:1px;
	border-color: #ffe #aaab9c #ccc #fff;
	padding:4px 0px 4px 30px;
	font-family:Trebuchet MS;
}

.glinks li a:hover{
	background-image:url(assets/FLinkhover2.gif);
	background-repeat:no-repeat;
	display:block; 
	width:150px;
	color: #0E265D;
	background-color: #f0e7d7;
	border-style:solid; 
	border-width:1px;
	border-color:#aaab9c #fff #fff #ccc;
	padding:4px 0px 4px 30px;
}

.pond{

}

/************************************************************Directions Buttons********************************************/
.mlinks{
	margin-top:20px;
}

.mlinks a.nav, .mlinks a.nav:link, .mlinks a.nav:visited, .mlinks span.nav{
	display:block;
	width:150px;
	text-align:center;
	color:#5A7AA6;
	background-color:#F7F2EA;
	border-style:solid; 
	border-width:2px;
	border-color: #5A7AA6;
	margin-right:10px;
}

.mlinks a.nav:hover{
	display:block; 
	width:150px;
	text-align:center;
	color: #5A7AA6;
	background-color: #F0E7D7;
	border-style:solid; 
	border-width:2px;
	border-color:#5A7AA6;
	margin-right:10px;
}

/*******************************************************Home page layout*****************************************************/
.overview{

}

.baddress{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:250px;
}

.bbaddress{
	float:left;
	margin:10px 0 0 0;
	text-align:left;
	width:250px;
	padding:0px;
}

.homepic1{
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	width:60%;
	border-style:solid;
	border-width:1px;
	border-color: #ffe #aaab9c #ccc #fff;
}

.homepic2{
	float:right;
	margin-top:10px;
	margin-left:0px;
	width:49%;
	font-family:Trebuchet MS;
}

.tourist{
	float:left;
	margin-top:10px;
	text-align:center;
	width: 15%;
}

.definition{
	font-size:medium;
}

/******************************************************Form Page**************************************************/
.bbform{
	margin:auto;
	width:410px;
	padding:20px;
	background-color:#f0e7d7;
	border-color: #5A7AA6 #2A4A76 #2A4A76 #5A7AA6;
	border-style:solid; 
	border-width:1px;
}

.bbform td{
	text-align:left;
	font-family:Trebuchet MS;
	font-size:16px;
	font-weight:400;
}
/*******************************************************Town Page*************************************************/
.towntxt1{
	display:block;
	width:47%;
}

.towntxt2{
	position:absolute;
	left:385px;
	top:310px;
	width:47%;
}

.townpic1{
	float:right;
	width:47%;
}

.townpic2{
}

/********************************************************Picture formating****************************************/

.leftpic{
	float:left;
	margin-right:20px;
	margin-bottom:5px;
	margin-top:20px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}


.rightpic{
	float:right;
	margin-left:20px;
	margin-bottom:5px;
	margin-top:20px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.photo{
	padding:0;
	margin:0px;
	border-style:solid;
	border-width:1px;
	border-color: #ffe #aaab9c #ccc #fff;
}

.pond img{
	border-style:none;
	width:100%;
	padding:0px;
	margin:0px;
	display:block;
}

/*******************************************************Text formating*********************************************/

a:link { 
	font-family:Tempus Sans ITC;
	text-decoration: none; 
	color: rgb(72, 83,186);
	}
	
a:visited {
	font-family:Tempus Sans ITC;
	text-decoration: none; 
	color:rgb(92, 103,206);
	}
	
a:hover, a:active { 
	font-family:Tempus Sans ITC;
	text-decoration: none; 
	color:#FF0000;
}	

em{

}

li{
	color:#1E366D;
}

ul{
	text-align:left;
}

p{
}

.left{
	float:left;
	width:48%;
}

.right{
	float:right;
	width:48%;
}

.left40{
	float:left;
	width:38%;
}

.right60{
	float:right;
	width:51%;
	margin-top:10px;
}

.split{
	width:100%;
}

.photo1{
	padding:0;
	margin:20px 0 0 0;
	width:100%;
	border-color: #9ABAE6 #5A7AA6 #5A7AA6 #9ABAE6;
	border-style:solid; 
	border-width:1px;
}

.info{
	position:absolute;
	right:20px;
	width:35%;
	padding:0px;
	margin:0px;
}

.bmap{

}

.towntxt{
	text-align:justify;
	max-width: 45%;
}

.townlinks{
	text-align:center;
	margin-top:16px;
}

.towntitle{
	text-align:center;
	font-size:30px;
	font-family:Bodoni;
	font-style:italic;
}

.details{
	width:60%;
	text-align:justify;
	margin-left:20%;
	font-family:Trebuchet MS;
}

.breakfast{
	float:right;
	width:40%;
}

.mindiv{
	clear:both;
}

.eggs{
	position:absolute;
	top:40px;
	right:40px;
	width:40%
}

.graphic img{
	width:auto;
}

.design{
	text-align:right;
}

.design a{
	font-size:12px;
	font-family:Arial;
	text-decoration:underline;
}

.design a:hover{
	font-size:12px;
	font-family:Arial;
	text-decoration:underline;
}

.design a:visited{
	font-size:12px;
	font-family:Arial;
	text-decoration:underline;
}

/******     CSS design by   :   ben@bedbreakfastmarlow.co.uk   :   http://www.bedbreakfastmarlow.co.uk/Website-Design.htm     ******/