a, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;

	overflow: hidden;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

img {
	border: 0;
}

div#opentable {
	z-index: 2000;
	margin-top: -8px;
	position: absolute;
}

div#logo {
	position: absolute;
	top: 0;
	left: 0;
	background-color: white;
	width: 100%;
	height: 100px;
	z-index: 1000;
}

div#logo img {
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 118px;
}

header {
	width: 100%;
	height: 30px;
	position: absolute;
	top: 100px;
	z-index: 1001;
}
nav {
	position: relative;
}
nav ul {
	text-align: center;
	margin: 0;
	padding: 0;
	height: 30px;
	background-color: transparent;
}
#headerscreen {
	height: 30px;
	width: 100%;
	background-color: rgba(10, 10, 10, 0.6);
	position: absolute;
	top: 100px;
	z-index: 0;
}

nav li {
	display: inline-block;
	width: 175px;
	height: 30px;
	text-transform: uppercase;
	color: white;
	text-align: center;
	line-height: 30px;
}

nav li a {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
	font-family: 'EB Garamond', serif;
	font-size: 10pt;
	letter-spacing: 2px;
}
nav li a, a:visited {
	color: white;
	text-decoration: none;
}

ul#contents {
	position: absolute;
	top: 130px;
	bottom: 0;
	width: 700px;
	margin: 0;
	padding: 0;
	left: 50%;
	margin-left: -350px;
	text-align: center;

	/*height: 100%;*/

	/*height: calc(100% - 50px);
	height: -moz-calc(100% - 50px);
    height: -webkit-calc(100% - 50px);*/
}

ul#contents li {
	display: inline-block;
	float: left;
	width: 175px;
	height: 100%;
	position: relative;
	margin: 0;
	padding: 0;
}

#olivier, #menus, #reviews, #contact {
	margin: 0;
	padding: 0;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	-moz-box-shadow:    inset 0 0 50px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.7);
    box-shadow:         inset 0 0 50px rgba(0, 0, 0, 0.7);
}

#olivier, #contact {
	padding-top: 20px;
}

#reviews {
	padding-top: 10px;
}

#menus {
	padding-top: 5px;
}

#menus .spacer {
	position: relative;
	top: 20px;
}

.nodisplay {
	display: none;
}

.hidden {
	visibility: hidden;
}

.menu {
	position: absolute;
	top: 0;
	left: 177px;
	height: 600px;
}

div.menu {
	width: 500px;
	height: 600px;
	background: white;
	line-height: 20px;
}

img#winelist-menu {
	width: 470px;
	height: 341px;
}

#closemenu {
	position: absolute;
	top: 8px;
	left: 610px;
}

.highlighted {
	color: white;
	background: rgba(0, 0, 0, 0.8);
	margin: -3px 0 -3px 0;
	padding: 3px 0 3px 0;
}

.highlighted.columntop {
	margin-top: 0;
	padding-top: 0;
}

img.spacer {
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

span.note {
	font-style: italic;
	font-size: 10pt;
}

.heading {
	display: block;
	font-family: 'Cantata One', serif;
	font-size: 12pt;
	text-transform: uppercase;
	height: 50px;
	line-height: 50px;
	letter-spacing: 1px;
}

#olivier #abouttabs {
	line-height: 0;
}

#about {
	text-indent: 20px;
	text-align: left;
	font-family: 'Average', serif;
	font-size: 11pt;
	padding: 0 15px 15px 20px;
}

#chezolivier {
	text-decoration: none;
	color: black;
}

#olivier a, #olivier a:visited {
	color: black;
}

#olivierpic {
	position: absolute;
	top: 0;
	left: 177px;

	width: 173px;
}

#closepic {
	position: absolute;
	top: 5px;
	left: 300px;

	display: none;
}

#olivierbio {
	position: absolute;
	background: white;
	height: 510px;
	width: 500px;
	top: 0px;
	left: 177px;

	font-family: 'Average', serif;
	font-size: 11pt;

	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	line-height: 20px;
}

#olivierbio img#headshot {
	width: 175px;
	float: left;
	margin-top: 18px;
	margin-right: 18px;
}

#closebio {
	display: none;
	position: absolute;
	top: 5px;
	left: 535px;
}

#olivier span.title {
	position: relative;
	top: 15px;
}

#reviews .uline {
	margin-top: 20px;
}

#olivier ul {

	font-family: 'Average', serif;
	font-size: 11pt;

	text-align: left;
	line-height: 30px;
	position: relative;	
	top: -5px;
	right: 5px;
}

#olivier li:before {
	left: -20px;
	position: absolute;
	content: url('/images/dot.png');
}

#reviews {
	display: block;
	font-family: 'Average', serif;
	font-size: 11pt;
}

#reviews a, #reviews a:visited {
	font-weight: bold;
}

#menus {
	margin: 0;
	/*padding: 0;*/
	line-height: 0;
}

#menuspacer {
	margin-top: 0;
	margin-bottom: 10px;
}

#breakfast {
	padding-top: -20px;
}

#menus a, #menus a:visited {
	text-decoration: none;
	color: black;
}

#reviews a, #reviews a:visited {
	color: black;
}

#reviews span.title {
	font-weight: bold;
	text-transform: uppercase;
}

#contact {
	font-family: 'Average', serif;
	line-height: 25px;
}

#contact a, #contact a:visited {
	color: black;
}

#contact span#line1 {
	font-size: 17pt;
}

#contact span#line2 {
	font-size: 10pt;
}

#contact span#line3 {
	font-size: 10pt;
}

#contact span#line4 {
	font-size: 12pt;
}

#contact span#line5 {
	font-size: 17pt;
	line-height: 46px;
}
#map-container {
	line-height: 0;
}
a#map, a#map:visited {
	color: black;
	text-decoration: none;
}

.buried {
	z-index: -1000;
	opacity: 0;
}

#contact iframe {
	position: absolute;
	top: 0;
	right: 177px;
}

h3 {
	position: relative;
	top: 10px;
	margin-top: 0;
}

.super {
	font-size: 60%;
	position: relative;
	bottom: 5px;
}

footer {
	position: fixed;
	left: 50%;
	margin-left: -350px;
	background: white;
	height: 30px;
	width: 700px;
	line-height: 30px;
	bottom: 0;
	text-align: center;
	border-radius: 30px 30px 0px 0px;
	text-transform: uppercase;
	font-family: 'Cantata One', serif;
	font-size: 11pt;
	letter-spacing: 2px;
}

.jquery-modal {
    background: rgba(100, 100, 100, 0.5)
}