@charset "UTF-8";

html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline:none;
}

body {
	background: #000;
	color: #FFF;
	font-size: 12px;
	line-height: 15px;
	font-family: Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	line-height: 15px;
	text-align: justify;
}

h3 {
	font-size: 24px;
	color: #E3B326;
	margin: 5px 0;
	float: left;
	width: auto;
}

h4 {
	color: #E3B326;
	font-size: 14px;
	margin: 5px 0;
	clear: both;
}

	#container {
		width: 760px;
		margin: auto;
	}
	
		#nav {
			width: 100%;
			height: 145px;
		}
		
			#mini-nav {
				height: 13px;
			}
			
				#mini-nav ul {
					width: 95%;
					text-align: right;
				}
				
					#mini-nav ul li {
						float: right;
						font-size: 10px;
						margin: 0 0 0 35px;
						padding: 0;
						color: #E3B326;
						width: auto;
					}
					
						#mini-nav ul li a {
							color: #E3B326;
							text-decoration: none;
						}
						
							#mini-nav ul li a:hover {
								text-decoration: underline;
							}
			
			#main-nav {
				width: 100%;
				height: 132px;
				background: #000 url(../images/nav/nav-bg.jpg) no-repeat;
			}
			
				#main-nav ul {
					list-style-type: none;
				}
				
					#main-nav ul li {
						color: black;
						float: left;
					}
					
						#main-nav ul li a {
							color: black;
							text-decoration: none;
							font-weight: bold;
							font-size: 18px;
							text-indent: -10000px;
							display: block;
							margin: 45px 5px;
						}
						
							#home {
								width: 140px;
								height: 105px;
								margin: 20px 20px 5px 30px !important;
							}

							#home-text {
								width: 35px;
								height: 35px;
								background: url(../images/nav/home-text.gif) bottom no-repeat;
							}

								#home-text:hover {
									background: url(../images/nav/home-text_ON.gif) bottom no-repeat;
								}
							
							#about {
								width: 82px;
								height: 35px;
								background: url(../images/nav/about.gif) bottom no-repeat;
							}
							
								#about:hover {
									background: url(../images/nav/about_ON.gif) bottom no-repeat;
								}
								
							#menu {
								width: 35px;
								height: 35px;
								background: url(../images/nav/menu.gif) bottom no-repeat;
							}
							
								#menu:hover {
									background: url(../images/nav/menu_ON.gif) bottom no-repeat;
								}
								
							#coupons {
								width: 52px;
								height: 35px;
								background: url(../images/nav/coupons.gif) bottom no-repeat;
							}
							
								#coupons:hover {
									background: url(../images/nav/coupons_ON.gif) bottom no-repeat;
								}
								
							#catering {
								width: 54px;
								height: 35px;
								background: url(../images/nav/catering.gif) bottom no-repeat;
							}
							
								#catering:hover {
									background: url(../images/nav/catering_ON.gif) bottom no-repeat;
								}
								
							#locations {
								width: 64px;
								height: 35px;
								background: url(../images/nav/locations.gif) bottom no-repeat;
							}
							
								#locations:hover {
									background: url(../images/nav/locations_ON.gif) bottom no-repeat;
								}
								
							#contact {
								width: 62px;
								height: 35px;
								background: url(../images/nav/contact.gif) bottom no-repeat;
							}
							
								#contact:hover {
									background: url(../images/nav/contact_ON.gif) bottom no-repeat;
								}
								
							#feedback {
								width: 62px;
								height: 35px;
								background: url(../images/nav/feedback.gif) bottom no-repeat;
							}
							
								#feedback:hover {
									background: url(../images/nav/feedback_ON.gif) bottom no-repeat;
								}
								
							.gap {
								width: 13px;
								height: 30px;
								margin: 47px 0;
								background: url(../images/nav/gap.gif) bottom no-repeat;
							}
							
		#slogan-bar {
			width: 100%;
			height: 100px;
			background: url(../images/slogan-bar.gif) right no-repeat;
			text-indent: -10000px;
		}
		
		#main-no-pad {
			width: 760px;
			padding: 10px 0 0 0;
		}
		
		#main {
			width: 740px;
			padding: 20px 10px 0 10px;
		}
		
		#main h3 {
			margin: 0 0 15px 0;
		}
		
		#main p {
			margin: 0 0 15px 0;
			clear: left;
		}
		
			
			#coupons-h3 {
				text-indent: -10000px;
				display: block;
				background: url(../images/headers/coupons.jpg) no-repeat;
				width: 145px;
				height: 28px;
			}
		
		#tell-a-friend {
			float: right;
			width: auto;
		}
			
			#tell-a-friend-h3 {
				text-indent: -10000px;
				display: block;
				background: url(../images/headers/tell-a-friend.jpg) no-repeat;
				width: 167px;
				height: 28px;
			}
		
		#footer {
			width: 100%;
			height: 65px;
			text-align: center;
			color: #E3B326;
			clear: both;
			margin: 20px 0 10px 0;
			float: left;
		}
		
			#footer ul {
				list-style-type: none;
				width: 740px;
				margin: auto;
			
				
			}
			
				#legal {
					width: 254px !important;
				}
			
				#footer li {
					float: left;
					margin: 0 5px;
					width: auto;
				}
				
					#footer li a {
						color: #E3B326;
						text-decoration: none;
					}
					
						#footer li a:hover {
							text-decoration: underline;
						}
						
			#footer p {
				clear: left;
				padding: 5px 0;
			}
			
		#coupons-table {
			margin: auto;
		}
		
	
		#social-footer {
			width: 380px;
			margin: 45px auto 0;
			height: 40px;
		}

			.social-link {
				width: 104px;
				height: 40px;
				text-indent: -10000px;
				float: left;
				display: block;
				cursor: pointer;
			}

				#facebook-button {
					background: url(../images/social-media/facebook-button.png) no-repeat;
					margin:0 0 0 100px;
				}
				
				#twitter-button {
					background: url(../images/social-media/twitter-button.png) no-repeat;
					margin: 0 50px 0 0;
				}