/** Default layout and style, all others inherit from this */
/** Structure ------------------------------ */
#hd {
  position: relative; }

#bd,
header,
nav,
#ft {
  overflow: hidden; }

body {
  line-height: 1.375; }

p {
  margin: 0 0 1.375em 0; }

section {
  margin: 22px 0; }

section#feature {
  margin-top: 0; }

#ft section {
  margin-top: 44px; }

.wrap {
  margin: 0 auto;
  width: 1024px; }

.wrap > section,
.wrap > footer,
.wrap > hr {
  margin-left: auto;
  margin-right: auto;
  width: 87.3046%; }

section.narrow {
  width: 75%; }

/** Style ----------------------------------- */
a {
  color: #c98826;
  cursor: pointer; }

a:visited {
  color: #9b867a; }

a:hover {
  color: #3b2315; }

blockquote {
  width: 80%;
  margin: 0 auto; }
  blockquote cite {
    text-align: right;
    display: block; }

#bd {
  background: #fff; }

body {
  background: #d9d2c9 url("../img/bg-linen.png") repeat;
  color: #3b2315; }

.brand {
  border-color: #9b867a;
  float: left;
  margin: 7.333px 0;
  height: 125px;
  width: 303px; }
  .brand a {
    background: transparent url("../img/logo-lg-sprite.png") no-repeat 0px 0px;
    height: inherit;
    width: inherit;
    height: 125px;
    width: 303px; }
    .brand a:hover {
      background-position: 0px -131px; }

.col2 .col {
  float: left;
  padding: 0 1.25% 0 0;
  width: 48.75%; }
  .col2 .col.last {
    padding: 0 0 0 1.25%; }

.col3 .col {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 1.25%;
  width: 30.5%;
  float: left; }

/** `Fieldset */
fieldset {
  border: none;
  margin: 0 0 1.375em 0;
  padding: 1.375em 1.375em 0 1.375em; }
  fieldset h1, fieldset h2 {
    font-size: 1.5em; }
  fieldset input[type=text], fieldset textarea {
    border: 1px solid #dbd4cd;
    color: #3b2315;
    font-family: "Crete Round", sans-serif;
    font-size: 18px; }
  fieldset input[type=text] {
    width: 50%; }
  fieldset label {
    display: block;
    font-size: 93.75%; }
  fieldset legend {
    border-bottom: 3px solid #dbd4cd;
    color: #b93c2c;
    font-size: 125%;
    font-weight: bold;
    width: 100%; }
  fieldset li {
    margin-bottom: 22px; }
  fieldset label.radio {
    display: inline;
    margin-left: 7.333px; }
  fieldset textarea {
    width: 97%; }
  fieldset ol {
    list-style: none;
    padding: 0; }
  fieldset fieldset {
    padding-left: 0;
    padding-right: 0; }

.contact-page fieldset input[type=text] {
  width: 75%; }

hr {
  border: 1px dotted #9b867a;
  border-width: 0 0 1px 0;
  margin: 22px auto; }

hr.narrow {
  width: 61.8%; }

html {
  background: #3b2315; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0 0 22px; }

/** `Image */
img.center {
  display: block;
  margin: 0 auto 22px; }

img.mat {
  background: #f3f3f0;
  padding: 3%; }

img.size-big {
  width: 87.5%; }

img.size-golden {
  width: 61.8%; }

img.size-small {
  width: 38.1924%; }

.tumblr-item {
  clear: both; }

.tumblr-item img {
  display: block;
  float: left; }

.tumblr-item h3 a {
  text-decoration: none; }

/** `NAV */
nav {
  float: right;
  margin: 0;
  padding: 0; }
  nav li {
    display: inline-block;
    zoom: 1;
    *display: inline; }
  nav ul {
    margin-top: 2.5em;
    padding: 0; }

nav a {
  border: 1px dotted #9b867a;
  border-width: 0 0 0 1px;
  display: block;
  height: 3em;
  line-height: 3em;
  padding: 0 0.7em;
  text-align: center;
  text-decoration: none; }
  nav a:visited {
    color: #c98826; }
  nav a:hover {
    color: #9b867a;
    text-decoration: underline; }

.home-page nav a.link-home {
  background-position: -7px -1830px; }
.home-page #ft nav a.link-home {
  background-position: -7px -1670px; }

nav a.link-home {
  background: transparent url("../img/icon-green-sprite.png") no-repeat -7px -1590px;
  border: 0;
  padding: 0;
  text-indent: -999em;
  width: 48px; }
  nav a.link-home:hover {
    background-position: -7px -1670px; }

.home-page a.link-home,
.choose-page nav a.link-choose,
.services-page nav a.link-services,
.about-page nav a.link-about,
.members-page nav a.link-members,
.community-page nav a.link-community,
.contact-page nav a.link-contact {
  color: #3b2315;
  text-decoration: underline; }

.home-page #ft a.link-home,
.choose-page #ft nav a.link-choose,
.services-page #ft nav a.link-services,
.about-page #ft nav a.link-about,
.members-page #ft nav a.link-members,
.community-page #ft nav a.link-community,
.contact-page #ft nav a.link-contact {
  color: #d9d2c9;
  text-decoration: underline; }

a#link-pal {
  margin: 1em;
  margin-left: 6.5em;
  display: inline-block;
  width: 100px;
  height: 80px;
  background: gray url("../img/pal.png") no-repeat 0px 0px; }
  a#link-pal:hover {
    background-position: 0px -80px; }

a#link-cascade-aids-project {
  margin: 1em;
  margin-left: 3em;
  display: inline-block;
  width: 144px;
  height: 80px;
  background: transparent url("../img/cap.png") no-repeat 0px 18px; }
  a#link-cascade-aids-project:hover {
    background-position: 0px -62px; }

a#link-american-cancer-society {
  margin: 1em;
  margin-left: 3em;
  display: inline-block;
  width: 80px;
  height: 80px;
  background: transparent url("../img/cancers.png") no-repeat 0px 6px; }
  a#link-american-cancer-society:hover {
    background-position: 0px -94px; }

a#link-habitat {
  margin: 1em;
  margin-left: 3em;
  display: inline-block;
  width: 144px;
  height: 80px;
  background: transparent url("../img/habitat.png") no-repeat 0px 14px; }
  a#link-habitat:hover {
    background-position: 0px -66px; }

#ft nav {
  float: left;
  width: 100%; }
  #ft nav ul {
    margin: 1.375em 0; }
    #ft nav ul a {
      border: none !important; }
  #ft nav .homeownerinfo-link {
    display: none; }

#ft a {
  text-decoration: none; }

a.promo {
  display: block;
  height: 216px;
  padding: 8px;
  position: relative;
  text-decoration: none; }
  a.promo p {
    color: #3b2315; }
  a.promo:hover .label-moreinfo {
    color: #3b2315; }
  a.promo .label-moreinfo {
    bottom: 8px;
    color: #c98826;
    display: block;
    left: 8px;
    position: absolute;
    text-decoration: underline; }

ul.association-dots {
  list-style: none;
  padding: 0;
  width: 80%;
  margin: 1.375em auto;
  display: block; }
  ul.association-dots li {
    width: 14.2%;
    float: left; }

ul.assocation-types {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%; }

ul.dotless {
  list-style-type: none;
  padding: 0; }

/** `Named ----------------------------------- */
.details {
  margin: 0 auto 0;
  color: #9b867a;
  font-family: "Droid Sans", sans-serif; }
  .details th {
    text-transform: uppercase;
    color: #b93c2c;
    text-align: right;
    padding-right: 12px; }
  .details td {
    color: #3b2315;
    padding-left: 12px; }

#ft .details {
  margin-top: 0px; }
  #ft .details th, #ft .details td {
    color: #d9d2c9; }

#ft {
  background: #3b2315;
  color: #d9d2c9; }

#ft a.link-home {
  background: transparent url("../img/icon-green-sprite.png") no-repeat -12px -1590px;
  border: 0;
  padding: 0;
  text-indent: -999em;
  width: 48px; }
  #ft a.link-home:hover {
    background-position: -12px -1750px; }

#ft a:visited {
  color: #c98826; }

#ft a:hover {
  color: #d9d2c9; }

#hd header {
  background: transparent url("../img/swoop.png") no-repeat 48% bottom;
  padding-bottom: 2em; }

.icon60 {
  width: 61px;
  height: 61px;
  background: transparent url("../img/icon-green-sprite.png") no-repeat;
  float: right;
  margin: 0 0 4px 4px; }

#icn-document {
  background-position: 0px -80px; }

a:hover #icn-document {
  background-position: 0px -1px; }

#icn-dollar {
  background-position: 0px -240px; }

a:hover #icn-dollar {
  background-position: 0px -160px; }

#icn-envelope {
  background-position: 0px -400px; }

a:hover #icn-envelope {
  background-position: 0px -320px; }

#icn-ginkyo {
  background-position: 0px -560px; }

a:hover #icn-ginkyo {
  background-position: 0px -480px; }

#icn-trophy {
  background-position: 0px -720px; }

a:hover #icn-trophy {
  background-position: 0px -641px; }

#icn-chat {
  background-position: 0px -880px; }

a:hover #icn-chat {
  background-position: 0px -801px; }

#icn-check {
  background-position: 0px -1040px; }

a:hover #icn-check {
  background-position: 0px -961px; }

#icn-wifi {
  background-position: 0px -1200px; }

a:hover #icn-wifi {
  background-position: 0px -1120px; }

#icn-aplus {
  background-position: 0px -1360px; }

a:hover #icn-aplus {
  background-position: 0px -1280px; }

#icn-calendar {
  background-position: 0px -1520px; }

a:hover #icn-calendar {
  background-position: 0px -1441px; }

.icon68 {
  display: block;
  zoom: 1;
  margin: 0 auto;
  width: 68px;
  height: 68px;
  background: transparent url("../img/icon-color-sprite.png") no-repeat; }

#high-rise a {
  background-position: 0px -80px; }

#high-rise a.lit, .no-js #high-rise a:hover {
  background-position: 0px 0px; }

#condominiums a {
  background-position: 0px -240px; }

#condominiums a.lit, .no-js #condominiums a:hover {
  background-position: 0px -160px; }

#single-family-homes a {
  background-position: 0px -400px; }

#single-family-homes a.lit, .no-js #single-family-homes a:hover {
  background-position: 0px -320px; }

#master-associations a {
  background-position: 0px -560px; }

#master-associations a.lit, .no-js #master-associations a:hover {
  background-position: 0px -481px; }

#multi-use a {
  background-position: 0px -720px; }

#multi-use a.lit, .no-js #multi-use a:hover {
  background-position: 0px -640px; }

#senior-communities a {
  background-position: 0px -880px; }

#senior-communities a.lit, .no-js #senior-communities a:hover {
  background-position: 0px -800px; }

#floating-homes a {
  background-position: 0px -1040px; }

#floating-homes a.lit, .no-js #floating-homes a:hover {
  background-position: 0px -960px; }

.btn {
  margin: 1.375em 0; }
  .btn button,
  .btn a {
    font-family: "Droid Sans", sans-serif;
    letter-spacing: 1px;
    text-decoration: none;
    display: inline-block;
    *display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 2.5em;
    padding: 0 .91em;
    white-space: nowrap; }

.btn-proposal {
  margin-top: 2.75em;
  margin-bottom: 2.75em; }

.btn-sand {
  background: #f3f3f0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f0',endColorstr='#eae3db');
  background-image: -moz-linear-gradient(top, #f3f3f0 0, #eae3db 100%);
  background-image: -ms-linear-gradient(top, #f3f3f0 0, #eae3db 100%);
  background-image: -webkit-linear-gradient(top, #f3f3f0 0, #eae3db 100%);
  background-image: linear-gradient(to bottom, #f3f3f0 0, #eae3db 100%);
  border: 1px solid #dbd4cd;
  border-bottom-color: #c4bdb5;
  border-radius: 3px;
  color: #c98826 !important;
  text-shadow: 0 1px 0 #fff; }
  .btn-sand:hover {
    border-color: #c4bdb5;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
  .btn-sand:active {
    text-shadow: 0 -1px 0 white;
    border-color: #c4bdb5;
    border-top-color: #B5A18E;
    border-bottom-color: #c4bdb5;
    -moz-box-shadow: inset 0 1px 2px #aaa;
    -ms-box-shadow: inset 0 1px 2px #aaa;
    -webkit-box-shadow: inset 0 1px 2px #aaa;
    box-shadow: inset 0 1px 2px #aaa;
    box-shadow: inset 0 1px 3px #999;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e6',endColorstr='#e0d9d1');
    background-image: -moz-linear-gradient(top, #e9e9e6 0, #e0d9d1 100%);
    background-image: -ms-linear-gradient(top, #e9e9e6 0, #e0d9d1 100%);
    background-image: -webkit-linear-gradient(top, #e9e9e6 0, #e0d9d1 100%);
    background-image: linear-gradient(to bottom, #e9e9e6 0, #e0d9d1 100%); }

.members-page .btn a {
  width: 250px; }

.btn-green,
a.btn-green {
  background: #7bab4f;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bab4f',endColorstr='#378449');
  background-image: -moz-linear-gradient(top, #7bab4f 0, #378449 100%);
  background-image: -ms-linear-gradient(top, #7bab4f 0, #378449 100%);
  background-image: -webkit-linear-gradient(top, #7bab4f 0, #378449 100%);
  background-image: linear-gradient(to bottom, #7bab4f 0, #378449 100%);
  border: 1px solid #2d7a3f;
  border-bottom-color: #0a571c;
  border-radius: 3px;
  color: white;
  text-shadow: 0 -1px 0 #0a571c; }
  .btn-green:hover,
  a.btn-green:hover {
    border-color: #222;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); }
  .btn-green:active,
  a.btn-green:active {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67973b',endColorstr='#237035');
    background-image: -moz-linear-gradient(top, #67973b 0, #237035 100%);
    background-image: -ms-linear-gradient(top, #67973b 0, #237035 100%);
    background-image: -webkit-linear-gradient(top, #67973b 0, #237035 100%);
    background-image: linear-gradient(to bottom, #67973b 0, #237035 100%);
    border-color: #0a571c;
    border-top-color: #000;
    border-bottom-color: #60AA72;
    -moz-box-shadow: inset 0 1px 2px #444;
    -ms-box-shadow: inset 0 1px 2px #444;
    -webkit-box-shadow: inset 0 1px 2px #444;
    box-shadow: inset 0 1px 3px #444;
    text-shadow: 0 -1px 0 #0a571c; }

#cai-link {
  background: transparent url("../img/cai_logo.gif?v=1") no-repeat 0 0;
  height: 52px;
  width: 120px; }

#cai-link:hover {
  background: transparent url("../img/cai_logo.gif?v=1") no-repeat 0 -52px; }

#owcam-link {
  background: transparent url("../img/owcam_logo.gif?v=1") no-repeat 0 0;
  height: 51px;
  width: 95px; }

#owcam-link:hover {
  background: transparent url("../img/owcam_logo.gif?v=1") no-repeat 0 -51px; }

.affiliate-link {
  margin: 0 21px 11px;
  display: inline-block;
  float: left; }

/*===== Fonts ==============================================================
  default style, parent to all others
  ========================================================================== */
blockquote {
  font-family: "Times New Roman", times, serif; }

body {
  font-family: "Lusitana", georgia, serif; }

.font-sans {
  font-family: "Droid Sans", sans-serif; }

.font-slab {
  font-family: "Crete Round", sans-serif; }

.font-serif {
  font-family: "Lusitana", georgia, serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Crete Round", sans-serif; }

nav {
  font-family: "Droid Sans", sans-serif; }

/* Sizes */
.gigantic, h1 {
  font-size: 2em; }

.huge, h2 {
  font-size: 1.875em; }

.large, h3 {
  font-size: 1.75em; }

.bigger, h4 {
  font-size: 1.5em; }

.big, h5 {
  font-size: 1.25em; }

.normal {
  font-size: 100%; }

.small {
  font-size: .9375em; }

.smaller {
  font-size: .8125em; }

.tiny {
  font-size: .6875em; }

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */
.cBrownie {
  color: #3b2315; }

.cCurry {
  color: #c98826; }

.cDarkCurry {
  color: #b57f33; }

.cRed {
  color: #b93c2c; }

.cMocha {
  color: #9b867a; }

.cSand {
  color: #d9d2c9; }

a.internal-link:visited,
a.internal-link:hover {
  color: #c98826; }

.bold {
  font-weight: bold; }

.border3px {
  border: 1px solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-color: #dbd4cd; }

.center {
  text-align: center; }

input[type=text].error,
textarea.error {
  background-color: #ffe5e5;
  border-color: #b93c2c; }

span.error,
p.error {
  color: #b93c2c;
  height: 18px;
  margin-top: 4px; }

.italic {
  font-style: italic; }

.ls1 {
  letter-spacing: 1px; }

.ls0 {
  letter-spacing: 0px; }

.margin0 {
  margin-bottom: 0;
  margin-top: 0; }

.margin-half {
  margin-bottom: 11px; }

.margin-third {
  margin-bottom: 7.333px; }

.upcase {
  text-transform: uppercase; }

.maxi-pad {
  padding: 1em; }

.narrow {
  width: 75%; }

.weight-normal {
  font-weight: normal; }

@-moz-document url-prefix('http') {
  #ft .bold {
    font-weight: 400; } }

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

.ir br {
  display: none; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline;
    font-size: 12px; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }