@charset "UTF-8";
/* CSS Document */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin:0;
	padding:0;
	border:0;
}

body{
	font: 14px/26px Georgia, serif; color:#444a54;
	background: #3D2B1F center top no-repeat fixed;
}

#container {
	width: 960px; margin: 50px auto;
}	

#header {
	background: url(images/content_top.png) center bottom no-repeat;overflow: hidden;
}
	#header p#logo {
		position: relative; width: 364px; margin: 0 auto -130px auto;
    }
		#header ul {
			width: 916px; margin: 0 auto 110px auto;
			overflow: hidden; list-style: none;
        }
				#header li {
					float: left;
                }
					#header li:nth-child(1) {
						margin: 0 100px 0 0;
					}						

					#header li:nth-child(2) {
						margin: 0 300px 0 0;
					}								

					#header li:nth-child(3) {
						margin: 0 0 0 140px;
								
					}
					
					#header li:nth-child(4) {
						margin: 0 0 0 60px;
					}														
										
							
						#header li a {
							font-size: 16px; letter-spacing: 4px;
							color: #FFFFCC; text-decoration: none;														
							}

								#header li a:hover {
									color:#FF6633
								}

#content {
	padding: 0 52px; overflow: hidden;
	background: url(images/content_repeat.png) center top repeat-y;
}
	
	#content #feature {
	width: 914px;
	height: 420px;
	position: relative;
	margin: 0 0 30px -30px;
	background: url(images/mussels.jpg);

	}
		#content #feature #feature-content {
	position: relative;
	width: 383px;
	top: 50px;
	left: 510px;
		}
				#content #feature #feature-content h1 {
						width: 119px; height: 80px; margin: 0 0 5px 135px;
						background: url(images/bon_appetit.png); text-indent: -9999px;
				}
				#content #feature #feature-content p {
	color: #663300;
	margin: 0 0 15px 8px;
				}
				#content #feature #feature-content p.btn a {																	
					display: block; width: 183px; height: 44px; margin: 0 0 5px 90px;
					background: url(images/reservation_button.png); text-indent: -9999px;
				}
						#content #feature #feature-content p.btn a:hover {	 
							margin: -3px 0 0 90px;
						}
						
#content #main {
	width: 916px;
	float: none;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}

#content h2 {
	font-size: 20px; font-weight: normal; margin: 0 0 20px 0;
}

#content p {
	margin: 0 0 20px 0;
}

#content a {
	color: #CC6600;
}

	#content a:hover {
	color: #FF9966;
	}	

#content dl {
	
}	

	#content dt {
		float:left; width: 63px; height: 58px; margin: 0 15px 0 0;
		background: url(images/date_bg.png);
		font-size: 30px; color: #fff; text-align: center;
	
	}
	
		#content dt span {
			display: block; font-size: 12px; font-weight: bold;
			text-transform: uppercase;
		}
		
	#content dd {
	float: left;
	width: 480px;
	}
		#content dd h3 {
	float: left;
	font-size: 20px;
	font-weight: normal;
		}
		#content dd span {
			float: left; margin: 4px 0 0 10px; visibility: hidden;
		}
		#content dd p {
			clear: left;
		}
		#content dd:hover span {
			visibility: visible;
		}
		
		
	#content #side {
		width: 300px; float: left;
	}
		
			#content .aside {
				padding: 7px 0 0 5px; margin: 0 0 30px 0;
				background: url(images/aside_bg.png) center top no-repeat;
			}									
			
				#content .aside img {
	margin: 0 0 20px 0;
				}
				
#footer {
	padding: 70px 22px;
	background: url(images/content_bottom.png) center top no-repeat;
}
	#footer p#back-to-top {
		float: right; font-size: 11px;
	}
		#footer p#back-to-top a {
			color: #fff; text-decoration: none;
		}
			#footer p#back-to-top a:hover {
				color: #FF9966
			}	
				
$(document).ready(function() {
	$("#header ul li:nth-child(1)").css("margin-right", "70px");																																														
	$("#header ul li:nth-child(2)").css("margin-right", "325px");
	$("#header ul li:nth-child(3)").css("margin-left", "70px");
	$("#header ul li:nth-child(4)").css("margin-left", "70px");