/* 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: 100%;
  } 
  .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: 22px;
   height: 24px;
      margin-right: 5px;
   background: url("../images/DesktopIcon_Twitter.png") no-repeat 0 0;
  }
#footer .twitterlink:hover
{
 background-position: -22px 0;
}
  #footer .facebooklink {
   float: left;
   width: 15px;
   height: 24px;
      margin-right: 5px;
   background: url("../images/DesktopIcon_Face.png") no-repeat 0 0;
  }
#footer .facebooklink:hover
{
 background-position: -15px 0;
}
 #footer .ytlink {
   float: left;
   width: 26px;
   height: 30px;
     margin-right: 5px;
   background: url("../images/DesktopIcon_YouTube.png") no-repeat 0 0;
 }
  #footer .ytlink:hover
  {
   background-position: -26px 0;
  }
  #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 {padding:0 170px;}
#lgflash, .view {position:relative;}
#lgflash #footer {
  margin: 10px 0px 28px 0px;
}



/* 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;*/
}


/* kickers */

.frame {font-family: 'helvetica neue',helvetica,arial,sans-serif;margin: 0 auto;text-align: left;width: 960px;position:relative;}
	.leftPad {padding-left:170px;} 
	.rightPad {padding-right:190px;} 
	 
	.frame #footer {margin-left:0;}

.view {position:relative;}

.kickersLeft {font-family: georgia,serif;left: 20px;position: absolute;

    /**/  top: 40px;   /**/

	width: 155px;}

.kickersRight {font-family: georgia,serif;position: absolute;right: 0;

	 /**/  top: 40px;   /**/

	width: 170px;}

.kickTout {padding:20px 20px 15px 0;background:url('../images/kickers/kickerdivider.png') bottom left no-repeat;}
	.kickersRight .kickTout {padding:20px 25px 15px 0;}
	#lastKick {background:none;}

	.kickTout h2 {font-size:16px;color:#46443d;margin-bottom:15px;}
	.kickTout a {color:#b27609;}
	.kickTout a:hover {color:#46443d;}


	a.kickHover {font-size:12px;display:block;height:25px;padding-left:45px;margin-bottom:10px;
			background:url('../images/kickers/kickhover.png') left top no-repeat;}

			a.kickHover:hover {background:url('../images/kickers/kickhover.png') left bottom no-repeat;}

		a.kickHover span {display:block;padding-top:5px;}

.kickDetailsWrap {display:none;width:277px;position:absolute;left:130px;z-index: 10;

	  /**/    top:-140px;     /**/

		padding-left:9px;

	 /**/ 	background:url('../images/kickers/kickarrow.gif') left 142px no-repeat; /**/

	}

	.kickersRight .kickDetailsWrap {position:absolute;left:-300px;

	/**/  top:-140px;   /**/

	padding-right:9px;

   /**/   background:url('../images/kickers/kickarrowright.gif') right  142px no-repeat;    /**/

	}



	.kickDetails {background:#fff;padding:25px 27px 15px;font-size:13px;color:#807f7f; }
    .kickDetails h4 {font-size:11px;text-transform:uppercase;color:#4d4d4d;padding-right:20px;margin-bottom:10px;}
    .kickDetails p {padding-right:20px;margin-bottom:10px;}
    .kickDetails img {;margin-bottom:15px;}

    .kickersRight div.kickTout:last-child, .kickersLeft div.kickTout:last-child {background:none;}