/* general layout
---------------------------------------------------------- */
  body {
    color: #000;
    background-color: #DDD6CC;
    background-repeat: no-repeat;
    background-position: 50% 0;
    text-align: center;
  }
  body.cellardoor { background-image: url("../images/background-cellardoor.jpg"); }
  body.swan { background-image: url("../images/background-swan.jpg"); }
  body.vines { background-image: url("../images/background-vines.jpg"); }
  body.waterfall { background-image: url("../images/background-waterfall.jpg"); }
  body.visit { background-image: url("../images/people-bg.jpg"); }
/*  body.tour { background-image: url("../images/background-tour.jpg"); } */
  
  .frame {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    font-family: 'helvetica neue', helvetica, arial, sans-serif;
  }
  a {
    text-decoration: none;
  }

/* header
---------------------------------------------------------- */
  #header {
    height: 55px;
    overflow: hidden;
  }
    #header #topleftnav {
      float: left;
      margin: 33px 0 0 10px;
    }
      #header #topleftnav li {
        font-size: 1em;
        color: #4E4B46;
        display: inline;
      }
      #header #topleftnav li .divider {
        padding: 0 0.8em;
      }
      #header #topleftnav li a {
        color: #4E4B46;
      }
      #header #topleftnav li a:hover {
        color: #000;
      }     
      
    #header #mainnav {
      float: right;
      margin: 14px 10px 0 0;
      position: relative;
    }
      #header #mainnav li {
        display: inline;
        margin-left: 43px;
        font-family: garamond, serif;
        color: #000;
        font-size: 1.2em;
        font-weight: bold;
        text-transform: uppercase; 
      }
      #header #mainnav li a {
        color: #000;
      }
      #header #mainnav .active a,
      #header #mainnav .sfHover > a
      {
        color: #8D5F09 !important;
      }
      #header #mainnav li a:hover {
        text-decoration: none;
        color: #B27609 !important;
      }
      #header #mainnav .subnav {
        position: absolute;
        top: 17px;
        right: 0;
        white-space: nowrap;
      }
      #header #mainnav .subnav li {
        margin-left: 24px;
        font-weight: normal;
        color: #4D4D4D;
        text-transform: lowercase;
        font-size: 1.2em;
      }
      #header #mainnav .subnav li a,
      #header #mainnav .subnav .sfHover a
      {
        color: #4D4D4D;
      }


/* content layout
---------------------------------------------------------- */
  #content {
    clear: both;
    overflow: hidden;
    position: relative;
  }
    #content #leftcol {
      float: left;
      width: 240px;
      overflow: hidden;
    }
      #content #leftcol .inner {
        background-color: #FFF;
        padding: 10px 0 10px 10px;
      }
    #content #middlecol {
      float: left;
      width: 480px;
      overflow: hidden;
    }
    #content #widecol {
      float: left;
      width: 720px;
      overflow: hidden;
    }
      #content #middlecol .inner,
      #content #widecol .inner
      {
        background-color: #FFF;
        padding: 48px 38px 40px 48px;
        min-height: 582px;
          /*this line breaks CHROME but works for distributer on most other browsers.*/
        overflow:auto;
      }
    #content #rightcol {
      float: left;
      width: 240px;
      overflow: hidden;
    }
      #content #rightcol .inner {
        background-color: #FFF;
        padding: 10px 10px 10px 0;
      }
    #content .logo h1 a {
      position: absolute;
      top: 70px;
      right: 10px;
      z-index: 100;
      display: block;
      width: 460px;
      height: 70px;
      text-indent: -999em;
      overflow: hidden;
      background: #FFF url("../images/logo.gif") no-repeat 0 0;
    }

#content .logogprint h1 a {
  position: absolute;
  top: 70px;
  right: 250px;
  z-index: 100;
  display: block;
  width: 460px;
  height: 70px;
  text-indent: -999em;
  overflow: hidden;
  background: #FFF url("../images/logo.gif") no-repeat 0 0;
}

/*.peopleimg {*/
  /*margin: 40px 10px 20px 10px;*/
/*}*/

/*.people {*/
/*display: inline; float: left;*/
/*}*/

/* main text
---------------------------------------------------------- */
  .main {
    font-family: georgia, 'times new roman', times, serif;
    color: #707070;
  }
    .main h2 {
      font-size: 2.2em;
      color: #4D4D4D;
      margin: 36px 0 20px 0;
    }
    .main h3 {
      font-size: 1.7em;
      margin: 24px 0 16px 0;
    }
    .main h5 {
      font-size: 1.1em;
      color: #4D4D4D;
      margin: 0 0 2px 0;
      text-transform: uppercase;
    }
    .main p.intro {
      font-size: 1.7em;
      margin-bottom: 1.4em;
    }
    .main p {
      font-size: 1.3em;
      line-height: 1.5;
      clear: both;
      margin-bottom: 1.8em;
    }
    .main a {
      color: #B27609;
    }
    .main a:hover {
      color: #8D5F09 !important;
    }
    .main table.details {
      clear: both;
      width: 100%;
    }
      .main table.details td {
        font-family: georgia, 'times new roman', times, serif;
        width: 60%;
        font-size: 1.3em;
        color: #707070;     
      }
      .main table.details th {
        font-family: georgia, 'times new roman', times, serif;
        width: 36%;
        font-size: 1.1em;
        line-height: 2;
        color: #4D4D4D;
        text-transform: uppercase;
        font-weight: normal;
      }
    .main a.mediaicon {
      width: 25px;
      height: 25px;
      float: left;
      margin-right: 4px;
      background: url("../images/icons-gray-circle-sprite.gif") no-repeat 0 0;
    }
    .main a.audio                    { background-position:    0       0; }
    .main a.audio:hover              { background-position:    0   -25px; }
    .main a.tooltipphoto             { background-position:  -25px     0; }
    .main a.tooltipphoto:hover       { background-position:  -25px -25px; }
    .main a.video                    { background-position:  -50px     0; }
    .main a.video:hover              { background-position:  -50px -25px; }
    .main #topmedia a.facebook       { background-position:  -75px     0; }
    .main #topmedia a.facebook:hover { background-position:  -75px -25px; }
    .main #topmedia a.twitter        { background-position: -100px     0; }
    .main #topmedia a.twitter:hover  { background-position: -100px -25px; }

  .main #topmedia {
    padding-top: 41px;
    height: 25px;
    overflow: hidden;
  }

    .main #midmedia {
      /*padding-top: 10px;*/
      padding-bottom: 15px;
      height: 25px;
      overflow: hidden;
    }


  .main ul.pointlist {
    margin: 0 65px 0 25px;
    font-size: 1.3em;
  }
    .main ul.pointlist li {
      background: url("../images/middot-838383.gif") no-repeat 0 0;
      padding-left: 16px;
      margin-bottom: 1.2em;
    }
  .main .backlink {
    font-size: 1.3em;
    background: url("../images/arrow-backlink.gif") no-repeat 0 0; 
    padding-left: 15px;
  }

/* jumpmenu
---------------------------------------------------------- */
  .jumpmenu {
    position: relative;
    clear: both;
    width: 228px;
  }
  .jumpmenu li ul {
    display: none;
    z-index: 20;
    position: absolute;
    top: 27px;
    left: -3px;
    background-color: #D5D2C9;
    padding-bottom: 10px;
    width: 330px;
    height: 250px;
    overflow: auto;
  } 
  .jumpmenu a.trigger {
    background: url("../images/vintagemenu-bg.gif") no-repeat 100% 0;
    height: 29px;
    padding: 11px 0 0 2px;
    display: block;
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
    color: #4D4D4D !important;
    cursor: pointer;
  }
  .jumpmenu a.trigger:hover {
    color: #000;
  }
  .jumpmenu li ul li a {
    text-decoration: none;
    font-size: 1.3em;
    color: #4D4D4D;
    display: block;
    padding: 3px 10px;
    cursor: pointer;
  }
  .jumpmenu li ul li a:hover {
    color: #FFF !important;
    background-color: #B27609;
    text-decoration: none;
  }

 
/* leftcol
---------------------------------------------------------- */
  #leftcol {
    font-family: georgia, 'times new roman', times, serif;
    color: #707070;
  }
    #leftcol #leftnav {
      margin: 25px 10px 20px 10px;
    }
      #leftcol #leftnav li {
       margin-bottom: 7px;
       font-size: 1em;
       text-transform: uppercase;
      }
      #leftcol #leftnav li a {
        color: #707070;
      }
      #leftcol #leftnav li a:hover,
      #leftcol #leftnav li.active a
      {
        color: #000;
        text-decoration: none;
      }
   #leftcol .promo {
      margin: 30px 30px 30px 20px;
    }
      #leftcol .promo h6 {
        font-family: garamond, serif;
        color: #000;
        font-size: 1.2em;
        margin-bottom: 8px;
        font-weight: bold;
        text-transform: uppercase; 
      }
      #leftcol .promo p {
        color: #46443D;
        font-size: 1.6em;
        margin-bottom: 0.8em;
      }
      #leftcol .promo a.cta {
        color: #B27609;
        font-size: 1.3em;
      }
      #leftcol .promo a.cta:hover {
        color: #8D5F09;
      }
      
      
/* middlecol
---------------------------------------------------------- */
  #middlecol .pullquote {
    clear: both;
    overflow: hidden;
    background: url("../images/pullquote-left.gif") no-repeat 0 0;
    padding-top: 6px;
    margin-bottom: 2em;
  }
    #middlecol .pullquote p {
      text-indent: 44px;
      margin-bottom: 4px;
    }
    #middlecol .pullquote a.cta {
      color: #C08803;
      display: block;
      clear: left;
      font-size: 1.3em
    }
    #middlecol .pullquote .attribution {
        font-size: 1.1em;
        line-height: 25px;
        color: #5F5F5F;
        text-transform: uppercase;
        float: left;
        clear: left;
        margin-right: 10px;
    }

  
/* footer
---------------------------------------------------------- */
  #footer {
    clear: both;
    overflow: hidden;
    margin: 10px 10px 28px 240px;
  }
    #footer a {
      color: #4E4B46;
    }
    #footer a:hover {
      color: #000;
    }

      #footer #footernav {
      float: left;
      margin: 3px 20px 0 5px;
    }
      #footer #footernav li {
        font-size: 1em;
        color: #454545;
        display: inline;
      }
      #footer #footernav li .divider {
        padding: 0 0.8em;
      }

  #footer .twitterlink {
   float: left;
   width: 20px;
   height: 22px;
   background: url("../images/icn-twitter.gif") no-repeat 0 0;
  }
  #footer .facebooklink {
   float: left;
   width: 20px;
   height: 22px;
   background: url("../images/icn-facebook.gif") no-repeat 0 0;
  }
  #footer .facebooklink:hover,
  #footer .twitterlink:hover
  {
   background-position: 0 -22px;
  }
  #footer p.credits {
    float: right;
    margin: 3px 5px 0 0;
  }
  
  
/* public pagination 
---------------------------------------------------------- */
  .main .pagination {
    float: right;
    clear: right;
  }
    .main .pagination a {
      padding: 0 2px;
      text-decoration: none !important;
      color: #707070;
      font-size: 1.3em;
    }
    .main .pagination a:hover {
      color: #B27609 !important;
    }
    .main .pagination .active {
      color: #8D5F09 !important;
    }
    .main .pagination .arrow {
      padding-left: 0;
      text-indent: -999em;
      width: 12px;
      height: 12px;
      display: inline-block;
      background: url("../images/arrow-backlink.gif") no-repeat 0 0;
    }
    .main .pagination .next {
      background: url("../images/arrow-forwardlink.gif") no-repeat 0 0;
    }


/* modal dialogs & tooltips
---------------------------------------------------------- */
  .publicmodal {
    text-align: left;
  }
    #publicmodal-overlay {
      background-color: #000;
      cursor: wait;
    }
    #publicmodal-container {
      height: auto;
      overflow: hidden;
      padding: 10px 10px 10px 10px;
      background-color: #FFF;
    }
    .publicmodal-close {
      float: right;
      clear: right;
      margin: 6px;
      display: inline;
      width: 22px;
      height: 22px;
      text-indent: -999em;
      background: url("../images/icn-close.gif") no-repeat 0 0;
    }
    .publicmodal-close:hover {
      background-position: 0 -22px;
    }
    #publicmodal-container h2 {
      margin-top: 20px;
      margin-bottom: 10px;
    }
    
    .tooltipcontent {
      z-index: 110;
    }
    .tooltiptextcontent {
      font-family: georgia, 'times new roman', times, serif;
      font-size: 1.3em;
      line-height: 20px;
      color: #AFAFAF;
      padding: 5px 5px 5px 10px;
      background: url("../images/tooltip-bg-text.png") no-repeat 0 0;
      width: 56px;
      text-align: center;
    }

.tooltipimgcontent {
    /*padding: 15px 10px 15px 20px;*/
    /*background: url("../images/tooltip-bg-photo-left.png");*/
    padding: 10px 10px 10px 10px;
    background: #ffffff;
    border: #cfcfcf solid 1px;
    background-size: 100% 100%;
    background-repeat: no-repeat;    
    text-align: center;
}

/* full page flash footer
---------------------------------------------------------- */
#lgflash #footer {
  margin-left: 0;
  margin-right: 0;
}


/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

div.errors {
    /*background: #fff3f3;*/
    /*border: 1px solid red;*/
    color: #993300;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;
}
div.errors li {
	/*background: url(../images/skin/exclamation.png) 8px 0% no-repeat;*/
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}


/*  2 Column Div
---------------------------------------------------------- */
#twocolwrap {
  /*width: 95%;*/
  margin: 0 auto;
  /*background: #99c;*/
}

#leftcontent {
  float: left;
  width: 248px;
  /*width: 500px;*/
  /*background: #9c9;*/
}

#rightsidebar {
  float: right;
  width: 146px;
  /*background: #c9c;*/
}