/* Grub Hut CSS */
* {margin:0;padding:0;}
body {
	background:url(graphics/background2.jpg) repeat-x #D4AA51;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	color:#64300a;
}
	a:link {
		text-decoration:underline;
		color: #733C02;
		border:none;
	}
	
	a:visited {
		text-decoration:underline;
		color: #934C03;
		border:none;
	}
	
	a:hover {
		text-decoration:underline;
		color: #ECAD32;
		border:none;
	}
	
	a:active {
		text-decoration: none;
		border:none;
	}
#wrapper {
	margin-top:8px; 
	margin-left:auto;
	margin-right:auto;
	height:600px;
	width:800px;
	position:relative;
}
#header {
	height:97px;
	width:800px;
	background:url(graphics/banner.jpg) no-repeat #FDF081;
}
	#header h1 {
		text-indent: -9999px;
		font-size:10px;
		height:15px;
	}
#logo {
	height:333px;
	width:295px;
	position:absolute;
	left:505px;
	background:url(graphics/logo.jpg) no-repeat;
	z-index:1;
}
	#logo a {
		width: 100%;
        height: 100%;
	}

#navsec {
	height:56px;
	width:788px;
	background:url(graphics/navsec.jpg) no-repeat #FDF081;
	padding-left:12px;
	text-align:left;
}
#navbar {
	height:56px;
	width:493px;
	display:inline;
}
	#navbar ul {
		list-style: none;
	}
	#navbar li {
   		display:inline;
	}
	
#content {
	clear:both;
	width:478px;
	height:427px;
	background:url(graphics/content.jpg) no-repeat #fff;
	float:left;
	font-size:100%;
	line-height:115%;
	padding:10px 10px 10px 30px;
}
	#content h2 {
        text-indent: -9999px;
		width:465px;
		height:65px;
	}
	#contenttext {
		width:465px;
		height:390px;
		overflow:auto;
		margin-top:-50px;
		padding-right:10px;
	}

	.slideshow { 
		float:right;
		margin:5px 5px 5px 15px;
		}
		.slideshow img { 
			border:0; 
		}
		
		
#menunav {
	width:478px;
	height:35px;
	overflow:auto;
	font-size:13px;
	text-align:center;
	margin:-55px 0 0 -10px;
}
	#menunav a:link {
		color: #FE5200;
		text-decoration:none;
	}
	#menunav a:visited {
		color: #B64D08;
		text-decoration:none;
	}
	#menunav a:hover {
		color: #ECAD32;
		text-decoration:underline;
	}
#ingredients {
	width:458px;
	height:55px;
	font-size:10px;
	font-style:italic;
	text-align:center;
	line-height:12px;
	margin:5px 0 0 0;
	overflow:auto;
	padding:0 10px 0 10px;
}
#menupgnum {
	width:478px;
	height:35px;
	overflow:auto;
	font-size:18px;
	text-align:center;
	margin:15px 0 0 -2px;
}
	#menupgnum a:link {
		color: #FE5200;
		text-decoration:none;
	}
	#menupgnum a:visited {
		color: #B64D08;
		text-decoration:none;
	}
	#menupgnum a:hover {
		color: #ECAD32;
		text-decoration:underline;
	}
#menutext {
	width:474px;
	height:310px;
	overflow:auto;
	margin:-2px 0 0 -5px;
	font-size:10px;
	text-align:left;
	line-height:12px;
	}
	#menutext h3 {
		font-size: 12px; 
		color: #B83B00;
		padding-bottom:2px;
	}
	#menutext p {
		padding-right:25px;
	}
#menutextshort {
	width:474px;
	height:260px;
	overflow:auto;
	margin:-2px 0 0 -5px;
	font-size:10px;
	text-align:left;
	line-height:12px;
	}
	#menutextshort h3 {
		font-size: 12px; 
		color: #B83B00;
		padding-bottom:2px;
	}
	#menutextshort p {
		padding-right:25px;
	}



#photopages {
	width:493px;
	height:427px;
	overflow:auto;
	margin:-73px 0 0 -17px;
}
	#photopages img {
		text-align:center; 
		padding: 5px 10px 0 20px;
		border:none;
	}
	.numbers {
		font-size:75%;
		padding-bottom:25px;
		line-height:normal;
	}
	.arrows {
		font-size:30px;
		font-family: Arial, Helvetica, sans-serif;
		line-height: normal;
		font-weight: normal;
		text-align:center;
	}
		.arrows a:link {
			color: #fe5200;
			text-decoration: none;
		}
		.arrows a:visited {
			text-decoration: none;
			color: #934C03;
		}
		.arrows a:hover {
			text-decoration: underline;
			color: #ECAD32;
		}
		
#infobar {
	width:255px;
	height:252px;
	background:url(graphics/infobar.jpg) no-repeat #fff;
	float:right;
	line-height:125%;
	color: #64300a;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:192px 0 0 27px;
	overflow:auto;
}
	#infotext {
		width:235px;
		height:235px;
		overflow:auto;
	}
		#infotext p {
			padding-right:10px;
		}
		#infotext img {
			padding:20px 5px 0 10px;
		}
.head {
	color:#B83B00;
	font-weight:bold;
	font-size:12px;
}

	
#footer {
	clear:both;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color:#64300a;
	font-size:11px;
	line-height:12pt;
	text-decoration:none;
}	
	#footer a:link {
		color: #733C02;
	}
	#footer a:visited {
		color: #934C03;
	}
	#footer a:hover {
		color: #ECAD32;
		text-decoration:underline;	
	}