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

/*  CSS Reset  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {outline: 0;}
.clear {clear: both;}
.skip {display: none;}
.hide {display: none;}
.visible {visibility: visible;}
.left {float: left;}
.right {float: right;}

/* Basic CSS */

body {
	 background: #fff url(../images/page_bg.gif) top repeat-x;
	 font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 color: #554b13; 
}

p {
	font-size: 0.9em;
	padding: 0.5em 1em;
	line-height: 1.8em;
}

h1,h2,h3,h4,h5,h6 {
		font-size: 1.4em;
		color: #3B4B02;
		font-weight: bold;
		padding: 0.2em 0.6em 0 0.6em;
}

a {
	color: #991B1F;
	text-decoration: none}

a:hover {
	text-decoration: underline;
}

/* Layour Divs */

#container {
		width: 960px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
}

	#header {
			height: 180px;
			background: url(../images/cape_logo.jpg) left no-repeat;
			position: relative;

	}
	
		p.address {
			position: absolute;
			width: 18em;
			color: #D0AA7D;
			right: 0em;
			bottom:4em;
			font-size: 1em;
			line-height: 1.2em;
		}
		
			span.highlight {
					color: #3B4B02;
			}
	
	#banner {
			height: 251px;
			position: relative;
	}
	
		#flashBit {
			width: 805px;
			height: 250px;
			position: absolute;
			bottom: 0;
			right: 0;
		}
	
	#content {
		padding: 1em 0;
		background: url(../images/content_home.jpg) right top no-repeat;
	}
	
	/*body.home #content {
		background: url(../images/content_home.jpg) right top no-repeat;
	}*/
	
#container2{
	background: #425901 url(../images/green_bg.gif) top repeat-x;
}

	#content2 {
			width: 960px;
			margin: 0 auto;
			padding: 1em 0;
	}
	
	#about_button, #food_button, #location_button {
		position: relative;
		display: block;
		width: 310px;
		height: 225px;
		float: left;
		font-size: 1.4em;
		color: #D3AB7A;
		font-weight: bold;
	}
	
	#about_button:hover, #food_button:hover, #location_button:hover { color: #991B1F; text-decoration: none;}
	
	#about_button span, #food_button span, #location_button span {
		position: absolute;
		bottom: 10px;
		left: 10px;
	}
	
	#about_button {background: url(../images/button_about.jpg) left top no-repeat;}
	#food_button {background: url(../images/button_food.jpg) left top no-repeat;}
	#location_button {background: url(../images/button_contact.jpg) left top no-repeat;}
	
	#content2 h2 {
		color: #CFAA7D;
	}
	
	#map {
		float: right;
		width: 520px;
		height: 360px;
		background: #fff;
	}
	
	/*	Form Stylin'	*/
			
			#contact_form {	
				width: 40%;
				padding: 0.5em 0;
				font-size: 0.75em;
				color: #fff;			
			}
			
						
			#contact_form fieldset {
				padding: 1em;
				border: 1px solid #ccc;
				margin-bottom: 0.5em;
			}
			
			#contact_form fieldset legend {
				padding: 0 0.5em;
				font-size: 1.2em;
				color: #CFAA7D;
			}
			
			#contact_form fieldset label {
				display: block;
				width: 100%;
				float: left;
				clear: left;
			}
			
			#contact_form fieldset input {
				float: left;
				margin: 0 0 0.5em 0;
				font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
				font-size: 1em;
				color: #333;
			}
			
			#contact_form fieldset textarea {
				font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;	
				font-size: 1em;
				color: #333;		
			}
			
			#contact_form input.formBtn {
				font-size: 1.2em;
				color: #000;
			}


		#footer {
			clear: both;
			font-size:0.7em;
			letter-spacing: 0.2em;
			text-align: center;
			padding-top: 1em;
		}
		
		#footer p {
			color: #fff;
		}
		
			#footer p a {
				color:#CFAB79;
			}