/********************************************************

	GLOBAL PAGE SETUP - BODY, FONTS	

********************************************************/

html, body {
	font-family: Trebuchet MS, Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
    margin: 0 auto; 
    padding: 0;
	color:#555; 
	margin-top: 1px;
	background-color: #303030;
	}	

body, h2, h3, h4, h5, table, form, code, pre, fieldset, legend, dl, dt, dd {
	margin:0; padding:0; 
	}
	
/********************************************************

	MAIN CONTAINER (TOP) with white background

********************************************************/
	
#restaurant_directory {
	width: 100%;
	background-color: #fff;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	}

	
/* LOGO & TEXT CONTAINER */
#dining {
	width: 830px;
	height: 100px;
	font-family: Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	padding: 0;
	margin: 10px auto 0 auto;
	}

	/* required - stretch vertically with text */
	#dining:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #dining { height:1px;	}	
	

/* logo & line container */
#restaurant {
	float: left;
	width: 200px;
	height: 100px; 
	padding: 0;
	margin: 0;
	}
	
/* eat local logo */
#restaurant img {
	text-align: center;
	margin: 0;
	border: 0;
	padding: 3px 0 0 8px;	}
		

/* header intro text */
#newcastle {
	text-align: left;
	width: 575px;
	height: 80px;
	margin: 0;
	padding: 10px 15px 10px 40px;
	float:	left;	 }	

	
#newcastle p {
	font-size: 12px;
	color:#999;
	padding: 0;
	margin: 0;
	}
	
#newcastle h1 {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 16px;
	margin: 2px 0 6px 0;
	padding: 0;	}	


/********************************************************

	FORM & MIDDLE CONTENT

********************************************************/


form {
	padding: 20px 0 0 0;
	margin: 0;	}
	

form fieldset {
	width: 350px;
	margin: 0 auto 0 auto;
	background-image: url(restaurant.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	padding: 20px 0 30px 20px;
	color: #eee;
	border: 2px solid #cc0000;
	}
	
/* Legend for each fieldset */
form label {
	width: 300px;
	color: #777;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 0 0;
	padding: 0 1px 0 0;
	clear: right;
	}

form .restaurant_search {
	width: 300px;
	height: 23px;
	color: #444;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;		}

form p {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #A6ABB3;
	padding: 2px 0 2px 0;
	margin: 0;
	}

form .search {
	padding: 0 0 2px 0;
	margin: 0 0 0 0;
	border: none;
	vertical-align: bottom;
	}
	
/********************************************************

	MENU CONTAINER 

********************************************************/

#restaurants {
	width: 100%;
	height: 32px;
	margin: 60px auto 0 auto;
	padding: 0;
	text-align: center;
}

#restaurants ul {
	width: 608px;
	height: 32px;
	margin: 0 auto;
	padding: 0;
}

#restaurants ul li {
	font-family: Trebuchet MS, Helvetica, Tahoma, Arial, Verdana, sans-serif;
	font-size: 13px;
	text-align: center;
	list-style-type: none;
	display: inline;
	width: 150px;
	height: 24px;
	margin: 0 1px 0 1px;
	padding: 8px 0 0 0;
	float: left;
	background-image: url(review.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;	
	}

#restaurants ul li a:link, #restaurants ul li a:visited {
	padding: 0 11px 0 9px;
	margin: 0;
	text-align: center;
	color: #666;
	width: 130px;
	height: 24px;
	text-decoration: none;
	background-image: url(seafood.gif);
	background-position: 127px 8px;
	background-repeat: no-repeat;
	display: block;
	}
	
#restaurants ul li a:hover, #restaurants ul li a:active {
	color: #cc0000;
	background-image: url(cafe.gif);	
	}		
	

/************************************

	bottom half - dark bg

************************************/
			
#take_away_food {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 40px 0 0 0;
	clear: both;
	border-top: 1px solid #fff;	}

	#take_away_food:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #take_away_food { height:1px;	}	

#catering {
	width: 770px;
	padding: 0 ;
	margin: 0 auto;
	background-image:url(dining_card.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

#catering h1 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding: 0;
	margin: 0;
}
#catering h2 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	text-align: left;
	padding: 0;
	margin: 0;	
}

#catering p {
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	text-align: left;	
}

#catering ul li {
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	text-align: left;	
	line-height: 190%;
	list-style-type: none;
	background-image: url(newcastle.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	margin: 0;
	padding: 0 0 0 16px;
	
}

#catering img {
	text-align: left;	
	border: 0;
	margin: 0;
	padding: 0;
}

#catering img.restaurant_reviews {
	float: right;
	clear: right;
	width: 440px;
	height: 160px;}


/************************************

	security/firewall note

************************************/

#cafe {
	width: 760px;
	margin: 40px auto 20px auto;
	clear: both;
	color:#777;
	padding: 8px 10px 8px 10px;
	border: 1px dotted #444;
	}
	
#cafe h2 {
	color: #999999;
	margin: 0;
	padding: 0;
	font-size: 17px;	}

#cafe p strong {
	color: #999;	}
#cafe p {
	margin: 0;
	padding: 0;	}	
	
#cafe p a:link, #cafe p a:visited {	
	color: #bbb;
	text-decoration: none;
}

#cafe p a:hover, #cafe p a:active {	
	text-decoration: underline;
}