body
{
	margin:0;
	padding:0;
	background-color:#550000;
}

/*********** homepage CSS *************/

#homepage
{
	position:relative;
	width:800px;
}

#logo
{
	float:left;
	width:300px;
	height:385px;
	background:url(images/apple_restaurant_logo.gif) no-repeat top center;
}

#home_graphic_top
{
	float:left;
	width:469px;
	height:375px;
	background:url(images/home_graphic_top.jpg) no-repeat top center;

}

#home_nav
{
	float:left;
	width:800px;
	height:57px;
}

#home_nav ul
{
	background:url(images/home_menu.gif) no-repeat top center;
	width:800px;
	height:57px;
	position:absolute;
	margin:0px;
	padding:0;
}

#home_nav a 
{
	display:block;
	height:57px;
}

#home_nav li 
{
	list-style-type:none;
	margin:0;
	padding:0;
	display:block; 
	position:absolute;
	height:57px;
}

#restaurant
{
	left:0;
	top:0;
	width:219px;
	height: 57px;
}

#menu
{
	left:219px;
	top:0;
	width:102px;
	height: 57px;
}

#bombar
{
	left:321px;
	top:0;
	width:131px;
	height: 57px;
}

#red_den
{
	left:452px;
	top:0;
	width:177px;
	height: 57px;
}

#catering
{
	left:629px;
	top:0;
	width:136px;
	height: 57px;
}


#restaurant a:hover	
{
	background: url(images/home_menu.gif) 0px -57px no-repeat;
}

#menu a:hover	
{
	background: url(images/home_menu.gif) -219px -57px no-repeat;
}

#bombar a:hover	
{
	background: url(images/home_menu.gif) -321px -57px no-repeat;
}

#red_den a:hover	
{
	background: url(images/home_menu.gif) -452px -57px no-repeat;
}

#catering a:hover	
{
	background: url(images/home_menu.gif) -629px -57px no-repeat;
}


#home_graphic_bottom
{
	float:right;
	width:500px;
	height:58px;
	background:url(images/home_graphic_bottom.gif) no-repeat center left;

}

#home_footer
{
	float:right;
	display:inline;
	width:469px;
	height:30px;
	background-color:#ffcc00;
	margin:0 31px 50px 0;
}

#home_footer ul
{
	margin:0px;
	padding:0 0 0 95px;
}

#home_footer a 
{
	display:block;
	height:30px;
	text-decoration:none;
	font-size:13px;
	font-family:arial;
	color:#550000;
}

#home_footer li 
{
	list-style-type:none;
	margin:0;
	padding:0;
	display:block; 
	height:30px;
	line-height:30px;
	float:left;
	text-align:center;
}

#contact
{
	left:0px;
	top:0;
	width:134px;
	height: 30px;
}

#location
{
	left:134px;
	top:0;
	width:121px;
	height: 30px;
}

#mailing_list
{
	left:255px;
	top:0;
	width:119px;
	height: 30px;
}


#contact a:hover, #location a:hover, #mailing_list a:hover	
{
	font-weight:bold;
}