#header {

	width: 760px;
	height: 183px;
}
#logo {
	float: left;
	width: 215px;
	background-image: url(images/cherubini.gif);
	height: 183px;
}
#name {
	float: left;
	width: 425px;
	background-image: url(images/cafe_cherubini.gif);
	height: 143px;
}
#content {
	float: left;
	width: 760px;
}
#leftside {
	float: left;
	width: 104px;
}

#rightside {
	float: left;
	width: 528px;
	height: 476px;
	padding-left: 6px;
	text-align:justify;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	border-left: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	bottom: auto;
}

#farside {

	float: left;
	width: 90px;
	height: 476px;
	margin:0 0px 0 6px;
}

#container {

	position: relative;
	width: 0px;
	height: 476px;
	margin:0 0px 0 0px;
}

#farbottom { 	
	position: absolute;
	bottom: 0 ;
	width:50px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	text-align:center;
	color: #FF0000;
	}
#farbottom ul { padding: 0; margin: 0; list-style-type: none;}
#farbottom li { margin:0; padding:0;}
#farbottom a { display: block; width:50px; height: 40px;}
#farbottom a.mail { background: url(images/heartmail.gif) no-repeat left top; width: 50px;}
#farbottom a.enquiry { background: url(images/booking.gif) no-repeat left top; width: 50px;}
#farbottom a:hover { background-position: left bottom }

/* navigation menu  */
i {display: none}

#base {
	float: left;
	width: 730px;
	height: 476px;
	padding-left: 6px;
	text-align:justify;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-align: center;
	vertical-align: middle;
	color: #FF0000;
	border-bottom: 1px solid #FF0000;
	bottom: auto;
}

#navlist { 	

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-align: center;
	vertical-align: middle;
	color: #FF0000;
	}
#navlist ul { padding: 0; margin: 0; list-style-type: none;}
#navlist li { margin:0; padding:3px;}
#navlist a { display: block; width:92px; height: 94px;}
#navlist a.home { background: url(images/homepage.gif) no-repeat left top; width: 92px;}
#navlist a.byday { background: url(images/daymenu.gif) no-repeat left top; width: 92px;}
#navlist a.byday2 { background: url(images/daymenu.gif) no-repeat left bottom; width: 92px;}
#navlist a.bynight { background: url(images/nightmenu.gif) no-repeat left top; width: 92px;}
#navlist a.bynight2 { background: url(images/nightmenu.gif) no-repeat left bottom; width: 92px;}
#navlist a.sausage { background: url(images/sausage.gif) no-repeat left top; width: 92px;}
#navlist a.sausage2 { background: url(images/sausage.gif) no-repeat left bottom; width: 92px;}

#navlist a:hover { background-position: left bottom }

#currentpage a:link, #currentpage a:visited,
#currentpage a:hover, #currentpage a:active{ background-position: left bottom ;}