* {margin: 0; padding: 0;} /*global reset, sets all paddings and margins to 0 */

body {
   color: #000;
   line-height: 130%;
   letter-spacing: 0;
   }

/* ------- defaults ---------- */



img {
  border: none;
  }

a {
  text-decoration: none;
  color: #b3481a;
  font-weight: bold;
  background-color: transparent;
  }
  
a:active {
  }
  
a:visited {
 
  }
  
a:hover {
  }
  
p {
  margin: 0 0 10px 0;
  }
    
blockquote {
  font-style: italic;
  line-height: 150%;
  font-weight: bold;
  padding: 10px 0;
  color: #8f8c6b;
  }
  
.small {
  font-size: .8em;
  }
  
h2 { /* format the page title */
  margin: 44px 10px 0 0;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-family: georgia, tahoma, verdana, arial, sans-serif;
  } 
   
h3 { /* green headers in main content area */
  font-size: 18px;
  color: #666633;
  letter-spacing: 0;
  margin: 20px 0 4px 0;
  font-family: tahoma, verdana, arial, sans-serif;
  }
  
h4 { /* orange headers in sidebar */
  margin: 24px 0 6px 0;
  color: #b3481a;
  font-size: 16px;
  font-family: tahoma, verdana, arial, sans-serif;
  }
  
h5 { /*small headers in tariff section */
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin:7px 0 2px 0;
  }
  
textarea, input {
  border: solid 1px #fff;
  background: #e5d7b0;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  padding: 2px;
  }
 

  
  
/* -------- main content formatting -------- */


/* --------- sidebar formatting --------- */
#sidebar { /* format the sidebar */
  width: 231px;
  background: transparent;
  text-align: left;
  float: left;
  font-family: tahoma, verdana, arial, sans-serif;
  font-size: .7em;
  letter-spacing: 0;
  line-height: 130%;
  padding: 2px 10px 10px 10px;
  }
  
#sidebar img { /* sidebar image */
  margin: 10px auto;
  border: double 4px #b0a996;
  background-color: #fff;
  padding: 3px;
  display: block;
  }
  
#sidebar img.left { /* float sidebar image left */
  border: double 4px #b0a996;
  background: #fff;
  padding: 3px;
  float: left;
  margin: 0 10px 0 0;
  }

  
#sidebar p.more { /* more paragraph after cottage and apartment descriptions */
  text-align: right;
  font-weight: bold;
  color: #666633;
  border-bottom: dashed 1px #c8ba93;
  }
  
#sidebar p {
  margin: 0;
  }
  
#sidebar a:hover {
  color: #fff;
  }
  
.tariffs { /*box for tariffs in sidebar */
  background-color: #8f8c6b;
  background-image: url(images/aud.gif);
  background-repeat: no-repeat;
  background-position: top right;
  color: #fff;
  width: 209px;
  padding: 0 10px 10px 10px;
  border: solid 1px #fff;
  }
  

/* ------- main area formatting -------- */  
#main-content-area { /* format main content area */
  width: 481px;
  background: transparent;
  text-align: left;
  float: left;
  font-family: verdana, arial, sans-serif;
  font-size: .8em;
  letter-spacing: 0;
  line-height: 130%;
  padding: 0 20px 20px 20px;
  }

#main-content-area a:hover {
  color: #fff;
  background: #333;
  }  
  
#main-content-area img.right { /* floated right image */
  float: right;
  margin: 6px 0 20px 10px;
  border: double 4px #b0a996;
  background: #fff;
  padding: 3px;
  }
  
#main-content-area img.left { /* floated right image */
  float: left;
  margin: 6px 0 20px 0;
  border: double 4px #b0a996;
  background: #fff;
  padding: 3px;
  }
  
#main-content-area p.print {
  font-size: .8em;
  text-align: right;
  margin: 10px 0 0 0;
  }
  
.black-blockquote { /* black area with orange protea background */
  background-color: #333;
  background-image: url(photos/protea.jpg);
  background-repeat: no-repeat;
  background-position: bottom left;
  color: #fff;
  padding: 6px 10px 10px 70px;
  margin: 10px 0;
  border: solid 2px #fff;
  font-style: italic;
  width:394px;
  font-size: 13px;
  }
  
.black-blockquote p { /* format black-blockquote paragraph */
  margin: 0;
  font-size: .9em;
  }
  
.quote { /* quotes from customers in main-content-area */
	color: #8b8677;
	padding: 0 30px 10px 0 ;
	font-style: italic;
	margin: 10px 0 10px 0;
	line-height: 130%;
	letter-spacing: 0;
	font-size: 16px;
	float: left;
	width: 440px;
	background: url(images/end-quote.gif) bottom right no-repeat;
	font-family: georgia, tahoma, verdana, arial, sans-serif;
    }

.quote img.top-quote {
  float: left;
  margin: 0 20px 0 0;
  }
  
.quote p {
  margin: 6px 0 0 0;
  }

p.credit {
  margin: 0;
  font-size: 11px;
  text-align: right;
  font-family: tahoma, verdana, arial, sans-serif;
  }
  
.orange-small-blockquote { /* black thin area for apartment page */
  background-color: #b3481a;
  color: #fff;
  padding: 10px;
  margin: 20px 10px;
  border: solid 1px #fff;
  font-style: italic;
  width: 198px;
  font-size: 13px;
  }
  
.orange-small-blockquote p { 
  margin: 0;
  }
  
.facilities { /* float facilities list left */
  float: left;
  width: 200px;
  }
  
#facilities-list ul {
  margin: 10px 10px 0 40px;
  }
  
#facilities-list li {
  margin: 0 0 6px 0;
  list-style-image: url(images/facilities-list.gif)
  }
  

  
#sitemap-list {
	margin: 40px 0 0 20px;
	}

#sitemap-list li {
	list-style: none;
	margin:2px 20px;
	}

#sitemap-list li ul {
	margin:2px 10px;
	}

#sitemap li ul li  {
	padding-left: 16px;
	background:  url(images/facilities-list.gif) no-repeat 0 50%;
	}
	
#sitemap-list li ul li a {
  font-weight: normal;
  }
 
  /*
#sitemap-list li li a {
  font-weight: normal;
  list-style-image: url(images/facilities-list.gif);
  }*/
 
.vineyard-list ul {
  float: left;
  width: 140px;
  margin: 0 10px 0 0;
  padding: 0;
  }
  
.vineyard-list li {
  margin: 0 0 2px 0;
  font-size: .8em;
  list-style-type: none;
  }

  
.vineyard-list a {
  font-weight: normal;
  }
  
.float-left {
  float: left;
  margin: 0 10px 0 0;
  width: 228px;
  }
  
.float-left-phone {
  float: left;
  margin-left: 10px;
  }
  
/* --------- top navigation list formatting, home, privacy policy and sitemap */  
#secondary-nav-list li a { /* format the navigational list */
 color: #fff;
 font-weight: normal;
 font-family: tahoma, verdana, arial, sans-serif;
 padding: 0 9px 0 9px;
 font-size: .7em;
  }
  
#secondary-nav-list a:hover {
  color: #b3481a;
  }
  
  
/* --------- contact form ---------- */
div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 365px;
  text-align: left;
  margin-bottom: 10px;
  } 

.submit-button {
  float: right;
  margin-right: 77px;
  }
  

* html .submit-button {margin-right: 37px}
  

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
	line-height: 110%;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 18px;
	line-height: 110%;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -4px;
	font-size: 16px;
	line-height: 110%;
}