/* general tag styles */

body, html {
    height : 100%; 
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #747475;
	background-color: #2F2931;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 11px;
}

p, td, li, form, label {
	font-size: 11px;
}

td, ul, ol, li, form, input, select {
	padding: 0;
	margin: 0;
}

img {
	padding: 0;
	border: 0;
}

p {
	line-height: 120%;
	padding: 0 0 10px 0;
	color: #747475;
	font-weight: normal;
	border: 0;
	margin: 0;
}

p.clearit {
  clear: both;
  line-height: 1px;
} 

h1 {
    font-size: x-small;
	line-height: 120%;
	padding: 10px 0 1px 0;
	borer: 0;
	margin: 0;
	color: #fff;
}

h2, h3, h4 {
    font-size: x-small;
	line-height: 120%;
	padding: 0 0 10px 0;
	borer: 0;
	margin: 0;
	color: #fff;
}

h5, h6 {
	font-size: x-small;
	padding: 10px 0 2px 0;
	border: 0;
	margin: 0;
}

select {
	font-size: x-small;
}

a {
	color: #747475;
}

a:hover {
	color: #747475;
}

label {
	color: #000;
	vertical-align: top;
	font-size: x-small;
}

.em-note {
  font-style: italic;
}

/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
	font-size: x-small;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}

td.dotted-separator {
	background: url(/i/dotted_vertical.gif) top left repeat-y;
}

/* main containers */ 

#site-container {
    height : 100%; 
}

#main-container {
	text-align: left; 
	margin: 0 auto;
	width: 966px;
}

#content {
	height: 598px;
	width: 966px;
}

#home-l {
	background: url(../images/home_l.jpg) left top no-repeat;
	padding: 75px 45px 0 41px;
	width: 314px;
}

#home-l p {
	text-align: justify;
	line-height: 145%;
}

#home-l p.indent {
	padding: 10px 0 20px 20px;
}


#home-r {
	background: url(../images/home_r.jpg) left top no-repeat;
	padding: 10px 8px 0 0;
}

#home-r p {
	text-align: right;
}

/* navigation */

#nav {
	background: url(../images/nav_bg.jpg) left top repeat-x;
	width: 167px;
	padding: 75px 0 0 0;
}

#main-nav {
	margin: 37px 0 0 0;
}

#subnav {
	background: url(../images/subnav_bg.jpg) left top no-repeat;
	width: 179px;
	padding: 0 0 32px 0;
	vertical-align: bottom;
}

.subnav-brasserie {
	vertical-align: top !important;
	padding: 325px 0 0 0 !important;
}

.menu {
	vertical-align: bottom;
	padding: 75px 45px 138px 41px !important;
}

.menu-bar {
	vertical-align: bottom;
	padding: 75px 45px 43px 41px !important;
}

.menu table td, .menu-bar table td {
	border-bottom: 1px solid #D3D3D5;
	padding: 10px 15px 10px 0;
}

.menu-bar table th {
	border-bottom: 1px solid #D3D3D5;
	padding: 10px 15px 20px 0;
	font-weight: bold;
	color: #181818;
	text-align: left;
}

#content-l {
	background: url(../images/content_l.jpg) left top no-repeat;
	padding: 75px 45px 0 41px;
	width: 314px;
	overflow: hidden;
}

#content-r {
	background: url(../images/content_l.jpg) left top no-repeat;
	padding: 38px 45px 0 41px;
	width: 314px;
	overflow: hidden;
}

#content-r p{
	padding: 0 0 15px 0;
	margin: 0;
}

#content-r p a{
	padding: 0;
	margin: 0;
}

#content-l p {
	text-align: justify;
	line-height: 145%;
}

.jobs p {
	text-align: left !important;
}

.indent {
	padding: 10px 0 20px 20px;
}

#footer {
	color: #919191;
	font-size: 10px;
	padding: 0;
    margin: 0 auto;
	width: 966px;
    text-align: left;
}

#footer p {
	color: #919191;
	font-size: 10px;
	float: right;
}

#footer p a {
	color: #919191;
	font-size: 10px;
	text-decoration: none
}

#footer p a:hover {
	text-decoration: underline;
}

#content-r p.line{
	padding: 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #D3D3D5;
}

#content-r p.img{
	padding: 0;
	margin: 0 0 5px 0;
}

.images {
	background: #000 !important;
	padding: 75px 0 0 0 !important;
	width: 400px !important;
}

.images-scroll {
	padding: 30px 30px 0 30px;
	text-align: left !important;
	width: 340px;
}

.images-scroll span {
	float: right;
}

.gallery-scroll {
	/*margin: 25px 0 0 0;*/
	text-align: left;
}

.gallery-scroll .img-flush-right{
	float: right;
}

#content-r {
	background: url(../images/content_r.jpg) left top no-repeat;
	padding: 75px 40px 0 41px;
	width: 319px;
	overflow: hidden;
}

#content-r img {
	margin: 0 2px 2px 0;
}

.reserveren {
	padding: 42px 45px 0 41px !important;
}

.reserveren p {
	text-align: left !important;
}

.frm {
	margin: 10px 0 0 0;
}

.frm td {
	color: #181818;
	line-height: 160%;
	padding: 0 0 3px 0;
}

.frm td input, .frm td textarea {
	border: 1px solid #B9B9B9;
	font-size: 11px;
	padding: 1px;
	width: 304px;
}

.frm td .postcode {
	width: 84px;
}

.frm td .gem {
	width: 205px;
}

.frm td .btn {
	width: 82px;
	border: none;
	margin: 10px 0 5px 0;
}

.h-line {
	border-top: 1px solid #D3D3D5;
	padding: 0;
}

#intro-r {
	background: url(../images/intro_r.jpg) left top no-repeat;
	padding: 10px 8px 0 0;
}

#intro-r p.reserve {
	text-align: right;
}

.intro-nav {
	background: url(../images/intro_nav_bg.jpg) left top no-repeat !important;
	width: 167px;
	padding: 75px 0 0 0;
}

.intro-main-nav {
	margin: 28px 0 0 0 !important;
}

.indent {
	padding: 115px 50px 0 41px;
}

.error{
	padding: 0;
	margin: 0;
	font-size: 10px;
	color: #f00;
}


/* Overlayers */

#overlayer {
	position: absolute;
	left: 50%;
	background: #fff;
	background-position: left top;
	background-repeat: repeat;
	width: 450px;
	padding: 0;
	border: 1px solid #989798;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	opacity: 0.9;z

}

#overlayer-valentine {
	background: url(../images/overlayer_valentine_bg.jpg) right bottom no-repeat;;
	padding: 20px 35px 150px 35px;
}

#overlayer-general {
	background: url(../images/overlayer_general_bg.jpg) right bottom no-repeat;
	padding: 20px 35px 150px 35px;
}

#overlayer-christmas {
	background: url(../images/overlayer_christmas_bg.jpg) left bottom no-repeat;;
	padding: 20px 35px 150px 35px;
}

#overlayer-easter {
	background: url(../images/easter-bg.gif) right bottom no-repeat;;
	padding: 20px 35px 150px 35px;
    text-align: left;
}

#overlayer-christmas .indent {
	padding:  0 0 0 110px;
}

.newyear {
	background: #000 !important;
	border: none !important;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity: 0.1;
}

.image {
	background: #fff !important;
	border: none !important;
	width: 650px !important;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity: 0.1;
}

#overlayer-newyear {
	background: url(../images/overlayer_newyear_bg.jpg) left bottom no-repeat;;
	padding: 20px 35px 190px 35px;
}

#overlayer-image {
	padding: 20px 35px 120px 35px;
}


#overlayer-newyear p {
	color: #BBBABA !important;
}

#overlayer p {
	color: #2D2C2A;   
	text-align: left;
}

#overlayer-image h2 {
	text-align: left;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #000 !important;
}

#overlayer h2 {
	text-align: left;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	font-size: 14px;
}

#overlayer-general h2, #overlayer-christmas h2, #overlayer-easter h2 {
	color: #D1BE98;
}

#overlayer-valentine h2 {
	color: #E51700;
}

#overlayer-newyear h2 {
	color: #BBBABA;
}

#overlayer .close {
	text-align: right;
	padding: 0 0 50px 0;
	margin: 0 -15px 0 0;
}

.pdf {
	background: url(../images/icon_pdf.gif) left top no-repeat;
	padding: 0 0 25px 17px;
	margin: 0 0 0 22px;
	color: #2D2C2A;
}

.pdf a {
	color: #2D2C2A;
	text-decoration: none;
}

.pdf a:hover {
	color: #2D2C2A;
	text-decoration: underline;
}