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

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

body {
	padding:0;
	margin:0px;
	background-color:#91ACC7;
	font-family:"Bradley hand ITC", Arial, Helvetica, sans-serif;
	color:#3E5482;
	text-align:justify;
}

.bcontainer{
}

.bcontent, .fcontent{
	background-color:#F5F5BF;
	margin-left:170px;
	padding:20px 20px 20px 20px;
	border-left:1px solid #4E6492;
	border-top:1px solid #4E6492;
	border-bottom:1px solid #4E6492;
	min-height:420px;
	font-size:18px;

}

/******************************************************** Title Bar ***********************************************************/

.bbname{
	width:900px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	padding-left:150px;
	
}

h1{
	color:#3D4E71;
	font-size:22px;
	margin:0px;
}

.pagetitle, .fpagetitle{
	position:absolute;
	left:190px;
	top:140px;
}

h2{
	color:#3D4E71;
	font-size:20px;
	margin:3px 0 7px 0;
}

.titlebar{
	padding-left:20px;
	margin-bottom:23px;
}

.logo{
	border:1px solid #4E6492;
	position:absolute;
	left:10px;
	top:10px;
}

.trademark{
	margin-left:auto;
	margin-right:auto;
	margin-top:18px;
	padding-left:120px;

}
/****************************************************************navigation bar*************************************/

.nlinks{
	position:absolute;
	top:125px;
	left:0px;
	width:150px;
	font-size:14px;	
	padding:0px;
}

.nlinks li{
	list-style-type:none;
}

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

.nlinks span.nav{
	text-align:center;
	display:block;
	width:150px;
	color: #F0EB9E;
	padding:3px 0px 3px 0px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:16px;
	border:1px solid #4E6492;
	margin:10px;
	background-image:url(Assets/button-span9.gif);
}

.nlinks li a:visited, .nlinks li a:link{
	text-align:center;
	display:block;
	width:150px;
	color:#0E265D;
	padding:5px 0px 5px 0px;
	font-family:Trebuchet MS;
	font-size:14px;
	border:1px solid #4E6492;
	margin:10px;
	background-image:url(Assets/button2.gif);
}

.nlinks li a:hover{
	text-align:center;
	display:block; 
	width:150px;
	color: #0E265D;
	padding:5px 0px 5px 0px;
	background-image:url(Assets/button-hover.gif);
}

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

.mlinks a.nav, .mlinks a.nav:link, .mlinks a.nav:visited, .mlinks span.nav{
	width:140px;
	margin-right:10px;
	float:left;
	border:1px solid #4E6492;
	text-align:center;
	color:#0E265D;
	background-image:url(Assets/button2.gif);
}

.mlinks a.nav:hover{
	background-image:url(Assets/button-hover.gif);
}

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

}

.bbaddress{
	float:left;
	margin:10px 20px 0 0;
	text-align:left;
	font-family:Trebuchet MS;
	width:250px;
}

.homepic1{
	float:right;
	margin:10px 0 10px 30px;
	width:50%;
	border:1px solid #4E6492;
}

.homepic2{
	float:right;
	margin:10px 0 10px 30px;
	width:40%;
	border:1px solid #4E6492;
}

.homepic3{
	float:right;
	margin:10px 0 10px 0px;
	width:52%;
	border:1px solid #4E6492;
}

.homepic3 img{
	width:100%;
}

.tourist{
	position:absolute;
	top:530px;
	left:10px;
	width:150px;
	text-align:center;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

.tourist img{
	margin-left:auto;
	margin-right:auto;
}

/******************************************************Form Page**************************************************/
.bbform{
	margin:auto;
	width:390px;
	padding:20px;
	background-color:#B1CCE7;
	border:1px solid #4E6492;
	color:#3D4E71;
}

.bbform td{
	text-align:left;
	font-family:Trebuchet MS;
	font-size:16px;
}

/*******************************************************Town Page*************************************************/
.towntxt1{
	display:block;
	width:47%;
}

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

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

.townpic2{
}


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

a:link { 
	text-decoration: none; 
	color:blue;
	}
	
a:visited {
	text-decoration: none; 
	color:blue;
	}
	
a:hover, a:active { 
	text-decoration: none; 
	color:red;
}	

h3{	
	text-align:left;
	color:#1E366D;
	font-size:16px;
	font-family:arial;
}

em{
	font-family:Trebuchet MS;
	color:red;
}

li{
	color:#1E366D;
}

ul{
	text-align:left;
}

p{
}

img{
	border-style:none;
	padding:0px;
	margin:0px;
	display:block;
}

.left{
	float:left;
	width:48%;
	margin-top:10px;
}

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

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

.right60{
	float:right;
	width:58%;
}

.split{
	width:100%;
}

.photo1{
	padding:0;
	margin:0 0 20px 0;
	width:100%;
	border:1px solid #4E6492;
}

.photo-r{
	border:1px solid #4E6492;
	float:right;
	margin-left:20px;
}

.photo-l{
	border:1px solid #4E6492;
	float:left;
	margin-right:20px;
}

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

.photo{
	border:1px solid #4E6492;
}

.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;
	
}

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