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

* {
	padding: 0;
	margin: 0;
}

body {
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #8a7254 url(../images/harradine_bg.gif) top repeat-x;
}

h1,h2,h3,h4,h5,h6 {
	color: #197F8B;
	font-size: 1.4em;
	padding: 0.2em 0;
	border-bottom: 1px solid #8A7254;
	margin-bottom: 0.5em;
}

h2,h3,h4,h5,h6 {
	font-size: 1.2em;
}

p {
	font-size: 0.8em;
	padding: 0.5em 0;
}

a {
	color: #197F8B;
	text-decoration: none;		
}

a:hover {
	text-decoration: underline;
}

ul {
	font-size: 0.8em;
	margin : 0.5em 2em;
}

dl {
	font-size: 0.8em;
}
	dt {
		display: block;
		width: 12em;
		float: left;
		clear: left;
		font-weight: bold;
	}
	
	dd {
		margin-left: 13em;
	}
	
	hr {
		display: block;
		height: 1px;
		clear: left;
		color: #8A7254;
		background: #8A7254;
		border: 0;
		margin: 1em 0;
	}



/* Layout Divs */

#container {
	width: 760px;
	margin: 0 auto;
	background: #fff;
}

	#header {
		height: 257px;
		position: relative;
	}
	
		#header p.contact {
			display: block;
			position: absolute;
			width: 310px;
			height: 35px;
			line-height: 35px;
			color: #fff;
			right: 20px;
			bottom: 20px;
			font-size: 1.1em;
		}
		
			#header p.contact span {
				font-size: 1.3em;
				font-weight: bold;
			}
			
		#header p.contact a {
			color: #fff;
		}
	
		#header.one {
			background: url(../images/bunvet_head1.jpg); 
		}
		
		#header.two {
			background: url(../images/bunvet_head2.jpg); 
		}
		
		#header.three {
			background: url(../images/bunvet_head3.jpg); 
		}
		
		#header.four {
			background: url(../images/bunvet_head4.jpg); 
		}
		
		#header.five {
			background: url(../images/bunvet_head5.jpg); 
		}
	
	#content {
		padding: 1em;
	}
	
	/*	Form Stylin'	*/

		#contact_form {	
			float: left;
			width: 40%;
			font-size: 0.7em;
		}

		#contact_form fieldset {
			padding: 1em;
			border: 1px solid #8A7254;
			margin-bottom: 0.5em;
		}

		#contact_form fieldset legend {
			padding: 0 0.5em;
			font-size: 1.2em;
			color: #197F8B;
		}

		#contact_form fieldset label {
			display: block;
			width: 10em;
			float: left;
			clear: left;
			font-size: 1.2em;
		}

		#contact_form fieldset input {
			float: left;
			margin: 0.5em 0 0.5em 0;
			font:1.1em 'Trebuchet MS', Arial, Helvetica, sans-serif; 	
			color: #000;	
			background: #fff;
			width: 15em;
			
		}
	
		#contact_form fieldset textarea {
			font:1.1em 'Trebuchet MS', Arial, Helvetica, sans-serif; 	
			color: #000;	
			background: #fff;	
			width: 15em;
			margin: 0.5em 0 0.5em 0;
		}
		
		#contact_form input.formBtn {
			font-size: 1.0em;
			color: #000;
		}
	
	#footer {
		padding: 1em;
		font-size: 0.85em;
		text-align: center;
		letter-spacing: 0.1em;
		clear: both;
	}