*{
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #f8f8df;
	font-family: trebuchet ms, Tahoma, Helvetica, sans-serif;
}

body { behavior: url(assets/css/hacks/csshover.htc); }

#wrapper{
	width: 795px;
	background-color: white;
	margin: 20px auto;
	position: relative;
	border: 2px solid #ccc;
	}
#header{
	padding-top: 15px;
	width: 795px;
	height: 80px;
	position: relative;
	}
	#headerinfo{
	width: 335px;
	height: 20px;
	font-weight:bold;
	font-size: 12px;
	color: #444444;
	margin: 0 0 0 5px; 
	}

h1{
	display: block;
	background-image: url('../../images/logo.jpg');
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 52px;
	}
h3{
	font-size: 17px;
	font-weight: bold;
	color: #296CA5;
	}

.clear{
	clear: both;
	}
table {
	font-family: trebuchet ms, Tahoma, Helvetica, sans-serif;
}
	
#nav{
	width: 795px;
	height: 32px;
	background-color: #ff7b10;
	position: relative;
	}
	#nav ul{
		width: 650px;
		display: block;
		float: left;
		list-style: none;
		}
		
	#nav li{
		display: block;
		list-style-type: none;
		float:left;
		width: auto;
		position:relative;
		}
		
		#nav li ul {
    		display: none;
			}
					
				#nav li a{
					display: block;
					margin: 7px 0 0 3px;
				}
			
				#nav li a.home{
					width: 35px;
					height: 25px;
					margin-right: 10px;
					background: url('../../images/home2.gif') no-repeat;
					}
				#nav li a.about{
					width: 60px;
					height: 25px;
					margin-right: 10px;
					background: url('../../images/about.gif') no-repeat;
					}
					#nav li a.about:hover{
						background: url('../../images/about2.gif') no-repeat;
						}
				#nav li a.catering{
					width: 60px;
					height: 25px;
					margin-right: 10px;
					background: url('../../images/catering.gif') no-repeat;
					}
					#nav li a.catering:hover{
						background: url('../../images/catering2.gif') no-repeat;
						}
				#nav li a.buy{
					width: 85px;
					height: 25px;
					margin-right: 10px;
					background: url('../../images/buyourmix.gif') no-repeat;
					}
					#nav li a.buy:hover{
						background: url('../../images/buyourmix2.gif') no-repeat;
						}
				#nav li a.reserve{
					width: 75px;
					height: 25px;
					margin-right:10px;
					background: url('../../images/reserveus.gif') no-repeat;
					}
					#nav li a.reserve:hover{
						background: url('../../images/reserveus2.gif') no-repeat;
						}
				#nav li a.photos{
					width: 95px;
					height: 25px;
					margin-right: 10px;
					background: url('../../images/photos.gif') no-repeat;
					}
					#nav li a.photos:hover{
						background: url('../../images/photos2.gif') no-repeat;
						}
				#nav li a.faqs{
					width: 35px;
					height: 25px;
					margin-right: 10px;
					z-index: 99;
					background: url('../../images/faqs.gif') no-repeat;
					}
					#nav li a.faqs:hover{
						background: url('../../images/faqs2.gif') no-repeat;
						}	


				#nav ul li:hover ul{
					display:block;
				}
						
				#nav ul ul {
					display: none;
					position: absolute;
					top: 32px;
					left: 0;
					width: 110px;
					height: auto;
					margin: 0;
					padding: 0;
					background-color: #ff7b10;
				}	
				
					#nav ul ul li{
						float:none;
						padding:0 0 0 4px;
						height: 20px;
						color:#FFFFFF;
					}
						#nav ul ul li a{
							text-decoration: none;
							font-family: trebuchet ms, Tahoma, Helvetica, sans-serif;
							font-weight: bold;
							font-size: 12px;
							color: #fff;
							}
							#nav ul ul li a:hover{
								color: #90f89f;
								}
								
#text a{
	color: #296CA5;
	text-decoration:none;
}
#text a:hover{
	color: #82B8E4;
	text-decoration:none;
}
#footer{
	width: 795px;
	color: #444444;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	padding: 10px 0px 10px 0px;
	}
	#footer p{
	text-align: center;
	}
	
	#footer a{
		color: #286ba5;
		text-decoration: none;
		}
		#footer a:hover{
			color: #ff7b10;
			}