/* CSS Document */
html { font-family:Georgia, "Times New Roman", Times, serif;
	color: #666699;
	width: 100%; height:100%;
	font-size: 10px;
	background: #FFFFFF; }
	
body{ width: 100%; }

input {font-family:Georgia, "Times New Roman", Times, serif; font-size: 100%; color:#666699;}
select {font-family:Georgia, "Times New Roman", Times, serif; font-size: 100%; color:#666699;}

a {color: #666699;}
a:hover {color: #373753;}

h2 span {font-size:70%;}

p {font-size: 130%; line-height: 140%; padding-bottom:10px;}

#main {width: 760px; margin:0px auto; background: #FFFFFF;}

#side {float: left; width: 150px; background: url(../assets/images/wash.jpg) no-repeat top center #FFFFFF; height: 550px; font-style:italic; }
#content {float: right; width: 590px;}

#header {text-align: right; }
#pageContent { width: 580px; margin: 0px 5px 0px 5px; }
#footer {text-align: right; font-size: 120%; }

#side {height:800px;}

#menu {text-align:center; font-size: 200%; height:440px; }
#menu ul {padding: 50px 15px 0px 15px;}
#menu li {margin-bottom: 10px; padding:3px;}

#menu a { color:#373753;}
#menu a:hover { color:#FFFFFF;}

#miniContact {text-align:center; font-size: 180%; color:#373753;}

.strapline {font-size: 180%; text-align:right; font-style:italic; color:#666699; margin-bottom: 20px;}
.title {font-size: 250%; text-align:right; font-style:italic; color:#666699; margin-bottom: 20px;}
.imgRight {float:right;}
.imgLeft {float:left;}
.imgBorder {border:1px solid #666699; padding:2px;}

.clear {clear: both; height:1px;}
.right {text-align:right;}

hr {clear:both;}


/* SPECIAL OFFER */
.specialOffer {padding:10px 10px 15px 10px; text-align:center; background: #666699; color:#FFFFFF; margin-top: 20px; margin-bottom:10px;}
.specialOffer h1 {font-size: 190%; padding-bottom: 10px;}
.specialOffer h2 {font-size: 160%; padding-bottom: 5px;}

.christmas { background: url(../assets/images/holly.jpg) no-repeat bottom right #C60000; padding-top:25px; height:60px;}


/* COTTAGES */
#cottageContent h2 {font-size: 150%; text-align:center; font-style:italic; padding:5px 0px 5px 0px; color:#666699;}

#featured {overflow:hidden;}
#featured h2 {font-size: 200%; padding:0px 0px 3px 6px;}
#featured .featured h4, #featured .featured h5 {background-color: #999966;}
#featured .featured:hover {background-color: #D8D890;}

#allCottagesContent ul {font-size: 140%; padding: 10px 20px 20px 20px; list-style: disc inside; color: #666699;}
#allCottagesContent h2 {clear:both;}

.cottage, .featured {width: 134px; float:left; border:1px solid #CCCCFF; margin: 0px 9px 8px 0px; text-align:center; height:188px;}
.cottage img, .featured img {padding:5px;}
.cottage h3, .featured h3 {font-size: 13px; font-weight:normal; padding: 0px 0px 3px 0px; height:32px}
.cottage h4, .featured h4 {font-size: 11px; font-weight:bold; color: #FFFFFF; background:#666699; padding-top: 2px; height:24px; line-height:100%;}
.cottage h5, .featured h5 {font-size: 10px; font-weight:normal; color: #FFFFFF; background:#666699; padding: 2px 0px 2px 0px;}
.cottage:hover, .featured:hover {background: #CCCCFF;}


#cottageContent #left {float: left; width: 360px;}
#cottageContent #right {float: right; width: 200px;}
#cottageContent img {margin: 0px 0px 10px 0px; clear:both; border:1px solid #CCCCFF; padding:3px;}
#cottageContent h2 {font-size: 150%; text-align:center; font-style:italic; padding:5px 0px 5px 0px; color:#666699;}
#cottageContent p {font-style: italic;}
#cottageContent a {text-decoration:underline; font-weight:bold;}

#cottageGrid { clear:both;}


/* COTTAGES */
#searchContent h2 {font-size: 170%; padding:5px 0px 5px 0px; color:#666699;}
#searchContent p {font-size: 120%;}

#searchContent .mapDetails {width: 215px; padding:0px; margin:0px;}
#searchContent .mapDetails h3 {font-size: 180%; color:#666699;}
#searchContent .mapDetails h4 {font-size: 100%;}
#searchContent .mapDetails img {float: right;}
#searchContent .mapDetails p {font-size: 90%;}


/* PROFILE */
#profileContent {padding: 0px 10px 0px 10px;}
#profileContent h3 {font-size: 150%; color:#666699; padding-bottom:5px; font-weight:bold;}
#profileContent h2 {font-size: 180%; color:#666699; padding-top: 10px;}
#profileContent .imgRight {margin:10px 0px 10px 10px;}
#profileContent .imgLeft {margin:10px 10px 10px 0px;}


/* OWNERS */
#ownersContent h3 {font-size: 150%; color:#666699; padding-bottom:5px; font-weight:bold;}
#ownersContent h2 {font-size: 180%; color:#666699; padding-top: 20px;}
#ownersContent #say {text-align:center;}


/* GALLERY */
#galleryContent div {float: left; margin:0px 10px 10px 0px; width: 180px;}
#galleryContent div img {border:1px solid #CCCCFF; padding:3px; }
#galleryContent p {text-align:center; font-size: 110%; padding-top:4px;}


/* CONTACT */
#contactContent h2 {font-size: 160%; color:#666699; padding-top: 10px;}

.contactDetails {font-size: 140%; color:#666699; padding-top: 20px; padding-bottom: 0px; clear:both; }
.contactDetails .left {width: 30%; float:left; text-align:right; padding-right:10px; font-weight:bold;}
.contactDetails .right {width: 60%; float:left; text-align:left;}

/* SEARCH */
#filterForm {font-size: 150%; padding: 12px 0px 0px 10px; clear:both;}
#filterForm h3 {float: left; padding-right: 5px;}
#cottageQty {font-size: 200%; padding:0px 30px 0px 10px;} 

.filterFormItem {float:left; padding-right: 20px;}
.filterFormItem h4 {font-size: 120%; padding-bottom:3px;}


form {margin-top: 15px; margin-bottom:10px;}
.formItem {clear:both; margin-bottom:10px;}
.formItem .label {width: 30%; float: left; text-align:right; padding:2px 10px 0px 0px; font-size: 110%; color: #666699;}


.terms a {text-decoration:underline;}