/*
 * Maytag Mountain Ranch CSS v2.0
 * @author Justin Stollsteimer, Fusionbox
 *
 */

/*| Reset Default Values & Import Common Classes
-----------------------------------------*/

@import "reset.css";
@import "common.css";


/*| Basic Layout
-----------------------------------------*/

html, body {
  background: url("/image/bg_small.jpg") center 450px;
}

.wrapper {
  width: 100% !important;
  min-width: 960px;
  width: 960px;
  height: auto;
  background: transparent;
}

.wrapper.content {
  border-bottom: solid 1px #a59a84;
}

.wrapper.footer {
  border-top: solid 1px #e0d5be;
}

.body {
  width: 960px;
  height: auto;
  margin: 0 auto;
  font-family: "Palatino Linotype", Palatino, Georgia, Serif;
  color: #2f2b2b;
  font-size: 16px;
  line-height: 24px;
}

.default {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
}

/*| Header
-----------------------------------------*/

#header {
  height: 100px;
  padding: 15px 0px;
  position: relative;
  z-index: 50000;
}

#logo {
  float: left;
}

/*| Top Links
-----------------------------------------*/

#links {
  float: right;
  display: inline;
  width: 500px;
  height: auto;
}

#links p.newsletter {
  margin: 0px 0px 10px 0px;
}

#links p.newsletter input.text {
  width: 126px;
  height: 22px;
  border: 0px;
  padding: 0px 6px 0px 4px;
  background: transparent url("/image/newsletter_bg.png") no-repeat;
}

#links span.pipe {
  color: #444444;
}

/*| Top Navigation
-----------------------------------------*/

#nav {
  margin-top: 15px;
}

#nav a:link, #nav a:visited, #nav span {
  color: #272727;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: -1px;
  font-weight: bold;
  font-family: Arial, helvetica, sans-serif;
}

#nav a:hover, #nav a:active {
  color: #444444;
}

#nav a.here:link, #nav a.here:visited {
  color: #0f0808;
  border-bottom: solid 2px #272727;
}

#nav span {
  color: #444444;
  font-weight: normal;
  margin: 0px 38px;
}

/*| Homepage
-----------------------------------------*/

div.wrapper.home {
  position: relative;
  height: 500px;
  background: url("/image/white_mask.png") repeat-x top;
}

div.home div.top {
  width: 100% !important;
  min-width: 1050px;
  width: 1050px;
  height: 50px;
  position: absolute;
  top: -25px;
  left: 0px;
  background: url("/image/bg_top.png") center repeat-x;
  z-index: 10000;
}

div.home #slideshow {
  position: relative;
  height: 500px;
  overflow: hidden;
  width: 1050px;
  margin: 0 auto;
  z-index: 100;
}

div.home div.middle {
  background-color: transparent;
  height: 500px;
  width: 100%;
  z-index: 100;
}

div.home div.bottom {
  width: 100% !important;
  min-width: 1050px;
  width: 1050px;
  height: 100px;
  position: absolute;
  bottom: -44px;
  background: url("/image/bg_bottom.png") center repeat-x;
  z-index: 10000;
}

/*| Homepage Test (Wide)
-----------------------------------------*/

div.wrapper.homeWide {
  position: relative;
  height: 500px;
  background: url("/image/white_mask.png") repeat-x top;
}

div.homeWide div.top {
  width: 100% !important;
  min-width: 960px;
  width: 960px;
  height: 50px;
  position: absolute;
  top: -25px;
  background: url("/image/bg_top.png") center repeat-x;
  z-index: 10000;
}

div.homeWide #slideshow {
  position: relative;
  height: 500px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  z-index: 100;
}

div.homeWide div.middle {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px;
  width: 100% !important;
  min-width: 960px;
  width: 960px;
  z-index: 100;
}

div.homeWide div.bottom {
  width: 100% !important;
  min-width: 960px;
  width: 960px;
  height: 100px;
  position: absolute;
  bottom: -44px;
  background: url("/image/bg_bottom.png") center repeat-x;
  z-index: 10000;
}


/*| Gallery
-----------------------------------------*/

div.wrapper.gallery {
  position: relative;
  height: 500px;
  background: url("/image/white_mask.png") repeat-x top;
}

div.gallery div.top {
  width: 100% !important;
  min-width: 1050px;
  width: 1050px;
  height: 50px;
  position: absolute;
  top: -25px;
  background: url("/image/bg_top.png") center repeat-x;
  z-index: 10000;
}

div.gallery #slideshow {
  position: relative;
  height: 500px;
  overflow: hidden;
  width: 1050px;
  margin: 0 auto;
  z-index: 100;
}

div.gallery div.middle {
  background-color: transparent;
  height: 500px;
  width: 100%;
  background: url("/image/photo.jpg") no-repeat center top;
  z-index: 100;
}

div.gallery div.middle.slideshow {
  background: transparent !important;
}

div.gallery #next {
  position: absolute;
  top: 220px;
  right: 120px;
  z-index: 1000;
  cursor: pointer;
}

div.gallery #prev {
  position: absolute;
  top: 220px;
  left: 130px;
  z-index: 1000;
  cursor: pointer;
}

div.gallery div.bottom {
  width: 100% !important;
  min-width: 1050px;
  width: 1050px;
  height: 100px;
  position: absolute;
  bottom: -44px;
  background: url("/image/bg_bottom.png") center repeat-x;
  z-index: 10000;
}


/*| Slideshow
-----------------------------------------*/

#thumbnails p {
  width: 140px;
  height: 75px;
  overflow: hidden;
  position: relative;
  margin: 0px 7px 15px;
  border: solid 3px #aa8877;
}

#thumbnails p.activeSlide {
  border: solid 3px #ffcc00;
}

#thumbnails p a:link,
#thumbnails p a:visited,
#thumbnails p a:hover,
#thumbnails p a:active {
  float: left; 
  display: inline;
  width: 140px; 
  height: 75px; 
  overflow: hidden;
  position: relative;
}

#thumbnails p a img {
  float: left;
  position: relative;
  left: -30px;
  top: -10px;
}

.tagline {
  padding-top: 50px;
}

.tagline h1 {
  width: 900px !important;
  padding: 0px 75px !important;
  font-size: 34px !important;
  line-height: 34px !important;
  letter-spacing: -2px !important;
  font-weight: bold !important;
}

/*| Internal Mask
-----------------------------------------*/

div.wrapper.internal {
  width: 100% !important;
  min-width: 960px;
  width: 960px;
  position: relative;
  min-height: 600px;
  height: auto !important;
  height: 600px;
  background: url("/image/white_mask.png") repeat-x top;
}

div.internal div.top {
  width: 100% !important;
  min-width: 960px;
  width: 960px;
  height: 50px;
  position: relative;
  top: -25px;
  background: url("/image/bg_top.png") center repeat-x;
}

#internal {
  position: relative;
  padding: 0px 0px 50px 0px;
}

/*| Home/Content
-----------------------------------------*/

#home {
  padding: 40px 0px 20px 0px;
  width: 700px !important;
}

#content {
  padding: 40px 0px 20px 0px;
}

.wrapper.content,
.wrapper.footer,
.wrapper.internal div.main {
  text-shadow: 1px 1px #ddd0b6;
}

div.leftNav {
  float: left;
  display: inline;
  width: 170px;
  height: auto;
}

div.main {
  float: right;
  display: inline;
  width: 740px;
  height: auto;
}

div.main.full {
  width: 100% !important;
}

div.main.narrow {
  float: left !important;
  margin-left: 40px !important;
  width: 470px !important;
}

div.main p.pdf {
  width: 680px;
  padding-left: 60px;
  background: url("/image/pdf.png") no-repeat top left;
}

div.image {
  float: left;
  display: inline;
  position: relative;
  left: -21px;
  width: 775px;
  height: 450px;
  margin: 0px 0px 15px 0px;
}

div.image img.mask {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
}

div.image img.photo {
  position: absolute;
  top: 20px;
  left: 17px;
  z-index: 10;
}

div.image p.caption {
  position: absolute;
  text-align: center;
  bottom: -15px; 
  letter-spacing: 0px !important; 
  z-index: 2000;
  font-size: 14px;
}

div.sidebar {
  float: right;
  display: inline;
  width: 250px;
  height: auto;
}

#sidebar1 li,
#sidebar2 li {
  letter-spacing: -1px;
}

/*| Left Nav
-----------------------------------------*/

div.leftNav h2, 
div.sidebar h2 {
  border-bottom: solid 1px #9d8c6e;
  padding-bottom: 5px;
  margin: 0px;
  font-size: 18px;
  line-height: 18px;
}

div.leftNav h2 a:link, div.leftNav h2 a:visited,
div.sidebar h2 a:link, div.sidebar h2 a:visited { 
  color: #2F2B2B;
  text-decoration: none;
}

div.leftNav h2 a:hover, div.leftNav h2 a:active,
div.sidebar h2 a:hover, div.sidebar h2 a:active { 
  color: #0f0b0b;
  text-decoration: none;
}

div.leftNav div.list {
  border-top: solid 1px #ddd0b6;
  padding-top: 8px;
}

div.leftNav div.list ul,
div.sidebar div.list ul {
  list-style: none;
  padding-left: 0px;
} 

div.leftNav li,
div.sidebar li {
  font-size: 14px;
  line-height: 14px;
  color: #2f2b2b;
  padding: 6px 0px;
  font-weight: bold;
}

div.leftNav li a:link,
div.leftNav li a:visited,
div.sidebar li a:link,
div.sidebar li a:visited {
  display: block;
  padding: 0px 10px 1px 0px;
  text-decoration: none;
  color: #2f2b2b;
}

div.leftNav li a:hover,
div.leftNav li a:active,
div.sidebar li a:hover,
div.sidebar li a:active {
  color: #0f0b0b;
  padding-bottom: 0px;
  border-bottom: dotted 1px #4f4b4b;
}

div.leftNav li a.here:link,
div.leftNav li a.here:visited,
div.sidebar li a.here:link,
div.sidebar li a.here:visited {
  color: #0f0b0b;
  background: url("/image/nav_arrow.gif") no-repeat right 2px;
}

div.leftNav ul li ul li,
div.sidebar ul li ul li {
  margin-left:15px;
  font-size: 12px;
  line-height: 12px;
  padding: 4px 0px;
}
  
div.leftNav div.list.errors {
  border: 0px !important;
}

div.leftNav div.list.errors li {
  line-height: 20px !important;
  padding: 0px 0px 4px 0px !important;
}
  
/*| Blog Posts
-----------------------------------------*/

.post-title h1 {
  border-bottom: solid 1px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

img.alignright { 
  float: right; 
  margin: 0px 0px 20px 20px; 
  -moz-box-shadow: 0px 2px 8px #333333;
  -webkit-box-shadow: 0px 2px 8px #333333;
  box-shadow: 0px 2px 8px #333333;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#333333')"; /* For IE 8 */
}

img.alignleft { 
  float: left; 
  margin: 0px 20px 20px 0px; 
  -moz-box-shadow: 0px 2px 8px #333333;
  -webkit-box-shadow: 0px 2px 8px #333333;
  box-shadow: 0px 2px 8px #333333;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#333333')"; /* For IE 8 */
}

div.post-text {
  overflow: hidden;
}
  
/*| Homestead Map
-----------------------------------------*/

#homesteadMap {
  position: relative;
  z-index: 10;
  height: 590px;
  background: url('/image/land-for-sale-co.gif') no-repeat;
}

#homesteadMap a:link,
#homesteadMap a:visited {
  position: absolute;
  z-index: 20;
  width: 20px;
  height: 20px;
}

#homesteadMap a.h1 { left: 632px; top: 285px; }
#homesteadMap a.h2 { left: 632px; top: 320px; }
#homesteadMap a.h3 { left: 632px; top: 352px; }
#homesteadMap a.h4 { left: 632px; top: 382px; }
#homesteadMap a.h5 { left: 445px; top: 414px; }
#homesteadMap a.h6 { left: 422px; top: 414px; }
#homesteadMap a.h7 { left: 402px; top: 414px; }
#homesteadMap a.h8 { left: 402px; top: 434px; }
#homesteadMap a.h9 { left: 480px; top: 414px; }
#homesteadMap a.h10 { left: 500px; top: 414px; }
#homesteadMap a.h11 { left: 520px; top: 414px; }
/*#homesteadMap a.h12 { left: 500px; top: 188px; }*/
#homesteadMap a.h13 { left: 418px; top: 90px; }
/*#homesteadMap a.h14 { left: 360px; top: 62px; }*/
#homesteadMap a.h15 { left: 317px; top: 62px; }
#homesteadMap a.h16 { left: 260px; top: 105px; }
#homesteadMap a.h17 { left: 283px; top: 80px; }
#homesteadMap a.h18 { left: 337px; top: 62px; }
#homesteadMap a.h19 { left: 370px; top: 42px; }
#homesteadMap a.h20 { left: 283px; top: 105px; }
#homesteadMap a.h21 { left: 205px; top: 150px; }
#homesteadMap a.h22 { left: 180px; top: 150px; }
#homesteadMap a.h23 { left: 90px; top: 185px; }
#homesteadMap a.h24 { left: 145px; top: 150px; }
#homesteadMap a.h25 { left: 55px; top: 228px; }
#homesteadMap a.h26 { left: 55px; top: 280px; }
#homesteadMap a.h27 { left: 55px; top: 302px; }

p.homestead {
  position: relative;
  margin-top: 20px !important;
}

img.lot {
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 10;
  border: solid #ffffff;
  border-width: 7px 0px;
}
  
/*| Foot
-----------------------------------------*/

#footer {
  padding: 20px 0px;
  position: relative;
}

#footer a:link, 
#footer a:visited,
#footer span {
  margin: 0px 10px;
  color: #272727;
  text-decoration: none;
}

#footer a:hover, 
#footer a:active {
  color: #444444;
}

#footer img.organic {
  position: absolute;
  right: 0px;
  top: 20px;
}

/*| Buttons
-----------------------------------------*/

a.flexbutton,
a.flexbutton:link,
a.flexbutton:visited {
  float: left;
  width: auto;
  height: 24px;
  line-height: 23px;
  padding: 0px 10px 0px 0px;
  text-decoration: none;
  cursor: pointer;
  border: 0px;
  overflow: hidden;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url("/image/button_right.png");
}

a.flexbutton span {
  display: block;
  height: 24px;
  line-height: 23px;
  font-size: 11px;
  padding: 0px 0px 0px 10px;
  margin: 0px;
  letter-spacing: -1px;
  color: #ffffff;
  font-weight: bold;    
  white-space: nowrap;   
  text-align: center; 
  font-family: helvetica, arial, sans-serif;
  background-position: top left;
  background-repeat: no-repeat;
  text-shadow: #bca374 1px 1px;
  background-image: url("/image/button_left.png");
}

a.flexbutton:hover {
  text-decoration: none;
  background-position: center right;
}

a.flexbutton:hover span {
  text-decoration: none;
  background-position: center left;
}

a.flexbutton:active {
  text-decoration: none;
  background-position: bottom right
}

a.flexbutton:active span {
  text-decoration: none;
  background-position: bottom left;
}

/*| Forms
-----------------------------------------*/

div.tr {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  margin: 0px 0px 10px 0px;
}

div.th {
  float: left;
  display: inline;
  width: 20%;
  height: auto;
  padding: 2px 0px 0px 0px;
}

div.td {
  float: right;
  display: inline;
  width: 75%;
  height: auto;
}

div.main div.tr div.td input.text,
div.main div.tr div.td textarea {
  width: 545px;
}

div.main div.tr div.td textarea {height: 60px;}
div.main div.tr div.td input.text.name{width: 200px;}
div.main div.tr div.td input.text.zipcode{width: 50px;}
div.main div.tr div.td input.text.city{width: 250px;}
div.main div.tr div.td select.state {width: 150px;}

.leftNav div.th,
.leftNav div.td {
  float: left;
  width: 100%;
  padding: 0px;
}

.leftNav div.td input.text,
.leftNav div.td textarea {
  width: 160px;
}

input.text,
textarea,
select {
  padding: 4px;
  margin: 0px;
  border: solid 1px #cccccc;
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

textarea {
  height: 100px;
}

input.go {
  width: 40px;
  height: 24px;
  padding: 0px 0px 3px 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
  color: #ffffff;
  background: url("/image/buttons.png") top left;
  font-family: "arial narrow", helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: auto;
  font-weight: bold;
  cursor: pointer;
  text-shadow: 1px 1px #9c9364;
}

input.go:hover {
  background-position: center left;
}

input.go:active {
  background-position: bottom left;
}

input.submit {
  width: 150px;
  height: 24px;
  padding: 0px 0px 3px 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
  color: #ffffff;
  background: url("/image/buttons.png") top right;
  font-family: "arial narrow", helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: auto;
  font-weight: bold;
  cursor: pointer;
  text-shadow: 1px 1px #9c9364;
}

input.submit:hover {
  background-position: center right;
}

input.submit:active {
  background-position: bottom right;
}

#contact_form input.submit {float:right;}

/*| Social
-----------------------------------------*/

a.facebook:link,
a.facebook:visited {
  display: inline;
  width: 16px;
  height: 18px;
  margin-top: 3px;
  background: url('/image/facebook_bg.png') no-repeat top;
}

a.facebook:hover { background-position: center; }
a.facebook:active { background-position: bottom; }

a.facebook span {
  display: none;
}

/*| HTML Elements
-----------------------------------------*/

.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper p, .wrapper div.list { float: left; display: inline; width: 100%; height: auto; margin: 0px 0px 10px 0px; }

a:link, a:visited { color: #115599; }
a:hover, a:active { color: #3377bb; }

a.black:link, a.black:visited { color: #2f2b2b; }
a.black:hover, a.black:active { color: #0f0b0b; }

a.grey:link, a.grey:visited { color: #484848; }
a.grey:hover, a.grey:active { color: #2f2b2b; }

a.noline:link, a.noline:visited { text-decoration: none; border-bottom: 0px; }
a.noline:hover, a.noline:active { text-decoration: none; border-bottom: 0px; }

h1 {
  font-size: 32px;
  line-height: 32px;
  letter-spacing: -1px;
  margin: 0px 0px 15px 0px;
  color: #2f2b2b;
}

h1 a:link, h1 a:visited {
  color: #2f2b2b;
  text-decoration: none;
}

h1 a:hover, h1 a:active {
  color: #4f4b4b;
  border-bottom: dotted 1px;
}

h2 {
  font-weight: bold;
  letter-spacing: -1px;
  color: #2f2b2b;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0 !important;
  margin-top: 10px !important;
}

h3 {
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -1px;
  color: #2f2b2b;
  margin-bottom: 0 !important;
  
}

textarea.address {
  height: 45px;
}