/* html5doctor.com/html-5-reset-stylesheet/ */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol,ul {
list-style: none;
}
blockquote,q {
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


/*-   SELF-CLEARING FLOATS
------------------------------------------------*/
.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clear {
zoom: 1;
}


/*-   EASING
------------------------------------------------*/

.ease {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}


/*-   BASE
------------------------------------------------*/

body {
background: #000;
color: #fff;
font: normal 100%/1.5 Helvetica, "Calibri", Arial, sans-serif;
}

table {
font-size: inherit;
font: 100%;
}

select,
input,
textarea {
font: 99% sans-serif;
}

a {
color: #d6915b;
text-decoration: none;
}
a:hover {
color: #fff;
border-bottom: 1px solid rgba(255,255,255,.25);
}

input.text,
input[type=text],
textarea {
border: 1px solid #333;
border-color: #333 #333 #666 #666;
}

p,
ul,
ol{
margin-bottom: 1em;
}

abbr[title],
dfn[title] {
border-bottom: 1px dotted #666;
border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
cursor: help;
}

hr,
.skip,
.ineffable {
left: -1000em;
overflow: hidden;
position: absolute;
top: 0;
width: 0;
}


/*-   MAIN
------------------------------------------------*/

div#board {
display: block;
position: fixed;
z-index: 1;
top: 0;
left: 0;
width: 100%;
min-height: 1075px;
background: url("../../-/graphics/bg-food_lunch.jpg") no-repeat 50% top;
}

body.food.lunch div#board {
background-image: url("../../-/graphics/bg-food_lunch.jpg");
}
body.food.dinner div#board {
background-image: url("../../-/graphics/bg-food_dinner.jpg");
}
body.food.dessert div#board {
background-image: url("../../-/graphics/bg-food_dessert.jpg");
}
body.drink div#board {
background-image: url("../../-/graphics/bg-drink.jpg");
}
body.family div#board {
background-image: url("../../-/graphics/bg-family.jpg");
}
body.store div#board {
background-image: url("../../-/graphics/bg-store.jpg");
}
body.images div#board {
background-image: url("../../-/graphics/bg-images.jpg");
}
body.purveyors div#board {
background-image: url("../../-/graphics/bg-purveyors.jpg");
}
body.restaurants div#board {
background-image: url("../../-/graphics/bg-restaurants.jpg");
}
body.contact div#board {
background-image: url("../../-/graphics/bg-contact.jpg");
}
body.reservations div#board {
background-image: url("../../-/graphics/bg-reservations.jpg");
}

body.home {
background: url(../../-/graphics/dining-room.jpg) repeat-x;
}

video#home_video {
display: block;
position: fixed;
z-index: 1;
top: 0;
left: 0;
width: 100%;
opacity: .8;
}

div.spinner {
background: url("../../-/images/spinner.gif") no-repeat center center;
height: 24px;
padding: 20px 0;
}

div.vignette {
display: none;
position: fixed;
z-index: 2;
top: 0;
width: 270px;
height: 100%;
background: url(../../-/graphics/vignette_left.png) repeat-y;
}
div.vignette.left {
left: 0;
}
div.vignette.right {
right: 0;
background: url(../../-/graphics/vignette_right.png) repeat-y;
}

div.matte {
display: none;
position: fixed;
z-index: 3;
left: 0;
top: 20em;
width: 100%;
height: 525px;
background: url(../../-/graphics/bg-home_matte.png) repeat-x;
}

div.pattern {
display: none;
position: fixed;
z-index: 3;
width: 660px;
height: 150px;
background: url(../../-/graphics/pattern_b_l.png) no-repeat;
opacity: .25;
}
div.pattern.bottom {
bottom: -40px;
}
div.pattern.left {
left: 0;
}
div.pattern.top {
top: -30px;
}
div.pattern.right {
right: -80px;
}
div.pattern.bottom.right {
background: url(../../-/graphics/pattern_b_r.png) no-repeat;
width: 180px;
height: 780px;
}
div.pattern.top.right {
background: url(../../-/graphics/pattern_t_r.png) no-repeat;
}

div#page {
position: relative;
width: 85%;
margin: 0 auto;
}

div#logo {
position: relative;
width: 100%;
padding: 0;
text-align: right;
top: 20px;
right: 0;
z-index: 700;
}
body.home div#logo {
position: relative;
padding-top: 2em;
text-align: center;
top: auto;
right: auto;
}

#logo h1 a {
border: 0;
}

#logo img {
max-width: 25%;
}
body.home #logo img {
max-width: 75%;
}

#logo img.black {
display: none;
}

#logo h6 {
display: none;
}

#logo ul {
display: none;
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,.7);
border-top: 1px solid rgba(255,255,255,.15);
margin: 2em 0;
}
body.home #logo ul {
display: block;
}

#logo ul li {
border-bottom: 1px solid rgba(255,255,255,.15);
padding: 1.3em 0;
}
#logo ul li.link {
display: none;
}

#logo ul li strong {
font-weight: 400;
}

a.btn_social {
display: none;
}

select#nav_mobile {
position: relative;
font-size: 75%; /* 12 / 16 */
margin: 20px 0;
z-index: 5;
}
body.home select#nav_mobile {
width: 100%;
font-size: 87.5%; /* 14 / 16 */
}

div#nav {
display: none;
}

/* base content */

div#container {
display: block;
position: relative;
width: 100%;
padding: 0 0 1em 0;
z-index: 500;
}

#container h2 {
display: inline-block;
font-weight: 400;
font-size: 200%; /* 32 / 16 */
font-family: "proxima-nova-soft-1", "proxima-nova-soft-2", Helvetica, Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0 0 0 -2px;
}
body.store #container h2 {
padding: 0 0 .5em 0;
}

#container p {
font-size: 75%; /* 12 / 16 */
line-height: 160%;
padding: 0 0 1em 0;
}

#container p.intro {
font-size: 87.5%; /* 14 / 16 */
line-height: 150%;
padding: 0 0 1em 0;
color: #fff;
}

#container p.dash {
padding: 0;
margin-bottom: .3em;
}

#container h3,
#container h5 {
font: normal 87.5% "proxima-nova-soft-1", "proxima-nova-soft-2", Helvetica, Arial, sans-serif; /* 14 / 16 */
text-transform: uppercase;
padding: 0;
}

/* subnav */

ul.subnav {
display: block;
margin: 0 0 2em -1.4em;
}

ul.subnav li {
display: block;
float: left;
color: rgba(255,255,255,.3);
font-family: "proxima-nova-soft-1", "proxima-nova-soft-2", Helvetica, Arial, sans-serif;
font-size: 75%; /* 12 / 16 */
text-transform: uppercase;
padding: 0 1em 0 0;
}

ul.subnav li a.selected {
color: #fff;
border-bottom: 1px solid rgba(255,255,255,.25);
cursor: default;
}

ul.subnav li em {
padding: 0 1em 0 0;
}

#container p.learn a,
#container p.back a,
#container p.buy a {
font-family: "proxima-nova-soft-1", "proxima-nova-soft-2", Helvetica, Arial, sans-serif;
font-size: 107.5%; /* 15 / 14 */
text-transform: uppercase;
}

#container p.back {
margin: 3em 0 0 0;
}

div.toggle_section {
display: none;
}

/* tables */

ul.menu {
display: block;
font-size: 87.5%;
width: 100%;
color: rgba(255,255,255,.5);
margin: -.3em 0 2em 0;
}

ul.menu li {
float: left;
width: 90%;
padding: .2em 0;
}
ul.menu li.price {
text-align: right;
width: 10%;
}

#section_wine ul.menu li {
width: 85%;
}
#section_wine ul.menu li.price {
width: 7.5%;
}

ul.menu li strong {
font-weight: normal;
color: #fff;
padding: 0 4px 0 0;
}

ul.menu li strong a {
font-weight: bold;
}

/* thumbs */

ul.thumbs {
display: block;
margin: 0 0 0 -6%;

}

ul.thumbs li {
float: left;
width: 44%;
padding: 0 0 0 6%;


}

ul.thumbs li img {
max-width: 100%;
margin: 0 0 .5em 0;
opacity: .7;

}

ul.thumbs li:hover img {
opacity: 1;
}

#container ul.thumbs li p {
font-size: 75%; /* 12 / 16 */
}

ul.thumbs li a.thumb {
border: 0;

}

.bios img.bio {
max-width: 100%;
margin: 0 0 1.5em 0;

}

#container .bios h3 {
font-size: 125%;
color: rgba(255,255,255,.5);
}

#container .bios h3 strong {
color: #fff;
font-weight: normal;
}

/* home */

body.home #container h3 {
padding: 2em 0 0 0;
margin: 0 0 1em 0;
}

body.home #container h3 span {
font-size: 300%;
line-height: 100%;
}
body.home #container h3 span.copper {
color: #d6915b;
}
body.home #container h3 span.yellow {
color: #f0e27f;
}
body.home #container h3 span.teal {
color: #9dcec4;
display: block;
}

body.home #container p.intro {
width: 75%;
}

/* images */

div#gallery {
display: block;
position: absolute;
z-index: 555;
top: 180px;
left: 0;
right: -55%;
overflow: hidden;
height: 500px;
}

div#gallery .holder {
width: 99999px;
margin: 0;
}

div#gallery .holder > div {
float: left;
margin: 0;
padding: 0;
}

div#gallery img {
position: relative;
opacity: 0.3;
filter: alpha(opacity=30);
zoom: 1;
padding: 0 20px 50px 0;
margin: 0;
border: 0;
}

div#gallery img:hover {
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50);
zoom: 1;
}

div#gallery img.selected {
opacity: 1;
filter: alpha(opacity=100);
zoom: 1;
}

div#gallery_arrows {
display: none;
}

/* store */

div.section {
/*background: url(../../-/graphics/divider.png) no-repeat left bottom;*/
border-bottom: 1px solid rgba(255,255,255,.1);
padding: 0;
margin: 0 0 2em 0;
}

img.store_img,
img.book_img {
position: relative;
max-width: 100%;
padding: 0;
margin: .3em 0 1.5em 0;
}
img.book_img {
	float: left;
	width: auto;
	clear: none;
}

div.book_copy {
float: left;
width: 47.5%;
margin: 0 0 0 5%;
}

#container .book_copy p.button {
padding: 0 0 .3em 0;
}

img.book_thumb {
float: left;
width: 75px;
margin: 0 1em 0 0;
}

body.home #container h3.book {
float: left:
margin: 0;
padding: 1em 0 0 0;
}

/* purveyors */

body.purveyors div.toggle_section {
padding: 0 0 2em 0;
}

body.purveyors div.toggle_section a img {
display: block;
width: 100%;
margin: 0 4% 2em 0;
}

body.purveyors #container div.toggle_section h3,
body.purveyors #container div.toggle_section p {
display: block;
width: 100%;
}

body.purveyors #container div.toggle_section h5 {
padding: 0 0 2em 0;
}

body.purveyors #container div.toggle_section p {
padding: 0;
margin: 0 0 4em 0;
}
body.purveyors #container div.toggle_section p.dash {
margin: 0;
}

body.purveyors #container div.toggle_section h2 {
display: block;
padding: 0;
margin: 0;
}

/* restaurants */

div.column {
display: block;
padding: 0 0 1em 0;
width: 100%;
}

.column img {
width: 100%;
}

.column a.logo {
display: block;
border: 0;
margin: 0 0 1em 0;
}

/* reservations */

div.opentable {
display: block;
height: auto;
background: url(../../-/graphics/opentable_bg.png) no-repeat right bottom;
margin: 0 0 40px 0;
padding: 30px;
}

.opentable ul li {
display: block;
padding: 0 0 15px 0;
}
.opentable ul li.btn {
padding: 0 0 30px 0;
}

#container .opentable p {
padding: 0;
margin: 0 0 .2em 0;
}

.opentable input.TableButton {
margin: 18px 0 0 0;
}

body.reservations div.section.split a img {
display: block;
width: 100%;
margin: 0 0 2em 0;
}

/* contact */

.form input,
.form textarea,
.form select {
display: block;
width: 65%;
padding: .7em 1em;
font: normal 87.5% Helvetica, Arial, sans-serif;
color: #333;
margin: .3em 0 0 0;
}

.form input,
.form textarea {
background: #fff;
border: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.form select {
width: auto;
}

.form input.date {
width: 30%;
}

.form input.button {
background: #d6915b;
color: #333;
width: auto;
text-transform: uppercase;
font-weight: bold;
padding: 1em 2em;
}

/* news press */

body.news div.section a img {
display: block;
width: 100%;
margin: 0 0 2em 0;
}

body.news #container div.section p {
padding: 0;
margin: 0 0 1em 0;
}
body.news #container div.section p.dash {
margin: 0;
}

/* prix fixe */

ul.prixfixe {
display: block;
padding: 1em 0 0 0;
margin: 0 0 2em 0;
}

ul.prixfixe li {
float: left;
width: 50%;
font-size: 75%; /* 12 / 16 */
color: rgba(255,255,255,.5);
background: rgba(214,145,91,.3);
text-align: center;
padding: 2.5em 2.5% 2.7em 2.5%;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
ul.prixfixe li.or {
width: 10%;
background: none;
padding: 3.5em 0 0 0;
}

ul.prixfixe li strong {
display: block;
color: #fff;
font: 400 150% "proxima-nova-soft-1", "proxima-nova-soft-2", Helvetica, Arial, sans-serif; /* 24 / 16 */
text-transform: uppercase;
}

#section_lunch div.column {
width: 45%;
margin-right: 10%;
}
#section_lunch div.column.right {
margin: 0;
padding: 1em 0 1em 0;
}

#section_lunch div.column ul.prixfixe li {
float: none;
width: 95%;
}

#section_dinner div.column {
width: 45%;
margin-right: 10%;
}
#section_dinner div.column.right {
margin: 0;
padding: 1em 0 1em 0;
}

#section_dinner div.column ul.prixfixe li {
float: none;
width: 95%;
}

/* footer */

div#footer {
margin: 5em 0 0 0;
}
body.home div#footer {
margin: 3em 0 0 0;
}
body.images div#footer {
padding: 475px 0 0 0;
}

#container #footer p {
font-weight: 400;
font-size: 68.75%; /* 11 / 16 */
font-family: "proxima-nova-soft-1", "proxima-nova-soft-2", Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: rgba(255,255,255,.5);
margin: 0;
padding: 0;
}

#container #footer p.photography {
display: none;
}
body.images #container #footer p.photography {
display: block;
}

#container #footer p.photography,
#container #footer p.photography a {
color: rgba(255,255,255,.3);
}
#container #footer p.photography a:hover {
color: #fff;
}

#container #footer p strong {
font-weight: 400;
}

#container #footer p em {
color: rgba(255,255,255,.3);
padding: .3em;
}


/*-   MEDIA QUERIES
----------------------------------------------------------------------*/

@media screen and (min-width: 765px) {

body.home div.matte {
display: block;
}

video#home_video {
display: block;
}

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: inline-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: block;
float: left;
width: 11.5%; /* 200 / 1400 */
text-transform: uppercase;
font: normal 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: 16%;
}
#nav ul li.cards {
width: 14%;
}
#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.moss,
div.column.hard,
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 */
}

}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

div#logo {
width: 20%;
}

#nav ul li,
#container h3,
#container h5,
ul.subnav li {
font-size: 81.25%; /* 13 / 16 */
}

#container p.learn a,
#container p.back a,
#container p.buy a {
font-size: 92.857143%; /* 13 / 14 */
}

#logo ul {
font-size: 68.75%; /* 11 / 16 */
}

}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2) {

div#board,
div.pattern,
div.vignette,
video#home_video,
#container #footer p.photography {
display: none;
}

}
/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}
.bookimage {
	clear: none;
	width: 75px;
}
.booktext {
	width: auto;
	clear: none;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}

}
.booktext {
	clear: none;
	float: left;
}
.bookcontainer {
	clear: none;
	float: left;
	width: 50%;
	background:transparent;
	padding-bottom: 0px;
	
}