/*******************     CSS design by   :   ben@site-designers.co.uk   :   http://www.site-designers.co.uk     *******************/

h1{color:#FFFFFF;}
h2{color:#126479;}
.content{color:#57393B;}
.photo{border:2px solid #126479;}
body {background-color:#008AB8;}
.container{background-color:#FFF; border-left:2px solid #126479; border-top:2px solid #126479;}
.nlinks li a:visited, .nlinks li a:link, .nlinks span.nav{border-color:#0E4E7A; background-color:#a3d6f9; color:#60413C;}
.nlinks li a:hover{border-color:#FFF; background-color:#FFF;}

/*************************************************************** Main Layout ************************************************/

html {
	height: 100%;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

body {
	padding:0px;
	margin:0px;
}

.container{
	margin-left:220px;
	margin-top:160px;

}

.content{
	margin:0px 0px 0px 0px;
	padding:20px 20px 0px 20px;
	text-align:justify;
}

.contact{
	position:absolute;
	top:440px;
	left:45px;
	color:#FFFFFF;
	text-align:center;
}

.overview{
	min-height:500px;
}

* html .overview{
	height:500px;
}

/***************************************************************** Masthead ******************************************************/

.bbname{
	margin-left:auto;
	margin-right:auto;
}

h1{
	font-size:20px;
	position:absolute;
	top:2px;
	padding:0px;
	margin-top:125px;
	margin-left:190px;
	text-align:right;
	left:171px;
}

.pagetitle, .fpagetitle{

}

h2{
	font-size:20px;
	margin:10px 0 0 20px;
}

.titlebar{
	
}

.logo{
	position:absolute;
	left:16px;
	top:10px;
}

.masthead{
	position:absolute;
	top:5px;
	left:260px;
	padding-bottom:0px;
}

/**************************************************************** Navigation bar *************************************/

.nlinks{
	position:absolute;
	top:160px;
	left:15px;
	width:80px;
	padding:20px;
	font-size:14px;	
	padding:0px;
}

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

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

.nlinks span.nav{
	display:block; 
	width:150px;
	border:2px solid #126479;
	padding:3px 0px 3px 30px;
	float:left;
	margin:1px;
	font-size:16px;
}

.nlinks li a:visited, .nlinks li a:link{
	display:block;
	width:150px;
	border:2px solid #126479;
	padding:3px 0px 3px 30px;
	float:left;
	margin:1px;
	text-decoration:none;
	background-image:url(assets/back.png);
	color:#126479;
	font-size:16px;
	font-weight:500;
}

.nlinks li a:hover{
	display:block; 
	width:150px;
	border:2px solid #126479;
	padding:3px 0px 3px 30px;
	float:left;
	margin:1px;
	background-image:url(assets/back1.png);
}

/************************************************************ Directions Buttons ********************************************/
.mlinks{
	position:absolute;
	width:400px;
	left:50%;
	margin-left:-100px;
	top:250px;

}

.mlinks a.nav, .mlinks a.nav:link, .mlinks a.nav:visited, .mlinks span.nav{

}

.mlinks a.nav:hover{

}

/************************************************************** Photos ******************************************************/

.rightpic{
	float:right;
	margin:0 0 20px 30px;
	font-size:14px;
	color:#126479;
	text-align:center;
}

.leftpic{
	float:left;
	margin:0 30px 0 0;
	font-size:14px;
	color:#126479;
	text-align:center;
}

/******************************************************* Home page layout *****************************************************/

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

.tourist{
	position:absolute;
	top:450px;
	left:10px;
	width:150px;
	text-align:center;
}

/******************************************************* Bedrooms **************************************************/
.left{
	float:left;
	width:48%;
}

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

.photo1{
	padding:0;
	margin:0px;
	width:100%;
	border:3px solid #DC4A28;
}

/****************************************************** Contact Page **************************************************/

.bbform{
	float:left;
	width:385px;
	padding:20px;
	border:1px solid #000;
	background-color:#FFFCD5;
}

.bbform td{
	text-align:left;
	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:underline;
	color:#126479;
}
	
a:visited {
	text-decoration:underline; 
	color:#126479;
}
	
a:hover, a:active { 
	text-decoration:underline; 
	color:#EE3523;
}	

h3{	
	text-align:left;
	font-size:16px;
}

em{
	color:red;
}

li{
}

ul{
	text-align:left;
}

p{
}


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

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

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

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

.split{
	width:100%;
}

.contacttable{
	text-align:justify;
	display:inline;
}

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

.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-style:italic;
}

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

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

.mindiv{
	clear:both;
}

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

.graphic img{
	width:auto;
}

.associates{

}

img{
	border-style:none;
}

.design{
	position:absolute;
	right:10px;
}

/*******************     CSS design by   :   ben@site-designers.co.uk   :   http://www.site-designers.co.uk     *******************/