/*wrapper background*/
html{height: 100%;overflow: auto;}
body{padding:0;background-color: #060200;margin-top: 0px;margin-right: 0;margin-bottom: 0;margin-left: 0;background-image: url(../images/brasserie/images/restaurantBKGWood_03.jpg);background-repeat: repeat-y;background-position: center;}
p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;color: #FFF;}
h1{color: #fffcdf;font-family: Verdana, Geneva, sans-serif;font-size:15px;text-decoration: underline;}
strong{font-weight: bold;color: #fffcdf;font-family: Verdana, Geneva, sans-serif;font-size:13px;}
img {border: none}
img.margin{margin-left:5px;}
img{border:none;}
#spacer{height:5px;width:800px;position:relative;clear:both;}
.hiddenPic {display:none;}
/*WRAPPER BKG*/
#wrapper{width: 100%;display: table;background-repeat: no-repeat;background-position: center top;padding-top:100px;background-image: url(../images/brasserie/brasserieWrapper.jpg);}
#containSite{width:780px;margin-top: 0; margin-right: auto; margin-bottom: 0;margin-left: auto;}
/*END OF WRAPPER BKG*/
/*TOP OF SITE*/
#header{height: 90px;width: 760px;background-image: url(../images/brasserie/restaurantHeader.png);padding-top: 20px;padding-left: 20px;background-repeat: no-repeat;}
/*navigation bar*/
#nav-bar{height: 25px;width: 780px; position: relative; background-image: url(../images/brasserie/images/brasserieNav.png); background-repeat: repeat-y;}
#nav-bar ul{float:left; width:780px;height:25px;margin:0;padding:0;}
#nav-bar li{height: 20px;width: 111px;float: left;list-style:none;line-height:14px;text-align: center;vertical-align: middle;word-spacing: 35px;color: #FFF;padding-top: 7px;}
#nav-bar li a:link, #nav-bar li a:visited, #nav-bar li a:active {font-family: "Trebuchet MS", verdana, sans-serif;font-size: 10px;color: #FFF;text-decoration: none;}
#nav-bar li a:hover {font-family: "Trebuchet MS", verdana, sans-serif;font-size: 10px; color: #730000; text-decoration: none;}
/*END OF navigation bar*/
/*Flash container*/
#flashPagecontainer{height:230px;width:780px;position: relative;background-color: #000;}
#flashContainer{height:230px;width:780px;position: relative;}
#flashcontent {height: 100%;background-color: #FFFFFF;padding-left: 10px;}
#slideshow {position: relative;width: 780px;height: 230px;overflow: hidden;}
#slideshow img {position: absolute;left: 0;top: 0;}
/*END OF Flash container*/
/*content container*/
#contentContainer{height:450px;width: 760px;padding-left: 20px;padding-top: 20px;background-image: url(../images/brasserie/images/contentBKG2.png);background-repeat: no-repeat;background-color: #000;background-position: bottom;}
#bookingContainer{height:550px;width: 760px;padding-left: 20px;padding-top: 20px;background-image: url(../images/brasserie/images/contentBKG2.png);background-repeat: no-repeat;background-color: #000;background-position: bottom;}
/*left section*/
#resContent{height:370px;width: 501px;float: left;margin: 0px;float:left;border-right-width: medium;border-right-style: solid;border-right-color: #FFF;padding-right: 10px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF; }
#resContent p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;color: #FFF;text-decoration: none;text-align: justify;}
#resContent a:link, #resContent a:visited, #resContent a:active {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #720101;text-decoration: none;text-align: justify;}
#resContent a:hover{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #fffcdf;}
/*left section for Loyalty*/
#resContentLoyalty{height:530px;width: 501px;float: left;margin: 0px;float:left;border-right-width: medium;border-right-style: solid;border-right-color: #FFF;padding-right: 10px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF; }
#resContentLoyalty p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;color: #FFF;text-decoration: none;text-align: justify;}
#resContentLoyalty a:link, #resContentLoyalty a:visited, #resContentLoyalty a:active {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #720101;text-decoration: none;text-align: justify;}
#resContentLoyalty a:hover{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #fffcdf;}
#menuContent{height:420px;width: 501px;float: left;margin: 0px;float:left;border-right-width: medium;border-right-style: solid;border-right-color: #FFF;padding-right: 10px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF; overflow:scroll}
#menuContent a:link, #menuContent a:visited, #menuContent a:active {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #720101;text-decoration: none;text-align: justify;}
#menuContent a:hover{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #fffcdf;}
#menuContent h1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFF;
text-decoration: underline;
text-align: justify;
}
#menuContent h1 a:link, #menuContent h1 a:visited, #menuContent h1 a:active {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;color: #720101;text-decoration: none;text-align: justify;}
#menuContent h1 a:hover{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;color: #fffcdf;}
#foodContent{height:auto;width: 490px;float: left;margin: 0px;float:left;border-right-width: medium;border-right-style: solid;border-right-color: #FFF;padding-right: 10px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF;background-color: #000;}
#foodContent p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF;text-decoration: none;text-align: justify;}
#foodContent a:link, #foodContent a:visited, #foodContent a:active {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #720101;text-decoration: none;text-align: justify;}
#foodContent a:hover{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #fffcdf;}
#bookingContent{height:540px;width: 501px;float: left;margin: 0px;float:left;border-right-width: medium;border-right-style: solid;border-right-color: #FFF;padding-right: 10px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF}
#bookingContent p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF;text-decoration: none;text-align: justify;}
#bookinhContent a:link, #bookingContent a:visited, #bookingContent a:active {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #720101;text-decoration: none;text-align: justify;}
#bookingContent a:hover{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #fffcdf;}
/*right section*/
#rightCol{float: right; padding-top: 0;padding-bottom: 0;padding-left: 5px;width: 210px;height:320px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;color: #FFF;text-align: justify;margin: 0;padding-right: 20px;}
#rightCol p{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;color: #FFF;text-decoration: none;text-align: left;}
#rightCol a:link, #rightCol a:visited, #rightCol a:active {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #720101;text-decoration: none;text-align: justify;}
#rightCol a:hover{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;color: #fffcdf;}
/*left section*/
div#indexLeft{position:absolute; width:190px; padding:0; margin:0;}
div#indexLeft span.quote{font-size:200%; font-family:"Times New Roman", Times, serif; font-style:italic; color:#ab8266;}
#mainContent{position:relative;background-color: #093;}
#mainContent img{margin-right:10px; float:left;}
#mainContent #textTwoCol{padding-left:291px;}
#mainContent #textThreeCol{padding-left:0;}
#mainContent h1{margin:0; padding:0 0 4px 0; color:#f57d00; font-size:110%;}
#mainContent h2{margin:0; padding:0 0 4px 0; color:#fff; font-size:110%;}
#mainContent a.external{color:#f57d00;}
#mainContent p{margin:0; padding:0 0 8px 0;}
/*End Top Of content structure*/
/*footer section*/
#footerContainer{width:100%;height:100%;}
#footer{height: auto; width: 780px; margin-right: auto; margin-left: auto; position: relative;}
#footer p {text-align:center;font-family: "Trebuchet MS", verdana, sans-serif;font-size: 10px;color: #FFF;position: relative;left: 20px;}
#footer ul{margin:0;text-align:center;font-family: "Trebuchet MS", verdana, sans-serif;font-size: 11px;padding-top: 0px;padding-right: 0;padding-bottom: 0;}
#footer li{margin:0 0 0 10px;padding:0;display:inline;list-style:none;font-size: 11px}
#footer li a, #footer li a:active, #footer li a:visited{color:#FFFFFF;font-size: 11px;text-decoration:underline}
#footer li a:hover{text-decoration:none;}
#footer a:link {text-align:center;font-family: "Trebuchet MS", verdana, sans-serif;font-size: 10px;text-decoration:underline;color: #FFFFFF;}
#footer a:hover{text-align:center;font-family: "Trebuchet MS", verdana, sans-serif;font-size: 10px; text-decoration:underline;color: #633;}
#footer a:visited{text-align:center;font-family: "Trebuchet MS", verdana, sans-serif;font-size: 10px;text-decoration:underline;color: #FFFFFF;}
/*END OF Footer*/
/*LIGHTBOX v.2*/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*END OF LIGHTBOX v.2*/
/*reservation form*/
#bookingContent #frmReservations p{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #fffddf;}
#bookingContent #frmReservations label{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #fffddf;}
#bookingContent #frmReservations fieldset{background-image: url(../images/brasserie/images/brasserieNav.png); background-repeat: repeat-y;border:none;}
#bookingContent #frmReservations legend {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;background-color: #250701;width: 130px;height: 10px;margin-top: -5px;padding-top: 5px;padding-right: 10px;padding-left:10px;padding-bottom: 5px;}
#bookingContent #frmReservations input:focus, #bookingContent #frmReservations textarea:focus{background-color: #fffddf;}
/*MAILVIVO reservation form*/
#bookingContent #optin p{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #fffddf;}
#bookingContent #optin label{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #fffddf;}
#bookingContent #optin fieldset{background-image: url(../images/brasserie/images/brasserieNav.png); background-repeat: repeat-y;border:none;}
#bookingContent #optin legend {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;background-color: #250701;width: 160px;height: 10px;margin-top: -5px;padding-top: 5px;padding-right: 10px;padding-left:10px;padding-bottom: 5px;}
#bookingContent #optin input:focus, #bookingContent #optin textarea:focus{background-color: #fffddf;}
/*END OF reservation form*/