body {
	
	margin:0 auto;  /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000; background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#page {
	margin:0 auto;
	text-align: center; width:800px; 
}
#description { padding-top:8px; text-align:justify;
	width:245px;
	/*height:190px;*/
	line-height:1.4;
}
#container {
 	height:260px;
	width: 530px; float: left; text-align:left
}
#buttons { 
	float: right;
	width:260px;
	height:270px
}

/*universal selector (*) to remove browser's default values of padding and margin from all elements. Alternatively, you could place these declarations under the ul selector.*/


/*-----------------------------------------------------------------------------------------------------  */

li {
	float: left;
}
/*removes the default HTML list bullets.*/
ul {
padding: 0;
	list-style-type: none;
	margin: auto;
}
ul a {
display: block;
}
#button_menu { width:130px; height:135px; background-image:url(../images/button_menu.jpg);
	}
#button_menu a{ width:130px; height:135px; background-image:url(../images/button_menu.jpg); 
	}
#button_menu a:hover{ width:130px; height:135px; background-image:url(../images/button_menu_o.jpg); 
	}
	
#button_info{width:130px; height:135px; background-image:url(../images/button_info.jpg); }
#button_info a{width:130px; height:135px; background-image:url(../images/button_info.jpg); }
#button_info a:hover{width:130px; height:135px; background-image:url(../images/button_info_o.jpg)}

#button_delivery{width:130px; height:135px; background-image:url(../images/button_delivery.jpg);}
#button_delivery a{width:130px; height:135px; background-image:url(../images/button_delivery.jpg);}
#button_delivery a:hover{width:130px; height:135px; background-image:url(../images/button_delivery_o.jpg);}


#button_contact{width:130px; height:135px; background-image:url(../images/button_contact.jpg); }
#button_contact a{width:130px; height:135px; background-image:url(../images/button_contact.jpg); }
#button_contact a:hover{width:130px; height:135px; background-image:url(../images/button_contact_o.jpg); }



#events{ height:70px}
#content { padding-top:8px;width:255px; height:270px; float:right; text-align:left; }
#order { }
#reservations { height:50px}

#titles{ color:#6e190e; font-size:44px; text-align:left;padding-top:25px; padding-left:70px; }



#space{ height:10px;
}
a, a:visited { color:#000000; text-decoration:none}
a:hover{ color:#430e07; text-decoration:underline}
#txt_gb_menus{ color: #000000; font-size:14px; text-align:left; padding-top:25px; padding-left:60px; }
.txt_gb{ text-align:left; color: #000; font-size:14px;  padding-top:25px; padding-left:70px; padding-right:40px; padding-bottom:25px; }
.txt_gb a{text-align:left; color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
.txt_gb a:hover{text-align:left; text-decoration:underline}

#menus_pic{ width:800px; height:340px;}

#menu_order a{margin:10px; background-image:url(../images/menu_order.jpg); width:175px; height:165px;}
#menu_order a:hover{margin:10px; background-image:url(../images/menu_order_o.jpg); width:175px; height:165px;}


#menu_app a{margin:10px; background-image:url(../images/menu_app.jpg); width:175px; height:165px;}
#menu_app a:hover{margin:10px; background-image:url(../images/menu_app_o.jpg); width:175px; height:165px;}

#menu_pizzas a{margin:10px; background-image:url(../images/menu_pizzas.jpg); width:175px; height:165px;}
#menu_pizzas a:hover{margin:10px; background-image:url(../images/menu_pizzas_o.jpg); width:175px; height:165px;}

#menu_pastas a{margin:10px; background-image:url(../images/menu_pasta.jpg); width:175px; height:165px;}
#menu_pastas a:hover{margin:10px; background-image:url(../images/menu_pasta_o.jpg); width:175px; height:165px;}

#menu_mains a{margin:10px; background-image:url(../images/menu_mains.jpg); width:175px; height:165px;}
#menu_mains a:hover{margin:10px; background-image:url(../images/menu_mains_o.jpg); width:175px; height:165px;}

#menu_wine a{margin:10px; background-image:url(../images/menu_wine.jpg); width:175px; height:165px;}
#menu_wine a:hover{margin:10px; background-image:url(../images/menu_wine_o.jpg); width:175px; height:165px;}

#menu_corporate a{margin:10px; background-image:url(../images/menu_catering.jpg); width:175px; height:165px;}
#menu_corporate a:hover{margin:10px; background-image:url(../images/menu_catering_o.jpg); width:175px; height:165px;}

#menu_private a{margin:10px; background-image:url(../images/menu_private.jpg); width:175px; height:165px;}
#menu_private a:hover{margin:10px; background-image:url(../images/menu_private_o.jpg); width:175px; height:165px;}

.menu_titles{text-align:center;  color: #000000; height:30px; font-size:14px; font-weight:bold;}
.menu_titles a{text-align:center;   color:#000000; height:30px; font-size:14px; font-weight:bold;}
.menu_titles a:hover{text-align:center;  color:#000000; height:30px; font-size:14px; font-weight:bold; text-decoration:underline}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
/*----------------------------------------------------------------------------------------------------- Scroll Bar */
.scroll{width:450px;
		height:480px;
		overflow:auto;
		scrollbar-face-color:#000000;
			scrollbar-highlight-color:#ffffff;	
			scrollbar-3dlight-color:000000;
			scrollbar-track-color:#ffffff;	    
			scrollbar-shadow-color:#ffffff;	
			scrollbar-darkshadow-color:	#000000;
			scrollbar-arrow-color:	#ffffff;}
/*----------------------------------------------------------------------------------------------------- Roll Over */