/******Global Styles******/
* {
 margin: 0;
 padding: 0;
}

html, body {
  height: 100%;
}

body {
 font-family: verdana, arial, sans-serif;
 font-size: 80%;
 background-color: #f8f3ea;
 color: #543019;
 text-align: center;
}

p {
 padding: 10px 0;
}

.clear {
 clear: both;
}

.small {
 font-size: 95%;
}

.highlight {
 color: #c7b18b;
 font-weight: bold;
}

h2 {
 font-family: georgia, times, serif;
 font-size: 20px;
 color: #c7b18b;
 padding-bottom: 8px;
}

h3 {
 font-size: 110%;
 color: #543019;
 margin-bottom: 8px;
 border-bottom: 1px dotted;
}

ul.amenities {
 font-size: 90%;
 padding: 2px 0 2px 30px;
}

/******Link Styles******/

a:link, a:visited {
 color: #543019;
 text-decoration: underline;
}

a:focus, a:hover, a:active {
 color: #c7b18b;
 text-decoration: none;
}

/******Header & Navigation******/

#masthead {
 width: 100%;
 height: 150px;
 position: relative;
 z-index: 1;
 background-color: #653819;
 color: #cfbd9c;
}

#header {
 margin: 0 auto;
 width: 760px;
}

#header img {
 float: left;
 margin: 15px 0 0 0px;
}

ul.mainnav {
 width: 400px;
 font-size: 110%;
 list-style-type: none;
 float: right;
 margin: 80px 0 0 0;
}

.mainnav li {
 display: inline;
 padding: 5px;
}

.mainnav li a, .mainnav li a:visited {
  color: #cfbd9c;
  text-decoration: none;
}

.mainnav li a:focus, .mainnav li a:hover, .mainnav li a:active {
 color: #f8f3ea;
 text-decoration: none;
}

/******General Page Styles******/

#wrapper {
 width: 690px;
 margin: -150px auto -25px;
 min-height: 100%;
 text-align: left;
 padding: 0;
}

* html #wrapper {
 height: 100%;
}

.first {
 padding-top: 175px;
}

.last {  /* if needed */
 padding-bottom: 40px;
 clear: both;
}

.contentright, .contentright2 {
 width: 460px;
 float: right;
 clear: right;
}

.contentleft {
 width: 200px;
 height: 145px;
 float: left;
 margin-top: 13px;
 padding: 3px;
 border: 1px solid #c7b18b; /*images on index*/
}

.contentleft2 {
 width: 200px;
 height: 145px;
 float: left;
 margin-top: 8px;
 padding: 3px;
 border: 1px solid #c7b18b; /*images on index*/
}

.contentleft3 {
 width: 200px;
 float: left;
 padding: 3px;
}

.centeredcontent {
 width: 500px;
 margin: 10px auto;
 text-align: center;
 padding-bottom: 4em;
}

/******Our Homes Styles******/

.homesphoto {
 width: 200px;
 height: 145px;
 float: left;
 margin: 13px 20px 60px 0;
}

.homesphoto img {
 border: 1px solid #c7b18b; /*images on homes page*/
 padding: 3px;
}

.homes {
 width: 200px;
 font-size: 90%;
 margin: 5px 0 0 0;
}

.homes p {
 padding: 0 0 10px 0;
}

/******Home Info Page Styles******/

#photoleft {
 width: 350px;
 height: 250px;
 float: left;
 margin: 15px 0 0 0;
}

#photoleft img {
 padding: 3px;
 border: 1px solid #c7b18b;
}

#homeinfo {
 width: 300px;
 font-size: 90%;
 float: left;
 margin: 5px 0 0 15px;
 padding: 0;
}

#homeinfo p {
 padding: 8px 0;
}

#gallery {
 width: 750px;
 text-align: center;
 margin: 0 auto;
}

/******Local Information Styles******/

.local {
 width: 200px;
 height: 170px;
 font-size: 95%;
 color: #f8f3ea;
 float: left;
 margin: 20px 30px 10px 0;
}

.links ul {
 list-style-type: none;
}

.links li {
 padding: 2px 0;
}

/******Form Styles******/

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 15px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
font-size: 95%;
}

.cssform label{
font-weight: normal;
float: left;
margin-left: -100px; /*width of left column*/
width: 90px; /*width of labels. Should be smaller than left column (100px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
background-color: #f8f3ea;
border: 1px solid #543019;
}

.cssform textarea{
width: 250px;
height: 150px;
background-color: #f8f3ea;
border: 1px solid #543019;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/******Footer Styles******/

#footer {
 color: #cfbd9c;
 width: 690px;
 height: 25px;
 margin: 0 auto;
 font-size: 80%;
 text-align: center;
 clear: both;
}

#footer p {
 padding: 0;
}

#footer a, #footer a:visited {
  color: #c7b18b;
  text-decoration: none;
}

#footer a:focus, #footer a:hover, #footer a:active {
 color: #543019;
 text-decoration: none;
}