@charset "utf-8";
/* CSS Document */


/*	LAYOUT
...............................................................*/
	* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    list-style-position: outside;
    right: auto;
	}
	
	
	body {
    /* [disabled]background-color: #000; */
    background-repeat: repeat;
    background-image: url(../Images/VanessasBistroBackgroundTile.jpg);
    width: 100%;
}
	
	div#BGgradient { right: 0px; top: 0px; background-repeat:repeat-x; background-image:url(../Images/BGgradient.png); height: 576px; width: 100%; position: absolute; z-index: 0; }
	
	div#Container {
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
    height: 664px;
    width: 800px;
    text-align: left;
    position: relative;
    z-index: 0;
background-color:#000000;                                                                                                                                 overflow: hidden;
    background-color: #FFFFFF;
}
	
	div#Header { width: 800px; height: 108px; background-color: #981E32; position: absolute; z-index: 1; }
	
		div#Logo { top: 8px; margin-left: 28px; float: left; z-index: 2; position: relative; }
		div#Logo img {border:0;}
		div#Logo:hover { /* for IE */
  						filter:alpha(opacity=70);
  						/* CSS3 standard */
  						opacity:0.7;}
		
		div#Navigation { width: 385px; height: 17px; margin-top:83px; left: 210px; z-index: 20; position: absolute; font-size:13px; color: #FFF; font-weight:700; line-height: 10px; }
			a { text-decoration: none; }
			
			div#Menu:hover { 	color: #ECC182; 
						/* for IE */
						filter:alpha(opacity=60);
						/* CSS3 standard */
						opacity:0.6;}
			div#RSVP:hover { 	color: #ECC182; 
						/* for IE */
  						filter:alpha(opacity=60);
  						/* CSS3 standard */
  						opacity:0.6;}
			div#Reviews:hover { 	color: #ECC182; 
						/* for IE */
  						filter:alpha(opacity=60);
  						/* CSS3 standard */
  						opacity:0.6;}
			div#Locations:hover { 	color: #ECC182; 
						/* for IE */
  						filter:alpha(opacity=60);
  						/* CSS3 standard */
  						opacity:0.6;}
			
			a:visited { color: #FFFFFF; }
		
					div#Betweener { float: left; }
					div#Menu { float: left; }
					div#RSVP { float: left; }
					div#Reviews { float: left; }
					div#Locations { float: left; }
		
		div#Tagline { top: 19px; padding-right: 26px; float: right; z-index: 2; position: relative; }
	
	
	div#Content { padding-top: 108px; width: 800px; height: 515px; background-image:url(../Images/DivBG.jpg); z-index: 0; }
		div#IndexImage {
    left: 0px;
    width: 800px;
    height: 515px;
    z-index: 2;
    position: absolute;
    overflow: hidden;
    border-bottom: 3px solid #9EB28F;
    border-top: 3px solid #9EB28F;
    visiblity: visible;
    top: 109px;
}
		div#gallery { position: relative; width:800px; height:515px; margin:0; padding:0; }
		div#gallery ul { list-style-type: none; }
		div#gallery li { display: block; }
		div#IndexTextBlock {
    padding-top: 10px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 10px;
    left: 589px;
    top: -500px;
    width: 152px;
    height: 487px;
    font-size: 11px;
    color: #FFFFFF;
    z-index: 4;
    position: relative;
}
		div#FloatingColorBlock {
    padding: 0px;
    left: 589px;
    top: 8px;
    width: 189px;
    height: 507px;
    background-color: #744F3C;
    z-index: 3;
    position: relative;
    /* for IE */
    filter: alpha(opacity=70);
    /* CSS3 standard */
    opacity: 0.75;
}
		div#TemplateBorder { top: 65px; width: 675px; height: 378px; margin-right: auto; margin-left: auto; position: relative; border: 3px solid #9EB28F; z-index: 4; }
		div#TemplateWhiteBox { width: 675px; height: 378px; background-color: #FFF; position: relative; z-index: 3;
							/* for IE */
  							filter:alpha(opacity=95);
  							/* CSS3 standard */
  							opacity:0.95;}
		div#TemplateDisplay { top: 0px; width: 675px; height: 378px; position: absolute; z-index: 4; overflow: hidden; }
							
	div#Footer {
    top: 629px;
    width: 800px;
    height: 23px;
    background-color: #981E32;
    padding-top: 12px;
    text-align: center;
    font-size: 10px;
    color: #FFF;
    z-index: 1;
    position: absolute;
    left: auto;
}
	
	
/*	Menu Page
...............................................................*/							
	div#MenuContainer { width: 675px; height: 378px; }
	div#MenuWrap { width: 675px; height: 378px; position: relative; }
			div#MenuSelection { float: left; width: 100px; height: 378px; text-align: center; color: #000; font-size: 16px; line-height: 20px; text-align: center; }
				div#MenuMenu { margin-top: 88px; }
				div#PrixFixe { margin-top: 10px; line-height:14px; }
				div#Dinner { line-height:14px; }
				div#Dessert { line-height:14px; }
				div#Drinks { margin-top: 23px; }
				div#WineList { margin-top: 10px; line-height:14px; }
				div#Beers { line-height:14px; }
				div#Beverages { line-height:14px; }
				div#Specialty { line-height:14px; }
			div#BlackDivider { float: left; top: 30px; width: 2px; height: 312px; position: relative; background-color: #000;
							   /* for IE */
  							   filter:alpha(opacity=50);
  							   /* CSS3 standard */
  							   opacity:0.50;}
			div#MenuDisplay { float: left; width: 559px; height: 316px; padding-left: 5px; margin-bottom: 25px; margin-top: 36px; padding-right: 5px; overflow: auto; position: relative; font-size:12px; color: #000; z-index: 5; /* for IE */
  							filter:alpha(opacity=100);
  							/* CSS3 standard */
  							opacity:1;}
			div#MenuWelcome { padding-left: 20px; width: 510px; height: 89px; overflow: hidden; z-index: 5; }
			div#Welcome { padding-left: 20px; width: 510px; }
			div#spacing { line-height:25px; }

/*	RSVP Page
...............................................................*/	
		div#RSVPwrap {	padding: 27px; text-align: justify; font-size:13px; color: #000;
						/* for IE */
  						filter:alpha(opacity=100);
  						/* CSS3 standard */
  						opacity:1;}

/*	Reviews Page
...............................................................*/
		div#ReviewWrap {/* for IE */
  						filter:alpha(opacity=100);
  						/* CSS3 standard */
  						opacity:1;}
		div#ReviewImage { float: left; width: 151px; height: 312px; padding-left: 28px; top: 37px; position: relative; 
						/* for IE */
  						filter:alpha(opacity=100);
  						/* CSS3 standard */
  						opacity:1;}
		div#ReviewDisplay { float: left; width: 453px; height: 312px; margin-left: 23px; top: 37px; position: relative; font-size:12px; color: #000; 
							/* for IE */
  						filter:alpha(opacity=100);
  						/* CSS3 standard */
  						opacity:1;}
		div#ReviewDisplay img {border:0;}

/*	Locations Page
...............................................................*/
		div#Loading { background-color: #744F3C; padding: 5px; width: 150px; height: 50px; left:320px ; top: 340px; z-index: 2; position: absolute; 
					/* for IE */
  					filter:alpha(opacity=70);
  					/* CSS3 standard */
  					opacity:0.75;}
		div#MapWrap { width: 675px; height: 342px; padding-top: 36px; 
					/* for IE */
  					filter:alpha(opacity=100);
  					/* CSS3 standard */
  					opacity:1;}
		div#LocationInfo { left: 0px; width: 210px; float: left; padding-left: 25px; font-size: 12px; line-height: 15px; padding-right: 15px; }
		div#LocationInfo a{ color: #000; }
		div#LocationInfo hr { color: #000 }
		div#GoogMap { float: right; border: 1px solid #000; margin-right: 22px; }		/* Opentable Style */a.otlink-home { color: #F49696; }a.otlink-home:hover { color: #CFC0C0; }
		
		
/* RSVP Page edits */
.page-rsvp div#TemplateBorder {  height: 411px; }
.page-rsvp div#TemplateWhiteBox { height: 411px; }
.page-rsvp div#TemplateDisplay { height: 411px; }