body.home div.matte,
video#home_video { display: none; }

div#logo,
body.home div#logo {
  display: block;
  position: fixed;
  text-align: left;
  width: 15%;
  z-index: 503;
  top: 80px;
  right: 7.5%;
  }

  #logo img,
  body.home #logo img { max-width: 100%; }
  
  #logo ul {
    display: block;
    font: 400 75%/140% "proxima-nova-soft-1", "proxima-nova-soft-2", Helvetica, Arial, sans-serif; /* 12 / 16 */
    text-transform: uppercase;
    color: rgba(255,255,255,.4);
    border-top: 1px solid rgba(255,255,255,.15);
    margin: 2em 0;
    }
    #logo:hover ul {
      color: rgba(255,255,255,.7);
      border-color: rgba(255,255,255,.25);
      }
    
    #logo ul li {
      border-bottom: 1px solid rgba(255,255,255,.15);
      padding: 1.3em 0;
      }
    #logo ul li.link { 
      display: block;
      padding: .9em 0; 
      }
    #logo:hover ul li { border-color: rgba(255,255,255,.25); }
      
      #logo ul li strong {
        font-weight: 400;
        }
      
      #logo ul li a {
        color: #6b492e;
        }
      #logo:hover ul li a {
        color: #d6915b;
      }
      #logo ul li a:hover {
        color: #fff;
      }
      
    a.btn_social {
      display: block;
      opacity: .3;
      margin: 0 10px 0 0;
      border: 0;
      }
    #logo:hover a.btn_social {
      opacity: .7;
      }
    #logo a.btn_social:hover {
      opacity: 1;
      }
      
div#nav {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 65px;
  background: url(../../-/graphics/nav_bg.png) no-repeat;
  padding: 20px 0 0 7.5%;
  z-index: 700;
  }

  #nav ul {
    display: block;
    width: 85%;
    }
  
  #nav ul li {
    display: inline-block;
    float: left;
    width: 13.5%; /* 200 / 1400 */
    text-transform: uppercase;
    font: normal 93.75% "proxima-nova-soft-1", "proxima-nova-soft-2", Helvetica, Arial, sans-serif; /* 15 / 16 */
    }
  #nav ul li.restaurants { text-align: right; }
  #nav ul li.purveyors { width: 19%; }
  #nav ul li.purveyors a { margin-left: 5%; }
  #nav ul li.store a { margin-left: 15%; }

  body.food #nav ul li.food a,
  body.drink #nav ul li.drink a,
  body.family #nav ul li.family a,
  body.images #nav ul li.images a,
  body.store #nav ul li.store a,
  body.purveyors #nav ul li.purveyors a,
  body.restaurants #nav ul li.restaurants a { 
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.25);
    cursor: default;
    }
    
select#nav_mobile { display: none; } 

div#container {
  padding: 65px 0 1em 0;
  width: 70%;
  }
  
  #container h2 {
    font-size: 250%; /* 40 / 16 */
    }
    
  #container h3,
  #container h5 { font-size:  93.75%; /* 15 / 16 */ }
  
  #container p {
    font-size: 87.5%; /* 14 / 16 */
    }
    
  #container p.intro {
    font-size: 112.5%; /* 18 / 16 */
    }
    
  ul.subnav li { font-size: 93.75%; /* 15 / 16 */ }
  
  /* thumbs */
  
  ul.thumbs {
    margin: 0 0 0 -3.333333333%;
    }
  
    ul.thumbs li {
      width: 30%;
      padding: 0 0 0 3.3333333333%;
      }
      
      #container ul.thumbs li p {
        font-size: 81.25%; /* 13 / 16 */
        } 

  /* purveyors */
  
  body.purveyors div.toggle_section a img {
    float: left;
    width: 30%;
    margin: 0 4% 4em 0;
    }

  body.purveyors #container div.toggle_section h3,
  body.purveyors #container div.toggle_section p {
    float: left;
    width: 66%;
    }
    
  /* restaurants */

  div.column {
    float: left;
    margin: 0 10% 0 0;
    width: 45%;
    }
  div.column.wohing,
  div.column.heaven { margin-right: 0; }

    .column img {
      width: auto;
      max-width: 100%;
      }
    .column a:hover img {
      opacity: .7;
      } 
      
  /* reservations */
  
  div.opentable {
    height: 50px;
    -moz-box-shadow: 0 0 40px #000;
    -webkit-box-shadow: 0 0 40px #000;
    box-shadow: 0 0 40px #000;
    }

    .opentable ul li {
      float: left;
      padding: 0 18px 0 0;
      }

    .opentable input.TableButton {
      margin: 18px 0 0 0;
      }
      
  body.reservations div.section.split a img {
    float: left;
    width: 48%;
    margin: 0 4% 4em 0;
    }

  body.reservations #container div.section.split h3,
  body.reservations #container div.section.split p {
    display: block;
    float: left;
    width: 48%;
    } 

  /* images */
  
  div#gallery_arrows {
    display: block;
    position: absolute;
    z-index: 556;
    top: 120px;
    right: 22%;
    padding: 0 0 0 119px;
    background: url(../../-/graphics/gallery_keys.png) no-repeat;
    }

    #gallery_arrows a {
      display: block;
      float: left;
      width: 28px;
      height: 28px;
      text-indent: -7777px;
      margin: 0 7px 0 0;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      border-radius: 7px;
      }
    #gallery_arrows a:hover {
      background: #fff;
      opacity: .1;
      }
    
  /* news press */

  body.news div.section a img {
    float: left;
    width: 30%;
    margin: 0 4% 2em 0;
    }

  body.news #container div.section h3,
  body.news #container div.section p {
    display: block;
    float: left;
    width: 66%;
    }
        
  #container #footer p {
    font-size: 75%; /* 12 / 16 */
    }