/* 
Title:     		A.Houghton
Date:   		June 2008
Author:			Lynsey Buckley-Ratcliff
*/		

				* { margin: 0; padding: 0; list-style-type: none; outline: none}
				body { margin: 0; padding: 0; font-size: 100%; font-family: "Times New Roman", Times, serif; color: #000; text-align: center; background-color: #ffffff;}
				
				img { border: none; margin: 0; padding: 0;}
				a img { border: none; margin: 0; padding: 0;}
				
				div, p, form, h1, h2, h3, h4, h5, hr, ul, dl, dd, dt, ul, ol, li, object, param, table, tr, td, th
				{ margin: 0; padding: 0;}
				h1,h2,h3,h4,h5 { margin: 0; padding: 0;}
				
				input,textarea,button,select { font-family: Arial, Helvetica, sans-serif;}
				table { display: block; border-collapse: collapse; border: none;}
				th { text-align: left;}
							
/* Structure Styles 
-------------------------------------------------------------------------------- */	
				#container { width: 773px; padding: 0; margin-top: 15px; text-align: left; margin-left: auto; margin-right: auto;}
				
				#top-header { width: 773px; height: 36px;}
				#logo { float: left; position: relative; width: 388px; height: 36px;}
				
				#wrapper { width: 773px; margin: 0; padding: 0; background: url(../images/ahoughton-bg.gif) 0 0 repeat-y;}
				
				html>/**/body #leftcol { float: left; position: relative; width: 149px; height: 445px; margin: 0 8px 0 7px; background-color: #FCBF8C;}
				* html #leftcol { float: left; position: relative; width: 149px; height: 445px; margin: 0 0 0 4px; background-color: #FCBF8C;}
				#leftcol { float: left; position: relative; width: 149px; height: 445px; margin: 0 8px 0 7px; background-color: #FCBF8C;}

				#twocols { float: right; position: relative; width: 581px; height: 435px; padding: 6px 28px 5px 0;}
				#rightcol { float: right; position: relative; width: 154px;}
				#maincol { float: left; display: inline; position: relative; width: 405px; padding: 0 12px 10px 10px;}
				
				#testimonial-col { width: 147px; height: 404px; background-color: #FEE5D0;}
				
				#footer { clear: both; width: 773px; height: 44px; background: url(../images/footer-bg.gif) 0 0 no-repeat;}
				#footer p { clear: left; text-align: center; color: #ffffff; font-size: 70%; padding-top: 1px;}
				#footer ul { padding-left: 95px;}
				#footer ul li { float: left; display: inline; list-style: none; color: #ffffff; font-size: 70%; margin: 8px 0 0 0; padding: 0 7px 0 7px; border-right: 1px solid #ffffff;}
				#footer ul li a { color: #ffffff; text-decoration: none;}
				#footer ul li a:hover, #footer ul li a.active { color: #4D4D4D;}
				
				#footer .last { border-right: none;}
				
				html>/**/body #more-details { clear: both; padding-top: 5px;}
				#more-details { clear: both; padding-top: 10px;}

				ul#sitemap li { margin-bottom: 8px; color: #828282;} 
				#sitemap li a { text-decoration: none; color: #828282;}
				#sitemap li a:hover, #sitemap li a.active { text-decoration: underline;}
				
				#bottom-txt { clear: both; width: 330px; margin: 0; padding: 0;}
				#cost-position { padding-left: 65px;}
				
				span.telno { margin-right: 24px;}
				span.emailus { margin-right: 70px;}
				span.writeus { margin-right: 40px;}
				span.writeus2 { margin-left: 116px;}
				
				.content-overflow { overflow: auto; padding: 0 5px 0 0; margin: 0; height: 290px;}

/* Navigation
-------------------------------------------------------------------------------- */	
				
				/* Main Navigation
				---------------------------------------------------------------- */
				#nav { width: 141px; padding: 0 4px 0 4px;}
				#nav li { text-align: right; display: block; list-style-type: none; padding: 2px 4px 3px 4px; background: url(../images/nav-dottedline.gif) bottom no-repeat; /*border-bottom: 1px dotted #4D4D4D;*/}
				#nav li a { color: #4D4D4D; text-decoration: none; font-size: 80%; }
				#nav li a:hover, #nav li a.active { color: #ffffff;}
				
				#nav p { margin: 0; padding: 0;}			
				#nav .last { border-bottom: none;}
								
				
/* Content Styles
-------------------------------------------------------------------------------- */	
				
				/* Main Content
				---------------------------------------------------------------- */
				.main-content h1 { font-size: 100%; font-weight: bold; color: #0364A5; margin-bottom: 8px;}
				.main-content h3 { font-size: 90%; font-weight: bold; color: #CC0000; margin-bottom: 8px;}
				.main-content p { font-size: 80%; margin-bottom: 10px; color: #666666;}
				
				.main-content a, .main-content a:visited { color: #828282; text-decoration: none;}
				.main-content a:hover, .main-content a.active { color: #CC0000; text-decoration: underline;}

				.main-content ul { color: #828282; margin-bottom: 10px; margin-left: 30px;}
				.main-content li { font-size: 95%; font-weight: bold; list-style: disc; margin-left: 15px; color: #828282;}
							
				.testimonials { width: 127px; padding: 10px;}
				.testimonials h1 { font-size: 80%; color: #666666;}
				.testimonials h1 a { color: #ED1C24;}
				.testimonials p { font-size: 80%; color: #666666; padding-left: 5px;}
					
/* Forms
-------------------------------------------------------------------------------- */	
				#form { width: 300px; margin-bottom: 2px; color: #000000; font-size: 70%; text-align: left;}
				#form *  { font: inherit;}
				#form fieldset { padding: 0; margin: 0; border: none;}
				#form legend { display: none;}
				#form p { margin-bottom: 0.8em; text-align: left; font-size: 80%;}
				#form h3 { margin: 15px 0 15px 0; text-align: left; color: #F18E00; font-size: 130%; font-weight: bold;}
				#form label { width: 80px; margin: 0 0 2px 0; display: block; float: left;}
				#form .text { width: 200px; margin: 0 0 1px 4px; padding: 0; vertical-align: top; border: 1px solid #78A22F;}
				#form .text-option { width: 138px; margin: 0 0 6px 4px; padding: 2px; vertical-align: top;}
				#form input.button { vertical-align: bottom; float: left; margin-left: 247px;}
				#form textarea { width: 130px; margin: 0 0 6px 4px; padding: 2px; vertical-align: top;}
				
				span.required { color: #78A22F; font-weight: bold;}
				
/* Additional Styles
-------------------------------------------------------------------------------- */	
				.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 */