/**
 * @file
 * Main Styling
 */


body {
	background-color: #bebdaf
}

#body {
	width: 100%; 
}
#page {
	width: 100%;
}

h1 {
	 text-align: center; font-family: "myriad-pro", Arial, Helvetica, sans-serif; color: #aa580c; font-weight: 300; font-size: 1.8em; padding-bottom: 20px
}

h2 {
	 font-family: "myriad-pro", Arial, Helvetica, sans-serif; color: #aa580c; font-weight: 300; font-size: 1.3em; padding-bottom: 0px; margin-bottom: 0px
}


/**
 * @file
 * Home Page
 */



#header {
background-color: #9eaa79; height: 140px; border-color: #899073; border-style: solid; border-width: 0 0 1px 0
}

.logo  {
	width: 225px; height: auto; padding-top: 60px; margin-left: 10%
}

.logo img {
	 width: 100%; height: auto
}

.grasses {
	float: right; margin-right: 10%; margin-top: -115px; width: 235px; height: auto
}

.grasses img {
	width: 100%; height: auto
}

#content {
	background-color: #e0dfcf; margin-left: 8%; margin-right: 8%
}

#banner {
	  
}

.cycle-slideshow { width: 100% }
.cycle-slideshow img { width: 100%; height: auto }


.body2 a:link,
.body2 a:visited
{
	color: #aa580c; text-decoration: none;
}


.copybox {
	margin-left: 32px; margin-right: 32px; margin-top: 32px; margin-bottom: 43px; background-color: #e9e8dc; padding-top: 42px; 
}

.body1 {
	padding-left: 6%; padding-right: 6%; font-family: "myriad-pro", Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: 300; color:#545353; font-style: normal;
}

.body2 {
	padding-left: 6%; padding-right: 6%; font-family: "myriad-pro", Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: 300; color:#545353; font-style: normal; text-align: center
}







#home-thumbs {
	text-align: center; margin-top: 30px
}

.thumbs {
	 display: inline-block; max-width: 280px; width: 27%; margin-left: 3%; margin-right: 3%
}

.thumbs img {
	  width: 100%; height: auto
}



/**
 * @file
 * Footer
 */

#footer {
	 width: 100%; background-color: #bebdaf; text-align: center; padding-top: 12px; margin-top: 50px; font-family: "myriad-pro", Arial, Helvetica, sans-serif; font-weight: 300; font-style: normal; font-size: 1.1em; color: #7b7b74; line-height: 1.8em; padding-bottom: 15px
}

#copyright {
	 text-align: center; font-family: "myriad-pro", Arial, Helvetica, sans-serif; font-size: .9em; color: #545353; padding-bottom: 15px; font-weight: 300
}

#footer a:link,
#footer a:visited,
#copyright a:link,
#copyright a:visited {
	color: #aa580c; text-decoration: none;
}
 
 
 

/**
 * @file
 * Menu
 */



#menu {
	text-align: center; width: 100%; 
}

#menu2 {
	 display: none
}


#menu li {
	   text-decoration: none; display: inline; padding-left: 2%; padding-right: 2%; 
}


#menu li a:link,
#menu li a:visited
 {
	   text-decoration: none; color: #8a9666; display: inline; font-family: "myriad-pro-semi-condensed", Arial, Helvetica, sans-serif; font-weight: 300
}

#menu li a:hover {
	color: #aa580c
}


#menu ul {
	 list-style-type: none; margin: 0; padding: 5px 0 5px 0; font-family: "myriad-pro-semi-condensed", Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: 300
}




/**
 * @file
 * Cottages
 */
 
 #cottages {
 	width: 100%; text-align: center;
 }
 
 .cottages-view {
 	display: inline-block; margin-left: 3%; margin-right: 3%
 }
 
 .cottage-thumb {
 		 position: relative;
  width: 230px;
  height: 165px;
  overflow: hidden; 
 }
 
 .cottage-thumb img {
 	wposition: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
 }
 
 
 .cottage-thumb img.portrait {
 	width: 100%;
  height: auto
 }
 
 
 /**
 * @file
 * The Gallery
 */
 
 
 .gallery-thumb {
 		 display: inline-block; max-width: 280px; width: 22%; margin-left: 3%; margin-right: 3%; margin-bottom: 30px

 }
 
 .gallery-thumb img {
 	width: 100%; height: auto
 }
 
 
 
 
 /**
 * @file
 * Contact Form
 */
 
 .body2 table
  {
 	 width: 100%; text-align: center; padding-left: 10%; padding-right: 10%
 }
 
 .body2 textField {
 	 width: 100%; 
 }
 
 .body2 tbody {
 	width: 100%; text-align: center; 
 }
 
 .body2 textarea.textField {
 	 width: 100%; max-width: 400px
 }

.body2 .textLabel {
	width: 100%;  
}

INPUT.textField, SELECT.textField,
INPUT.textFieldFocus, SELECT.textFieldFocus {
text-align: center; width: 100%; max-width: 400px; margin-bottom: 15px
}