@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: url('../images/big-bg.jpg') no-repeat center top scroll #000;
	color: #fff;
	font-size: 12px;
	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: 0 auto;
	}
	
		#nav {
			width: 744px;
			height: 124px;			
			float: left;
		}
		
			#mini-nav {
				height: 20px;
				width: 744px;
				float: left;
			}
			
				#mini-nav ul {
					width: 100%;
					text-align: right;
				}
				
					#mini-nav ul li {
						float: right;
						font-size: 10px;
						margin: 0 0 0 35px;
						padding: 0;
						color: white;
						width: auto;
					}
  					#mini-nav ul li.facebook {
  					 list-style-type: none;
  					}					
						#mini-nav ul li:hover {
							color: #E3B326;
						}
					
						#mini-nav ul li a {
							color: white;
							text-decoration: none;
						}
						
							#mini-nav ul li a:hover {
								color: #E3B326;
								text-decoration: underline;
							}
			
			#main-nav {
				width: 100%;
				height: 132px;
				float: left;				
			}
			
			#main-nav div.moes-logo {
			  float: left;
			  width: 140px;
			}
				#home-logo {
				    background: url("../images/nav/nav-logo.png") no-repeat scroll -5px center transparent;
				    float: left;					
				    padding: 56px 81px 55px 67px;
				    text-indent: -10000px;
				}			
			
				#main-nav ul {
				    background: url("../images/nav/bg.png") repeat scroll -11px 0 transparent;
				    float: left;
				    height: 39px;
				    list-style-type: none;
				    margin-left: -4px;
				    margin-top: 47px;			    
				}
				
					#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: -4px 4px;
						}
						
							#home {
								width: 140px;
								height: 105px;
								margin: 20px 20px 5px 30px !important;
							}

							#home-text {
								width: 42px;
								height: 35px;
								background: url(../images/nav/home.png) bottom no-repeat;
							}
								#home-text.active {
									background: url(../images/nav/home-active.png) bottom no-repeat;
								}
								#home-text:hover {
									background: url(../images/nav/home-over.png) bottom no-repeat;
								}						
								
							#menu {
								width: 42px;
								height: 35px;
								background: url(../images/nav/menu.png) bottom no-repeat;
							}
								#menu.active {
									background: url(../images/nav/menu-active.png) bottom no-repeat;
								}
								#menu:hover {
									background: url(../images/nav/menu-over.png) bottom no-repeat;
								}
								
							#weekly {
								width: 115px;
								height: 35px;
								background: url(../images/nav/weekly.png) no-repeat scroll 0 11px transparent;
							}
							
								#weekly.active {
									background: url(../images/nav/weekly-active.png) no-repeat scroll 0 11px transparent;
								}							
								#weekly:hover {
									background: url(../images/nav/weekly-over.png) no-repeat scroll 0 11px transparent;
								}
								
							#coupons {
								width: 62px;
								height: 35px;
								background: url(../images/nav/coupons.png) bottom no-repeat;
							}
							
								#coupons:hover {
									background: url(../images/nav/coupons-over.png) bottom no-repeat;
								}							
								#coupons.active {
									background: url(../images/nav/coupons-active.png) bottom no-repeat;
								}
								
							#catering {
								width: 64px;
								height: 35px;
								background: url(../images/nav/catering.png) bottom no-repeat;
							}
							
								#catering:hover {
									background: url(../images/nav/catering-over.png) bottom no-repeat;
								}							
								#catering.active {
									background: url(../images/nav/catering-active.png) bottom no-repeat;
								}
								
							#locations {
								width: 72px;
								height: 35px;
								background: url(../images/nav/locations.png) bottom no-repeat;
							}
							
								#locations:hover {
									background: url(../images/nav/locations-over.png) bottom no-repeat;
								}							
								#locations.active {
									background: url(../images/nav/locations-active.png) bottom no-repeat;
								}
			
							#feedback {
								width: 74px;
								height: 35px;
								background: url(../images/nav/feedback.png) bottom no-repeat;
							}
							
								#feedback:hover {
									background: url(../images/nav/feedback-over.png) bottom no-repeat;
								}							
								#feedback.active {
									background: url(../images/nav/feedback-active.png) bottom no-repeat;
								}
								
							.gap {
								width: 13px;
								height: 30px;
								margin: 6px 0;
								background: url(../images/nav/gap.png) bottom no-repeat;
							}
		#city-header {			
     /* position: relative;
      top: 0; */
      text-align: right;		   
      width: 745px;
      float: left;
		}
      #facebook-like {
      float: left;
      margin-top: 3px;
      width: 70px;
     }
    
		#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;
			float: left;
		}
		
		#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;
}
		
  div.footer-bottom {    
	float: left;
	margin-top: 16px;
  }
	div.footer-bottom-left {		
		float: left;
		width: 335px;
	}
    div.footer-bottom-right {		
		float: left;
		width: 402px;
	}
			#footer ul {
				list-style-type: none;
				width: 740px;
				height: 32px;
				margin: auto;
			}
			
				#legal {
					width: 260px !important;
					margin: 0;
					float: left;
				}
			
				#footer li {
					float: left;
					margin: 0 5px;
					width: auto;
				}
					#footer li.footer-gap {
						background: url("../images/footer/gap.png") no-repeat scroll center top transparent;
					    height: 30px;
						margin: -3px 0;					    
					    width: 13px;
					}
          #footer li.copyright {
            margin-top: 3px;
          }
					#footer li a {
						display: block;						
						text-decoration: none;
						text-indent: -10000px;		
						height: 18px;						
					}
					
						#footer li a.home {
							width: 42px;
							background: url(../images/footer/home.png) bottom no-repeat;
						}
							#footer li a.home.active {
								background: url(../images/footer/home-active.png) bottom no-repeat;
							}
							#footer li a.home:hover {
								background: url(../images/footer/home-over.png) bottom no-repeat;
							}						
							
						#footer li a.about {
							width: 42px;
							background: url(../images/footer/about.png) bottom no-repeat;
						}
							#footer li a.about.active {
								background: url(../images/footer/about-active.png) bottom no-repeat;
							}
							#footer li a.about:hover {
								background: url(../images/footer/about-over.png) bottom no-repeat;
							}
							
						#footer li a.menu {
							width: 42px;
							background: url(../images/footer/menu.png) bottom no-repeat;
						}
							#footer li a.menu.active{
								background: url(../images/footer/menu-active.png) bottom no-repeat;
							}
							#footer li a.menu:hover {
								background: url(../images/footer/menu-over.png) bottom no-repeat;
							}
							
						#footer li a.weekly {
							width: 115px;
							background: url(../images/footer/weekly.png) bottom no-repeat;
						}
						
							#footer li a.weekly:hover,#footer li a.weekly.active {
								background: url(../images/footer/weekly-over.png) bottom no-repeat;
							}
							
						#footer li a.coupons {
							width: 62px;
							background: url(../images/footer/coupons.png) bottom no-repeat;
						}
						
							#footer li a.coupons:hover, #footer li a.coupons.active {
								background: url(../images/footer/coupons-over.png) bottom no-repeat;
							}
							
						#footer li a.catering {
							width: 64px;
							background: url(../images/footer/catering.png) bottom no-repeat;
						}
						
							#footer li a.catering:hover {
								background: url(../images/footer/catering-over.png) bottom no-repeat;
							}
							
						#footer li a.locations {
							width: 72px;
							background: url(../images/footer/locations.png) bottom no-repeat;
						}
						
							#footer li a.locations:hover, #footer li a.locations.active {
								background: url(../images/footer/locations-over.png) bottom no-repeat;
							}
															
						#footer li a.hours {
							width: 72px;
							background: url(../images/footer/hours.png) bottom no-repeat;
						}						
							#footer li a.hours:hover {
								background: url(../images/footer/hours-over.png) bottom no-repeat;
							}
									
						#footer li a.employment {
							width: 72px;							
							background: url(../images/footer/employment.png) bottom no-repeat;
						}
						
							#footer li a.employment:hover {
								background: url(../images/footer/employment-over.png) bottom no-repeat;
							}
		
						#footer li a.feedback {
							width: 74px;
							background: url(../images/footer/feedback.png) bottom no-repeat;
						}
						
							#footer li a.feedback:hover {
								background: url(../images/footer/feedback-over.png) bottom no-repeat;
							}
										
						#legal  li a.privacy {
							width: 74px;
							background: url(../images/footer/privacy.png) bottom no-repeat;
						}						
							#legal li a.privacy:hover {
								background: url(../images/footer/privacy-over.png) bottom no-repeat;
							}
#social-buttons {	
	width: 136px;
	float: left;
}
	#social-buttons a {
		position: relative;
		top: -24px;		
	}
	.social-link {
		width: 62px;
		height: 60px;
		text-indent: -10000px;
		float: left;
		display: block;
		cursor: pointer;
	}
		.social-link:hover {
			opacity: 0.66;
		}
		#facebook-button {
			background: url(../images/social-media/facebook.png) no-repeat;
		}
		
		#twitter-button {
			background: url(../images/social-media/twitter.png) no-repeat;
		}