@charset "utf-8";
/* CSS Document */


/*	LAYOUT
...............................................................*/
	* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	
	body { 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: 658px; width: 800px; text-align: left; position: relative; z-index: 0; background-color:# 000000; overflow: hidden; }
	
	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;}
		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: 25px; left: 560px; top: -280px; width: 139px; height: 264px; font-size: 11px; color: #FFFFFF; z-index: 4; position: relative; }
		div#FloatingColorBlock {padding: 0px; left: 560px; top: 45px; width: 189px; height: 325px; 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: 626px; width: 800px; height: 23px; background-color: #981E32; padding-top: 12px; text-align: center; font-size: 10px; color: #FFF; z-index: 1; position: absolute; }
	
	
/*	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; }
