/* @override 
	http://llanyravoncourt.co.uk/style.css
 */

body {
	background-color: #EEEEEE;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #023632;
}

a, img {
	border: none;
}

#container {
	position: absolute;
	top: 50%;
	margin-top: -277px;
	height:  550px;
	width: 850px;
	margin-left: -427px;
	left: 50%;
	border: 4px solid white;
	z-index: -100;
}
#header {
	height: 120px;
	background-image: url(images/header.png);
	width: 100%;
}

#menu {
	position: absolute;
	margin-left: 230px;
	top: 30px;
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu ul li {
	display: inline;
	margin: 0;
	margin-right: 2px;
	padding: 0;
	line-height: 3em;
}

li #the_home {
	background: url(images/button-the_home.png);
}
li #accommodation {
	background: url(images/button-accommodation.png);
}
li #care {
	background: url(images/button-care.png);
}
li #facilities {
	background: url(images/button-facilities.png);
}
li #photos {
	background: url(images/button-photos.png);
}
li #contact {
	background: url(images/button-contact.png);
}

li a {
	background-position: 0 0;
	font-size: 1.3em;
}
li a:hover {
	background-position: 0 -20px!important;
}

#rightPhotos {
	height: 440px;
	width: 226px;
	z-index: -20;
	position: absolute;
	border-left: 5px solid #438676;
	margin-top: -48px;
	margin-left: 619px;
	background-color: #fff1cc;
}

#content {
	position: absolute;
	height: 376px;
	background: url(images/main_content.jpg) no-repeat;
	padding: 58px 20px 10px 40px;
	margin-top: -48px;
	z-index: -100;
	width: 790px;
	overflow: auto;
}

#content a {
	text-decoration: none;
	color: #805c0f;
}

#content h1 {
	margin-top: 0;
	margin-left: -12px!important;
	margin-bottom: 30px;
}

#content h2 {
	margin-top: 0;
	font-size: 1.2em;
}

#content h3, .h3 {
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 6px;
	font-size: 1em;
	color: #01655d;
	margin-right: 10px;
	font-weight: bold;
}

#content #content_text {
	width: 500px;
}

#content .float_right {
	float: right;
}
#content .photo {
	margin-top: -30px;
}

#content_text p {
	line-height: 1.3em!important;
}



#footer {
	height: 74px;
	background-image: url(images/footer.png);
	position: absolute;
	width: 850px;
	margin-top: 356px;
}


form label {
	display: inline-block;
	width: 70px;
	text-align: left;
	vertical-align: top;
	margin-bottom: 16px;
}

form input, form textarea {
	background-color: #f7f7f7;
	border: 1px solid #a8b4b1;
	padding: 3px;
	margin-right: 16px;
}

form input:hover, form input:focus, form textarea:hover, form textarea:focus {
	background-color: #fff;
	border-color: #438676;
}

form textarea {
	width: 24em;
	height: 6em;
}

form input {
	width: 14em;
}

form #subject {
	width: 24em;
}


form #submit {
	margin-top: 10px;
	margin-left: 70px;
	width: 5em;
	font-size: 0.9em;
}

#contactBox {
	margin-top: -56px;
	float: right;
	width: 360px;
}

a.map {
	display: block;
	width: 156px;
	margin-bottom: 16px;
	text-align: center;
	background-color: #f7f7f7;
}
a.map img {
	width: 150px;
	border: 3px solid #438676;
}

#photosContainer {
	padding-bottom: 30px;
	height: 310px;
	overflow:auto;
}

#photosContainer span {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #eee;
	border: 1px solid #ccc;
	width: 120px;
}