/* 
Copyright 2005 Chatterley Manor. All Rights Reserved. 
Author: Mat Wiseman 
------------------------------------------------------
General Elements
Page Structure
Images
Typography
Links
Navigation
Footer
Forms
------------------------------------------------------ */
/* GENERAL ELEMENTS */
html { 
padding: 0;
margin: 0;
}
body {
font: normal 12px/20px Helvetica, Arial, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
color: #666633;
background: #C2C6A8;
text-align: center;
margin: 0;
padding: 0;
}
/* PAGE STRUCTURE */
#stretch {
background: #D6D7C7 url(images/stretchbg.gif) top left ;
margin: 0;
padding: 0;
height: 110px;
}
#prologue {
width: 770px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#wrap {
width: 100%; 
margin: 0;
padding: 0;
background: #D6D7C7 url(images/bg.gif) top left;
}
#content {
width: 770px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#copy {
width: 570px;
padding: 0;
margin: 0;
float: right;
}
#left {
float: left;
margin: 0 0 0 0;
padding: 0;
width: 190px;
background: #CFD1BD;
}
/* IMAGES */
#home {
width: 570px;
height: 200px;
padding: 0;
margin: 0;
background: url(images/fence.jpg) no-repeat top left;
float: right;
}
#accommodation {
width: 570px;
height: 200px;
padding: 0;
margin: 0;
background: url(images/interior.jpg) no-repeat top left;
float: right;
}
#facilities {
width: 570px;
height: 200px;
padding: 0;
margin: 0;
background: url(images/facilities.jpg) no-repeat top left;
float: right;
}
#garden {
width: 570px;
height: 200px;
padding: 0;
margin: 0;
background: url(images/garden.jpg) no-repeat top left;
float: right;
}
#contact {
width: 570px;
height: 200px;
padding: 0;
margin: 0;
background: url(images/contact.jpg) no-repeat top left;
float: right;
}
.couple {
padding: 3px 0;
display: block;
}
/* TYPOGRAPHY */
p {
margin: 0; 
padding: 8px 15px; 
}
#left p {
font: normal 11px/20px Helvetica, Arial, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}
h1 {
font: bold 14px/22px Helvetica, Arial, Times, "Times New Roman", "Lucida Grande", "Trebuchet MS", serif;
color: #605B00;
border-bottom: 1px solid #CFD1BD;
width: 540px;
padding: 2px 15px; 
letter-spacing: 1px;
text-transform: uppercase;
margin: 0;
}
h2 {
font: normal 12px/20px Helvetica, Arial, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
margin: 0;
padding: 20px 0 0 0;
color: #7F8D3E;
}
em {
background: #EFEFC8; 
font-style: normal; 
}
/* LINKS */
#logo {
width: 200px;
height: 100px;
background: url(images/logo.gif) no-repeat;
float: left;
}
a {
color: #B71D22;
text-decoration: underline;
}
a:hover, a:active {
text-decoration: none
}
a img {
border: none;
}
/* NAVIGATION */
ul#menu {
margin: 0;
padding: 0;
list-style-type: none;
width: 190px;
height: 200px;
float: left;
}
ul#menu a {
font: bold 12px Arial, Times, "Times New Roman", "Lucida Grande", "Trebuchet MS", serif;
display: block;
color: #9DA087;
margin: 0;
text-decoration: none;
height: 16px;
padding: 5px 20px;
letter-spacing: 1px;
text-transform: uppercase;
background: url(images/bullet.gif) top left no-repeat;
border-bottom: 1px solid #CFD1BD;
}
#menu a:hover, #menu li.current a {
color: #605B00;
background: url(images/bulleton.gif) top left no-repeat;
}
/* FOOTER */
#footer {
clear: both;
font: normal 9px/17px Verdana, Helvetica, Arial, sans-serif;
background: url(images/footerbg.gif) bottom left repeat-x;
padding: 40px 0 0 0;
margin: 0;
}
#footer a {
color: #7F8D3E;
}
/* FORMS */
dl {
margin: 0;
padding: 8px 10px; 
font: normal 11px/20px Helvetica, Arial, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}
dd {
margin: 0;
padding: 0;
}
#copy form {
width: 320px;
margin: 0;
padding: 0;
float: left;
}
label { 
width: 100%; 
display: block; 
font: normal 11px/18px Verdana, Helvetica, Arial, sans-serif;
color: #7F8D3E;
}
.inp {
width: 260px;
}
input {
border-style: double;
border-color: #7F8D3E;
border-width: 3px;
background: transparent;
color: #7F8D3E;
}
textarea { 
border-style: double;
border-color: #7F8D3E;
border-width: 3px;
background: transparent;
color: #7F8D3E;
}
.submit {
width: auto;
border: 1px solid #fff;
background: #605B00;
color: #CFD1BD;
text-transform: uppercase;
font: bold 12px Arial, Times, "Times New Roman", "Lucida Grande", "Trebuchet MS", serif;
}