@charset "UTF-8";
body {
	font: small Verdana, Arial, Helvetica, sans-serif;
	background: #3f3f3f;
	margin: 0;
	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: #999999;
}
#container {
	width: 930px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(images/main_bg.jpg) repeat-y left;
	margin: 0 auto;
	text-align:left;

}
#mainContent {
	width: 875px;
	margin: 0 auto;

}
#header {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 72px;
	width: 875px;
}
#eccellgroupmenucontainer {
	width: 497px;
	float: right;
}
#eccellgroupmenu {
	background-image: url(images/menu_bg.jpg);
	background-repeat: repeat-x;
	height: 28px;
	width: 875px;
		
}
a.eccellgrouphome {
	background: url(images/home_off.jpg) 0px 0px;
	height: 28px;
	width: 108px;
	display: block;
	float: left;
	
}
a:hover.eccellgrouphome {
	background: url(images/home_off.jpg) 108px 0px;
}
a.eccellgroupabout {
	background: url(images/about_eccell_group_off.jpg) 0px 0px;
	height: 28px;
	width: 144px;
	display: block;
	float: left;
	
}
a:hover.eccellgroupabout {
	background: url(images/about_eccell_group_off.jpg)  144px 0px;
}
a.eccellgroupcontact {
	background: url(images/contactus_off.jpg) 0px 0px;
	height: 28px;
	width: 97px;
	display: block;
	float: left;
	
}
a:hover.eccellgroupcontact {
	background: url(images/contactus_off.jpg) 97px 0px;
}
.ourrestaurants {
	background: url(images/our_restaurants.jpg) no-repeat left top;
	height: 28px;
	width: 143px;
	display: block;
	float: right;
}
#menu {
	text-indent: -3000px;
	display: none;
}

#subContent {
	width: 875px;
	background-color: 3f3f3f;
	background-image: url(images/restaurants_bg.jpg);
}

#restaurantmenu {
	width: 143px;
	text-indent: -3000px;
}
a.cafeeccellLogo {
	background: url(images/cafe_eccell_off.jpg) 0px 0px;
	height: 92px;
	width: 143px;
	display: block;
	overflow: hidden;
}
a:hover.cafeeccellLogo {
	background: url(images/cafe_eccell_off.jpg) 143px 0px;
}
a.bodegaLogo {
	background: url(images/bodega_off.jpg) 0px 0px;
	height: 34px;
	width: 143px;
	display: block;
	overflow: hidden;
}
a:hover.bodegaLogo {
	background: url(images/bodega_off.jpg) 143px 0px;
}

a.BodegaCoastLogo {
	background: url(images/BodegaCoastOff.jpg) 0px 0px;
	height: 89px;
	width: 143px;
	display: block;
	overflow: hidden;
}
a:hover.BodegaCoastLogo {
	background: url(images/BodegaCoastOff.jpg) 143px 0px;
}

a.LaBodegaCateringLogo {
	background: url(images/BodegaCateringOff.jpg) 0px 0px;
	height: 59px;
	width: 143px;
	display: block;
	overflow: hidden;
}
a:hover.LaBodegaCateringLogo {
	background: url(images/BodegaCateringOff.jpg) 143px 0px;
}
a.steakhouseLogo {
	background: url(images/steakhouse_off.jpg) 0px 0px;
	height: 53px;
	width: 143px;
	display: block;
	overflow: hidden;
}
a:hover.steakhouseLogo {
	background: url(images/steakhouse_off.jpg) 143px 0px;
}
a.buycardLogo {
	background: url(images/buy_card_off.jpg) 0px 0px;
	height: 129px;
	width: 143px;
	display: block;
	overflow: hidden;
}
a:hover.buycardLogo {
	background: url(images/buy_card_off.jpg) 143px 0px;
}
a.cantinaLogo {
	background: url(images/cantina_off.jpg) 0px 0px;
	height: 65px;
	width: 143px;
	display: block;
	overflow: hidden;
}
a:hover.cantinaLogo {
	background: url(images/cantina_off.jpg) 143px 0px;
}
a.foodLogo {
	background: url(eccell_group_images/foodfriendz.jpg) 0px 0px;
	height: 60px;
	width: 143px;
	display: block;
	overflow: hidden;
}