﻿html
{
	height: 100%;
}


body
{
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	height: 100%;
	margin:0;
	padding:0;
}

#bg {position:fixed; top:0; left:0; width:100%; height:100%;}

#holder
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: scroll;
}

  #box1
{
	background-color: #ffcc00;
	border-color: #ffcc00;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	border-width: 20px;

}




#Content
{
	text-align: center;
   margin-left: auto;
  margin-right: auto;
  width: 700px;
}


#Header
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	top: 0px;
}

#Header table
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

  

#breakfast {
	display: block;
	background: transparent url('Images/buttons/breakfast.jpg') no-repeat -1px -52px;	
	width: 102px;
	height: 52px;
}

#breakfast:hover {
    background-position: 0 0;}

#breakfast span {
    display: none;
}

 
#lunch {
	display: block;
	background: transparent url('Images/buttons/lunch.jpg') no-repeat -1px -52px;
	width: 102px;
	height: 52px;
}

#lunch:hover {
    background-position: 0 0;}

#lunch span {
    display: none;
}

#brunch {
	display: block;
	background: transparent url('Images/buttons/brunch.jpg') no-repeat -1px -52px;
	width: 102px;
	height: 52px;
}

#brunch:hover {
    background-position: 0 0;}

#brunch span {
    display: none;
}




#dinner {
	display: block;
	background: transparent url('Images/buttons/dinner.jpg') no-repeat -1px -52px;
	width: 102px;
	height: 52px;
}

#dinner:hover {
 
   background-position: 0 0;}

#dinner span {
    display: none;
}

#home {
	display: block;
	background: transparent url('Images/buttons/home.jpg') no-repeat -1px -52px;
	width: 102px;
	height: 52px;
}

#home:hover {
    background-position: 0 0;}

#home span {
    display: none;
}

#map {
	display: block;
	background: transparent url('Images/buttons/map.jpg') no-repeat -1px -52px;
	width: 102px;
	height: 52px;
}

#map:hover {
    background-position: 0 0;}

#map span {
    display: none;
}



#us {
	display: block;
	background: transparent url('Images/buttons/us.jpg') no-repeat -1px -52px;
	width: 102px;
	height: 52px;
}

#us:hover {
    background-position: 0 0;}

#us span {
    display: none;
}
 
 
#photos {
	display: block;
	background: transparent url('Images/buttons/friends.jpg') no-repeat -1px -52px;
	width: 102px;
	height: 52px;
}

#photos:hover {
    background-position: 0 0;}

#photos span {
    display: none;
}

 

#homepage
{
top: 423px;
margin-left:auto; 
margin-right:auto; 
width: 700px; 
text-align:center; 
}


#reviews
{
	background-color: #ffcc00;
	text-align: center;
	vertical-align: middle;
	width: 700px;
	right: auto;
	left: auto;
}

#reviews td
{
	background-color: #ffcccc;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-family: 'Book Antiqua';
	border-right: #ffcc00 5px solid;
	border-top: #ffcc00 5px solid;
	border-left: #ffcc00 5px solid;
	border-bottom: #ffcc00 5px solid;
	width: 700px;
}

#reviews a
{
	font-size: medium;
	color: #0000FF;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	text-decoration: underline;
}

#reviews a:hover
{
	color: #ff0000;
} 

#aboutus
{
	background-color: #ffcc00;
	text-align: center;
	vertical-align: middle;
	width: 700px;
	right: auto;
	left: auto;
}
		
#aboutus td
{
	background-color: #ffcccc;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-family: 'Book Antiqua';
	border-right: #ffcc00 5px solid;
	border-top: #ffcc00 5px solid;
	border-left: #ffcc00 5px solid;
	border-bottom: #ffcc00 5px solid;
	width: 700px;
}

#footer
{
clear: both;
height: 5%;
padding: 0;
margin-top:20px;
}

#footer p
{
	color: #ffcc00;
	font-size: smaller;
}

#Header td {
	height: 50px;
	width: 100px;
	vertical-align: middle;
	text-align: center;
}

.bmenu
{
	width: 700px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

.bmenu1 {margin: 0; padding: 10px; 
	list-style-type: none; list-style-image: none;
}

.bmenu1 li {
display: inline;
list-style-type: none;
}
	

.bmenu1 a
{
	border: 5px solid #FF5050;
	text-decoration: none;
	margin: 4px;
	padding: 5px 10px 5px 10px;
	color: #FF5050;
	background: #FFC0CB;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}
	
.bmenu1 a:hover
{
	border: 5px solid #FFC0CB;
	text-decoration: none;
	margin: 4px;
	padding: 5px 10px 5px 10px;
	color: #FFC0CB;
	background: #FF5050;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}
