#container {
	width: 916px;
	margin: 0 auto;
}
#introduction {
	overflow: hidden;
	width: 900px;
	font-size: 1.8em;
	color: #fff;
	font-style: italic;
	padding: 10px 8px 2px;
}
	#introduction .title {
		float: left;	
	}
	#introduction .phone {
		float: right;	
	}
#page-container {
	background: url(../images/background-page-container.gif) repeat-y #fff;
	color: #333;
	width: 916px;
}
	#container-top {
		background: url(../images/background-top.gif) no-repeat;
		width: 916px;
		height: 18px;
	}
	#container-bottom {
		background: url(../images/background-bottom.gif) no-repeat;
		width: 916px;
		height: 18px;
	}
#header {
	margin: 0 0 0 18px;
	background: url(../images/graphic-header.jpg) no-repeat #333;
	width: 880px;
	height: 190px;
	color: #fff;
}
	#header #contact-details {
		padding: 10px 0 0 15px;
		font-size: 1.8em;
		font-weight: bold;
		font-style: italic;
	}
		#header #contact-details address {
			margin: 0 0 10px;	
		}
#navigation {
	background: #69c;
	margin: 3px 18px 0;
	padding: 10px 0 10px 15px;
	list-style: none;
	font-weight: bold;
	width: 865px;
	overflow: hidden;
	font-size: 1.2em;
}
	#navigation li {
		float: left;
		margin: 0 35px 0 0;
	}
		#navigation li a {
			color: #fff;
			text-decoration: none;
		}
		#navigation li a:hover, #navigation li.current a {
			color: #285180;	
		}
#content {
	width: 880px;
	margin: 0 18px;
	overflow: hidden;
}
	#content #main-content {
		float: left;
		width: 484px;
		padding: 20px 20px 10px 20px;
	}
	.home #content #main-content {
		width: 404px;	
	}
		#content .btn-book {
			margin: 15px 0 0;	
		}
	#content #sub-content {
		float: right;
		width: 336px;
		padding: 20px 0;
	}
	.home #content #sub-content	{
		width: 420px;	
	}
		#content #sub-content h2 {
			margin: 0 0 10px 10px;	
		}
		#content #sub-content ul, .gallery #gallery {
			overflow: hidden;
			width: 100%;
			list-style: none;
			margin: 0 0 20px;
		}
			#content #sub-content ul li, .gallery #gallery li {
				float: left;
				width: 158px;
				margin: 0 0 10px 10px;
				display: inline;
			}
			.home #content #sub-content ul li	{
				width: 200px;	
			}
			.gallery #gallery li {
				margin: 0 10px 10px 0;	
			}
#footer {
	overflow: hidden;
	width: 900px;
	font-size: 1.2em;
	color: #fff;
	font-style: italic;
	padding: 10px 8px 10px;
}
	#footer #copyright {
		float: left;	
	}
	#footer #company-details {
		float: right;
		text-align: right;
	}
	#footer ul { float: right; clear: both; margin: 5px 0; list-style: none; }
	#footer li { float: left; margin: 0 0 0 15px; }
	#footer a { color: #ccc; }
	#footer a:hover { color: #fff; }
.gallery #content #main-content {
		float: none;
		width: auto;
		padding: 20px 20px 10px 20px;
	}
.gallery #content #sub-content {
	display: none;
}


.form-item { margin: 7px 0; overflow: hidden; width: 100%; }
input { width: 150px; }
select { width: auto; }
label { width: 160px; float: left; }
.buttons input { width: auto; margin: 0 0 0 160px; font-size: 1.4em; padding: 3px 5px; }
.intro { margin: 10px 0 20px; width: auto; border-bottom: 1px solid #ccc; font-weight: bold; padding: 0 0 20px; }

.label { float: left; width: 160px; font: 1.2em/1.4 arial, verdana, helvetica, sans-serif }
.input { font: 1.2em/1.4 arial, verdana, helvetica, sans-serif }
.terms { padding: 15px 0; margin: 15px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.terms h2 { margin: 0 0 0.5em; font-size: 1.2em; }
.terms ul { list-style: none; font: 1em/1.4 arial, verdana, helvetica, sans-serif; }
.terms li { margin: 0 0 0.5em; }


#accommodation-content p { margin: 0 0 1em 270px; }
#accommodation-content h3 { margin: 0 0 0.2em 270px; }
.accommodation-image { float: left; clear: both; margin: 0 0 20px; }

#accommodation-content .room-container { overflow: hidden; width: 100%; }

#booking-request-container { margin: 0 0 0 10px; }
.home #booking-request-container { text-align: center; background: #eee; border: 1px solid #ccc; padding: 20px 0; }

.terms-and-conditions #main-content ul { font: 1.2em/1.4 arial, verdana, helvetica, sans-serif; margin: 0 0 1em; list-style: none; }
.terms-and-conditions #main-content ul li { margin: 0 0 0.8em; }

.page-footer				{ overflow: hidden; clear: both; border-top: 1px solid #ccc; padding: 20px 0 20px; margin: 20px 0 0 20px;   }
.page-footer .blockquote	{ background: #285180; padding: 8px 10px; float: left; width: 384px; min-height: 115px; }
.page-footer blockquote		{ background: url(../images/quotes-open.png) no-repeat top left; padding: 0 0 0 25px; }
.page-footer blockquote p	{ background: url(../images/quotes-close.png) no-repeat bottom right; padding: 0 30px 0 0; margin: 0 0 5px; color: #fff; font-weight: bold; font-size: 1.1em; line-height: 1.2; }

.page-footer .premier-cottages	{ float: left; width: 200px; margin: 0 0 0 45px; } 
.page-footer .enjoy-england		{ float: right; width: 200px; } 
