html, body {
	padding:0;
	font-family:Verdana;
	background-color:#999;
	margin:0;
}

.hide {
	display: none;
}

#container {
	margin: 10px auto;
	width: 760px;
	background-color:#fff;
	padding: 10px;

}

	#header {
		position:relative;
		background-color:#ddd;
		background: #ddd url(images/header_01.jpg) 100% 0 no-repeat;
		width:760px;
	}
		#header h1 {
			margin:0;
			text-indent:-1000em;
			overflow:hidden;
			background: #fff url(images/clarkes_logo.gif) 0 0 no-repeat;
			height: 180px;
			width:180px;
			border-right: 10px solid #fff;
		}
		
			#header h1 a {
				display:block;
				height: 180px;
				width:180px;
			}
		
		#header ul {
			position:absolute;
			top: 0px;
			margin:0;
			background-color:#fff;
			right: 0px;
			border-bottom: 1px solid #ccc;
			border-left: 1px solid #ccc;
			padding: 5px 0px 10px 10px;
			list-style-type: none;
		}
			#header ul li {
				float: left;
				margin: 0 10px 0 0;
				padding: 0 0 0 10px;
				border-left: 1px solid #ccc;
				font-size: 0.8em;
			}
	
				#header ul li.first {
					border-left: none;
				}
				#header ul li a {
					color:#444;
				}
				#header ul li a.basket {
					padding: 0 20px 0 0;
					background: #fff url(images/shopping-cart.gif) 100% 0 no-repeat;
				}
	#nav {
		float: left;
		width:180px;
		
		margin: 10px 0 0 0;
	}
		#nav h3 {
			background-color:#323232;
			margin:0;
			color:#fff;
			font-family:Georgia;
			padding: 10px 10px 5px 10px;
			font-size: 0.8em;
			border-bottom: 2px solid #fff;
		}
		#nav ul {
			list-style-type: none;
			padding:0;
			background-color:#ddd;
			margin:0px 0 10px 0;
		}
		
			#nav ul li {
				margin:0;
				font-size:80%;
				
				border-bottom: 1px dotted #ccc;
			}
			
				#nav ul li a {
					color:#444;
					display:block;
					text-decoration: none;
					padding: 10px;
				}

					#nav ul li a.here {
						background-color:#bbb;
					}
	
					#nav ul li a:hover {
						background-color:#bbb;
						text-decoration: underline;
					}

		#nav div.box {
			margin: 0 0 10px 0;
		}

			#nav div.box p {
				font-size: 0.8em;
				line-height: 1.6em;
				margin:0;
				background-color:#ddd;
			}

				#nav div.box p a  {
					color:#444;
padding: 10px;
text-decoration: none;
display:block;
				}

#nav div.box p a:hover  {
					background-color:#bbb;
text-decoration: underline;

				}

	#nav div.box img {
			display:block;
border: none;
border-bottom: 2px solid #fff;
		}

#nav div.box input {
	font-size: 0.8em;
}

	#nav div.box form {
		margin:0;
	}

#nav div.brr p {
font-size: 0.76em;
margin-top:0;
text-align: center;
color:#666;
}


	#content {
		float: right;
		margin: 10px 0 10px 10px;
		width: 570px;
	}

		#content h2 {
			font-family: Georgia;
			font-size: 1.8em;
			color:#333;
			font-weight: normal;
			margin: 10px 10px 0.6em 10px; 
		}
		
		#content h3 {
			font-family: Georgia;
			font-size: 1.4em;
			color:#333;
			font-weight: normal;
			margin: 1em 10px 0.6em 10px; 
		}
		
		#content p {
			font-size:0.8em;
			line-height: 1.6em;
			margin: 1em 10px 0.6em 10px; 
		}


		#content div.meals_list {
			margin: 5px 0 5px 10px;
clear:both;
		}
			#content div.meal_list {
				width: 170px;
				height: 220px;
				margin: 5px 20px 0 0;
				display: relative;
				float: left;
			}
				
				#content div.meal_list h3 {
					font-size: 1.1em;
					font-family: Georgia;
					margin: 8px 0 10px 0;
					padding: 0;
					text-align: center;
				}

				#content div.meal_list p {
					margin: 5px 0 0 0;
					padding: 0;
					width: 170px;
					font-size: 0.7em;
					line-height: 1.4em;
					text-align: center;
				}

				#content div.meal_list a {
					display: block;
					text-decoration: none;
					border: 1px solid #fff;
					padding: 0 0 10px 0;
					color: #333;
				}

				#content div.meal_list a:hover {
					border: 1px solid #999;
					background-color: #eee;
					color: #000;
				}

				#content div.meal_list img {
					width: 168px;
					margin: 0;
					padding: 0;
					float: none;
					border: none;
				}
				#content div.hr {
					margin: 10px 0 10px 10px;
					border-top: 1px solid #ccc;

				}
				
				#content div.hr hr {
					display: none;
				}


#content ul.testimonials {
list-style-type: none;
margin:20px 10px 0 10px;
padding:0;
}

#content ul.testimonials li {
font-size:0.8em;
border-top: 1px solid #ddd;
padding: 10px 0;
clear: left;
			line-height: 1.6em;
background-image: url('images/quote.gif');
background-repeat: no-repeat;
background-position: 10px 10px;
}

#content ul.testimonials li span.from {
display:block;
margin: 10px 40px 0 40px;
font-size: 0.8em;
color:#ccc;
}

#content ul.testimonials li span.customer {
font-size: 1.8em;
color:#333;
font-family: Georgia;
}

#content ul.testimonials li span.comment {
display:block;
margin: 0px 20px 10px 40px;
text-align: justify;
font-style: italic;


background-image: url('images/unquote.gif');
background-repeat: no-repeat;
background-position: 100% 98%;
padding: 0 30px 0px 0;
}

#content #orderphone {
background-color:#F2CCDB;
margin-left: 10px;
padding: 2px 5px;
}


#content div.phoneorder {
	background-color:#eee;
	padding: 10px;
	margin: 0 10px;
	background-image: url('/images/icon_telephone.png');
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

#content div.phoneorder p {
	margin: 0 0 0 42px;
	
}
		
	#footer {
		border-top: 2px solid #ccc;
		clear:both;
		background-color:#ddd;
		padding: 10px;
	}
	
		#footer p {
			margin: 5px 0;
			font-size:0.8em;
			line-height:1.4em;
		}
		
			#footer p.copy {
				float:right;
				text-align: right;
			}
			
				#footer p.copy .rkh {
					font-size: 0.8em;
				}
				
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

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