@import url(reset.css);
@import url(tools.css);
/*  = INFO
/*  -------------------------------------------------------- */
  /*

    project:          Garnish - Garnish 2.0
    file:             screen.css
    creator:          Ben Kutil <ben@make-things.com>
    creation date:    Thu Sep 24 23:06:11 EDT 2009
    copyright:        (c) 2009 - Make Things Studio, LLC
                      All rights reserved.      

    info:             Main Stylesheet for Garnish 2.0

  */
/*  -------------------------------------------------------- */
/*  = [end] INFO */

/*  = Typography
/*  -------------------------------------------------------- */
    
    body { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; line-height: 15px; color: #6D6F6E; }
    h1, h2, h3, h4, h5, h6 { position: relative; margin: 0; font-family: "Mrs Eaves", "Hoefler Text", Hoefler, georgia, serif; font-weight: lighter; line-height: 1; color: #A9BCA7; }

    h1 { font-size: 27px; }
    h2 { font-size: 12px; margin: .5em 0 0; text-transform: uppercase; letter-spacing: 1px; color: #7EC57D; }
    h3 { font-size: 15px; margin: .5em 0 1em; }
    h4 { font-size: 13.5px; margin: .5em 0 1em; }
    h5 { font-size: 12px; font-weight: bold; margin: .5em 0 1em; }
    h6 { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; }

    p, pre, address { margin: 0 0 1em; font-size: 12px; line-height: 18px; }
    abbr, code, kbd,
    samp, small, var { line-height: 15px; }
    em { font-family: georgia, serif; font-style: italic; color: #112527; }
    ul, ol, dl, dialog { font-size: 11px; line-height: 15px; position: relative; margin-top: 0; margin-bottom: 0; }
    li { margin: 0 0 6px; padding: 0 0 0 0; }
    li ul, li ol { top: 0; margin-top: 0; margin-bottom: 0; }
    li h1, li h2, li h3,
    li h4, li h5, li h6,
    li p { top: 0; margin: 0; }
  
    h1:first-child,
    h2:first-child,
    h3:first-child,
    h4:first-child { margin-top: 0; }

    table { font-size: 11px; line-height: 15px; margin: 18px 0; }
    th, td { padding: 3px 12px; line-height: 30px; }
    th { background: rgba(0, 0, 0, 0.2); }
    tr:nth-child(even) { background: rgba(0, 0, 0, 0.1); }
    tr:nth-child(odd) { }

    hr { position: relative; height: 4px; margin: 18px 0 14px 0; }
    
    a:link,
    a:visited { color: #A8BBA6; }
    a:hover,
    a:active { text-decoration: underline; color: #c4aa69; }
    
    .press li { font-size: 1.2em; }
/*  -------------------------------------------------------- */
/*  = [end] Typography */

/*  = Forms
/*  -------------------------------------------------------- */
    
    legend { display: none; }
    label { display: block; }
    input, select { font-size: 12px; }
    .ctl { display: inline; float: left; width: 100%; margin: 0 0 15px; }
    .text input { border: 1px solid #B4E7B5; }
    .submit label { display: none; }
    .submit input { padding: 3px 6px; font-weight: bold; color: #fff; background: #B4E7B5;}

/*  -------------------------------------------------------- */
/*  = [end] Forms */

@media screen {
  
  /*  = General Structure
  /*  -------------------------------------------------------- */
      body { text-align: center; background: url(/_assets/images/_s/bg-body.gif) left top repeat; }
      #wrap { position: relative; width: 723px; margin: 0 auto; padding: 110px 0 0 0; text-align: left; }
      #branding-logo { position: absolute; top: 7px; left: 50%; width: 330px; margin: 0 0 0 -165px; z-index: 100; }
     
      #content { margin: 67px 0 0 0; padding: 9px 9px 9px; border: 3px solid #B4E7B5; background: url(/_assets/images/_s/brdr-content.gif) 0 0 repeat; }
      
        #wrap-content { padding: 0 0 30px; background: #fff; }
          #nav-tier1 { display: inline; float: left; width: 675px; margin: 80px 0 20px 32px; }
          #nav-tier1 li { display: inline; float: left; margin: 0 15px 0 0; }
          #nav-tier1 a,
          #nav-tier1 span { display: block; height: 36px; }

          
          #nav-tier1-01 a,
          #nav-tier1-01 span { width: 46px; }
          #nav-tier1-01 span { background: url(/_assets/images/_s/ir-nav-tier1.gif) left top no-repeat; }
          #nav-tier1-01 a:hover span { background-position: left -36px; }
          
          #nav-tier1-01 strong a,
          #nav-tier1-01 strong a span,
          #nav-tier1-01 strong a:hover span { width: 55px; cursor: default; background-position: left -72px; }
          
          #nav-tier1-02 a,
          #nav-tier1-02 span { width: 94px; }
          #nav-tier1-02 span { background: url(/_assets/images/_s/ir-nav-tier1.gif) -47px top no-repeat; }
          #nav-tier1-02 a:hover span { background-position: -47px -36px; }
          #nav-tier1-02 strong a,
          #nav-tier1-02 strong a span,
          #nav-tier1-02 strong a:hover span { width: 101px; cursor: default; background-position: -55px -72px; }
          
          
          #nav-tier1-03 a,
          #nav-tier1-03 span { width: 90px; }
          #nav-tier1-03 span { background: url(/_assets/images/_s/ir-nav-tier1.gif) -142px top no-repeat; }
          #nav-tier1-03 a:hover span { background-position: -142px -36px; }
          #nav-tier1-03 strong a,
          #nav-tier1-03 strong a span,
          #nav-tier1-03 strong a:hover span { width: 88px; cursor: default; background-position: -156px -72px; }
          
          #nav-tier1-04 a,
          #nav-tier1-04 span { width: 71px; }
          #nav-tier1-04 span { background: url(/_assets/images/_s/ir-nav-tier1.gif) -232px top no-repeat; }
          #nav-tier1-04 a:hover span { background-position: -232px -36px; }
          #nav-tier1-04 strong a,
          #nav-tier1-04 strong a span,
          #nav-tier1-04 strong a:hover span { width: 73px; cursor: default; background-position: -244px -72px; }
          
          #nav-tier1-05 a,
          #nav-tier1-05 span { width: 60px; }
          #nav-tier1-05 span { background: url(/_assets/images/_s/ir-nav-tier1.gif) -303px top no-repeat; }
          #nav-tier1-05 a:hover span { background-position: -303px -36px; }
          #nav-tier1-05 strong a,
          #nav-tier1-05 strong a span,
          #nav-tier1-05 strong a:hover span { width: 67px; cursor: default; background-position: -317px -72px; }
          
          #nav-tier1-06 a,
          #nav-tier1-06 span { width: 38px; }
          #nav-tier1-06 span { background: url(/_assets/images/_s/ir-nav-tier1.gif) -363px top no-repeat; }
          #nav-tier1-06 a:hover span { background-position: -363px -36px; }
          #nav-tier1-06 strong a,
          #nav-tier1-06 strong a span,
          #nav-tier1-06 strong a:hover span { width: 50px; cursor: default; background-position: -384px -72px; }
          
          #nav-tier1-07 a,
          #nav-tier1-07 span { width: 90px; }
          #nav-tier1-07 span { background: url(/_assets/images/_s/ir-nav-tier1.gif) -401px top no-repeat; }
          #nav-tier1-07 a:hover span { background-position: -401px -36px; }
          #nav-tier1-07 strong a,
          #nav-tier1-07 strong a span,
          #nav-tier1-07 strong a:hover span { width: 99px; cursor: default; background-position: -434px -72px; }
          
          #nav-tier1-08 a,
          #nav-tier1-08 span { width: 35px; }
          #nav-tier1-08 span { background: url(/_assets/images/_s/ir-nav-tier1.gif) -491px top no-repeat; }
          #nav-tier1-08 a:hover span { background-position: -491px -36px; }
          #nav-tier1-08 strong a,
          #nav-tier1-08 strong a span,
          #nav-tier1-08 strong a:hover span { width: 55px; cursor: default; background-position: -491px -72px; }
      
      #nav-utility { position: relative; z-index: 1; display: inline; float: left; width: 100%; margin: 0; padding: 0; height: 27px; border-top: 2px solid #c9e2c9; border-bottom: 2px solid #c9e2c9; background: url(/_assets/images/_s/bg-nav-utility.gif) left top repeat-x; }  
        #nav-utility li { display: inline; float: left; width: 175px; margin: 6px 0 0; }
        #nav-utility a { display: block; font-family: georgia, serif; font-size: 10px; text-transform: uppercase; text-decoration: none; text-align: right; }
        #nav-utility #util-appt { display: inline; float: right; text-align: left; }
        #nav-utility #util-appt a { text-align: left; }
      
      #siteinfo { width: 720px; margin: 15px auto; }
        #siteinfo dt,
        #siteinfo dd { display: inline; font-size: 9px; line-height: 12px; letter-spacing: .05em; text-transform: uppercase; color: #6D6F6E;}
        #siteinfo .vevent,
        #siteinfo .adr,
        #siteinfo .tel { margin-right: 12px; }
        #siteinfo .last { display: inline; float: left; width: 100%; text-align: center; }
  /*  -------------------------------------------------------- */
  /*  = [end] General Structure */
  
  /*  = Index
  /*  -------------------------------------------------------- */

      #index #main-content,
      #index #sub-content { display: inline; float: left; width: 620px; margin: 0 0 46px 32px; padding: 4px 4px 0px; border: 3px solid #B4E7B5; }
      #index #sub-content { margin-bottom: 10px; border: none; text-align: center; }


  /*  -------------------------------------------------------- */
  /*  = [end] Index */
  
  /*  = Interior
  /*  -------------------------------------------------------- */
      #interior #content { margin-top: 10px; }
      #interior #nav-tier1 { margin-top: 105px;}
      #interior #main-content { display:inline; float:left; width:370px; margin:0 0 0 305px; }
      #interior #sub-content { display:inline; float:left; width:220px; margin:0 0 0 -645px; }
        #interior #sub-content img { padding: 5px; border:2px solid #B4E7B5; background: none; }
        
      #interior .col { display: inline; float: left; width: 130px; margin: 0 30px 9px 0; }
      #interior div.last { margin-right: 0; }
      #interior.collections #wrap-content,
      #interior.accessories #wrap-content { padding-bottom: 18px; }
      #interior.collections #main-content { margin: 0 0 0 210px; width: 475px;}
      #interior.collections #main-content li a { text-transform: uppercase; text-decoration: none; }
      #interior.collections #sub-content { width: 170px; margin-left: -655px;}
      
      .collections strong { font-family: georgia, serif; font-weight: normal; font-size: 12px; text-transform: uppercase; }
      
      #interior.gallery #main-content { display: inline; float: left; width: 620px; margin: 0 0 46px 32px; }
      #interior.gallery #gallery { width: 600px; margin: 0 auto; padding: 4px 4px 0px; border: 1px solid #B4E7B5; }
      
      #interior.about #content { padding-bottom: 12px; }
      #interior.about .list #wrap-content { padding-bottom: 33px; }
      
  /*  -------------------------------------------------------- */
  /*  = [end] Interior */
  
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
  
  .sIFR-active #interior h1,
  .sIFR-active #interior h2 { visibility: hidden; margin: 0; line-height: 1;}
}
@media print {
  
}