body {
	padding: 0;
	margin: 20px 0;
	font-family: Arial, helvetica, sans-serif;
	
	text-align: center;
	
	background-color: #fff;
}

#container {
	width: 920px;
	border: 20px solid #999;
	margin: 0 auto;
	text-align: left;
}

	#header {
		height: 115px;
		overflow: hidden;
		position: relative;
	}

		#header h1 {
			margin: 0;
			padding: 0;
			
			background-image: url("images/croques-logo.gif");
			background-repeat: no-repeat;
			background-position: 0 0;
			
			width: 212px;
			height: 70px;
			
			text-indent: -10000px;
			
			position: absolute;
			top: 22px;
			right: 200px;
		}

			#header h1 a {
				display: block;
				width: 100%;
				height: 100%;
			}
		
		#header h2 {
			display: none;
		}

		#header div.images {
			height: 115px;
		}
			
			#header div.images ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
			
				#header div.images ul li {
					float: left;
					width: 115px;
					height: 115px;
					background-color: #ccc;
				}
			
	#content {
		width: 920px;
		height: 360px;
		background-color: #8CAC21;
		background-image: url("images/content-back.gif");
		background-repeat: no-repeat;
		background-position: 0 0;
		position: relative;
		overflow: hidden;
	}
	
		#content h3 {
			color: #fff;
			font-size: 260%;
			text-align: right;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 30px;
			left: 40px;
			width: 300px;
			font-weight: normal;
		}
	
	#footer {
		position: relative;
		height: 130px;
	}
	
		#footer #navbox {
			position: absolute;
			top: 0;
			right: 0;
			width: 630px;
			border-top: 1px dashed #999;
		}
		
			ul#nav {
				list-style-type: none;
				margin: 0 0 0 60px;
				padding: 0;
				font-size: 70%;
			}
			
				ul#nav li {
					width: 120px;
					height: 60px;
					float: left;
					margin: 0 10px 0 0;
					position: relative;
				}
				
					ul#nav li a.top {
						display: block;
						width: 120px;
						height: 55px;
						border-top: 5px solid #8CAC21;
						position: relative;
						background-color: #333;
						color: #fff;
						text-decoration: none;
						-moz-border-radius: 0 0 5px 5px;
						/*text-transform: uppercase;*/
					}
					
						ul#nav li a.top span {
							display: block;
							position: absolute;
							bottom: 5px;
							left: 5px;
						}
						
						ul#nav li ul {
							display: none;
							position: absolute;
							bottom: 0px;
							left: 0px;
							width: 120px;
							height: 250px;
							margin: 0;
							padding: 0;
							font-size: 100%;
							list-style-type: none;
						}
						
							ul#nav li:hover ul, ul#nav li.over ul {
								display: block;
							}
							
							ul#nav li ul li {
								margin-right: 0;
							}
							
								ul#nav li ul li a {
									display: block;
									height: 250px;
									position: relative;
									color: #fff;
									-moz-border-radius: 5px;
									background-color: #333;
									text-decoration: none;
									cursor: pointer;
								}
								
									ul#nav li ul li a span.title {
										position: absolute;
										top: 5px;
										left: 5px;
									}
									
									ul#nav li ul li a span.main {
										display: block;
										position: absolute;
										bottom: 0;
										left: 0;
										padding-bottom: 65px;
									}
									
										ul#nav li ul li a span.main h3, ul#nav li ul li a span.main p {
											margin: 0;
											padding: 0 5px;
										}
										
											ul#nav li ul li a span.main h3 {
												font-size: 14px;
											}
											
											ul#nav li ul li a span.main p {
												font-size: 11px;
											}
											
ul#nav li ul li a {
	background-repeat: no-repeat;
	background-position: 0 100%;
}
		
ul#nav li.specials a.top { background-color: #E1A717; }
ul#nav li.specials ul li a { background-color: #E1A717; background-image: url("images/button_specials.png"); }

ul#nav li.main a.top { background-color: #AED03A; border-top: 5px solid #666; }
ul#nav li.main ul li a { background-color: #AED03A; background-image: url("images/button_menu.png"); }

ul#nav li.buffet a.top { background-color: #39352F; border-top: 5px solid #666; }
ul#nav li.buffet ul li a { background-color: #39352F; background-image: url("images/button_buffet.png"); }
	
ul#nav li.about a.top { background-color: #5A5C5E; }
ul#nav li.about ul li a { background-color: #5A5C5E; background-image: url("images/button_about.png"); }

		
		
		
		#footer #contact {
			position: absolute;
			bottom: 10px;
			left: 10px;
		}
		
			#footer #contact p {
				margin: 0;
				padding: 0;
				color: #666;
				font-size: 75%;
			}
			
				#footer #contact p a {
					color: #666;
				}
		
			#footer #contact p.telephone {
				font-size: 120%;
			}
			
				#footer #contact p.telephone span {
					color: #8CAC21;
				}




/* Hacks for poor browsers */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix {display: inline-table;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */