/* CSS Document */

html, body {
height: 100%;
margin: 0;
padding: 0;
}

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}


body {


font-family: Courier, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;


}

#menu {
position:relative;
z-index:1;
width: 920px;
height: 2000px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
background:url(images/menu_long.png);
background-repeat:no-repeat;
}

#home {
position:relative;
z-index:1;
width: 920px;
height: 545px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
background:url(images/home.png);
background-repeat:no-repeat;
}

#about {
position:relative;
z-index:1;
width: 920px;
height: 545px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
background:url(images/about.png);
background-repeat:no-repeat;
}

#specials {
position:relative;
z-index:1;
width: 920px;
height: 545px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
background:url(images/specials.png);
background-repeat:no-repeat;
}


#delivery {
position:relative;
z-index:1;
width: 920px;
height: 545px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
background:url(images/delivery.png);
background-repeat:no-repeat;
}

#title {
position:relative;
z-index:1;
width: 815px;
height: 126px;
margin-right:auto;
margin-left:auto;
}

#menucopy{
float:left;
width:549px;
height: 2000px;
overflow:hidden;
margin-top:70px;
margin-left:220px;
padding:5px;
}

#aboutcopy{
float:left;
width:539px;
height: 415px;
overflow:hidden;
margin-top:70px;
margin-left:200px;
padding:5px;
}

#indexcopy{
float:left;
width:539px;
height: 415px;
overflow:hidden;
margin-top:70px;
margin-left:190px;
padding:5px;
}

#lunchcopy{
float:left;
width:250px;
height: 415px;
overflow:hidden;
margin-top:70px;
margin-left:200px;
padding:5px;
}

#beercopy{
float:left;
width:250px;
height: 415px;
overflow:hidden;
margin-top:70px;
padding:5px;

}

#nav
{
position:relative;
z-index:1;
background: #000000;
margin: 10px 0 0 0;
padding-top: 2px;
height: 22px;
border: 1px solid #000000;

}

#nav a {

	background: url(images/nav.jpg) no-repeat 0 0;
	display: block;
	height: 20px;
	
/*	text-indent: -999em;
	overflow: hidden;*/
}

#nav li { float: left; position: relative; list-style: none; }
* html #nav li * { position: relative;  list-style: none;}
#nav li, #nav ul { position: relative; margin: 0; padding: 0;  list-style: none;}

/*--- Normal ---*/
	#nav-home a { background-position: 0 0; width: 360px; }
	#nav-menu a { background-position: -360px 0; width: 110px; }
	#nav-specials a { background-position: -470px 0; width: 130px; }
	#nav-delivery a { background-position: -600px 0; width: 120px; }
	#nav-about a { background-position: -720px 0; width: 160px; }
	


	/*--- Hover ---*/
	#nav-home a:hover { background-position: 0 -20px; width: 360px; }
	#nav-menu a:hover { background-position: -360px -20px; width: 110px; }
	#nav-specials a:hover { background-position: -470px -20px; width: 130px; }
	#nav-delivery a:hover { background-position: -600px -20px; width: 120px; }
	#nav-about a:hover { background-position: -720px -20px; width: 160px; }
	
	/*--- Click ---*/
	#nav-home a:active { background-position: 0 -20px; width: 360px; }
	#nav-menu a:active { background-position: -360px -20px; width: 110px; }
	#nav-specials a:active { background-position: -470px -20px; width: 130px; }
	#nav-delivery a:active { background-position: -600px -20px; width: 120px; }
	#nav-about a:active { background-position: -720px -20px; width: 160px; }

p, td { 
	font-size: 12px;
	font-family:Courier, Arial, Helvetica, sans-serif; 
	margin-top: 0px; 
	}
	
	h2 { 
	font-size: 15px;
	color: #bf1b00;
	}
	
		.note { 
	font-size: 13px;
	color: #bf1b00;
	}
	
	
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #bf1b00;
	}
a:visited { 
	font-weight: bold;
	text-decoration: none;  
	color: #bf1b00;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #019ec7;
	}