/* CSS Document */

body {
	font-size: 62.5%;
	font-family:"Times New Roman", Times, serif;
	background: #9bacb7 url(images/francis_tile.jpg) left top repeat-x;
	margin: 0;
}

div.cleary {
	clear: both;
}

	div.cleary hr{
		display: none;
	}







#content a:link, #content a:visited {
	text-decoration: underline;
	color: #424242;
}

#content a:hover {
	text-decoration: underline;
	background-color: #cdd5e0;
}

#container {
	background: url(images/container_bg.png) left top repeat-y;
	width: 834px;
	margin: 0 auto;
	padding: 0 13px;
}

/* --------- Header Components Variables --------- */

/* Header Variables - Rev:A001 */



/* Branding Variables - Rev:A001  */

#branding-body { width:808px; height:106px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; }
#logo { width:808px; height:106px; top:0px; position:relative; float:left; text-decoration: none; }
#logo a { width:808px; height:106px; position:relative; float:left; border:none; text-decoration:none; }

/* Navigation Variables - Rev:A001 */ 

#navigation-bar { width:808px; height:64px; margin:0px; padding:0px; left:11px; position:left; float:left; overflow:hidden; clear:both; }
.navigation { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0px; position:relative; float:left; }
.navigation li { margin:0px; padding:0px; text-align:center; display:block; position:relative; float:left; }
.navigation .page_home a { background:url("images/Nav-General.png") no-repeat; width:222px; height:64px; margin:0px; padding:0px 0px 0px 0px; display:block; position:relative; float:left; }
.navigation .page_home a:hover { background-position:0px -64px; }
.navigation .page_home_current a { background:url("images/Nav-General.png") no-repeat; width:222px; height:64px; margin:0px; padding:0px 0px 0px 0px; display:block; position:relative; float:left; background-position:0px -64px;}
.navigation .page_bio a { background:url("images/Nav-Bio.png") no-repeat; width:271px; height:64px; margin:0px; padding:0px 0px 0px 0px; display:block; position:relative; float:left; }
.navigation .page_bio a:hover { background-position:0px -64px; }
.navigation .page_forms a { background:url("images/Nav-Forms.png") no-repeat; width:315px; height:64px; margin:0px; padding:0px 0px 0px 0px; display:block; position:relative; float:left; }
.navigation .page_forms a:hover { background-position:0px -64px; }
.navigation .current_page a { background-position:0px -64px; }
.hide { display:none; }


#header {
	background: url(images/header.png) left top no-repeat;
	width: 808px;
	height: 104px;
	
}

	#header h1 {
		height: 104px;
		width: 808px;
		overflow: hidden;
		float: left;
		margin: 0 0 0 0;
		
		
	}
	
		#header h1 a {
			padding: 184px 0 0 261px;
			display: block;
		}
		

#header #flash_nav {
		height: 64px;
		float: right;
	   
	}
	
		#header #flash_nav table {
			width: 808px;
			height: 64px;
			margin: 0 auto;
			padding: 0;
			border-collapse: collapse;
	
		}
		
		#header #flash_nav table tr td.flash_nav_td {
			background: #dbe1e5;
			height: 64px;
		}

#content {
	font-size: 1.5em;
	color: #343434;
	width: 808px;
	
	
}

	#content #sub {
		width: 800px;
		height: 11px;
		padding: 66px 0 7px 0;
	}
		
	#content #left_pic {
		float: left;
		margin: 5px 15px 0 20px;
	}
	
	#content h2 {
		font-size: 1.7em;
		color: #3c8eb9;
		margin: 0 0 15px 0;
	}
	
	#content #right_content {
		float: right;
		
		width: 525px;
	}
	
	#content ul li {
		list-style: none;
	}
	
	#content ul li.bold {
		font-weight:bold;
	}
	
	#content ul li.heading {
		font-weight:bold;
		color: #3c8eb9;
		font-size: 1.1em;
	}

	.form {
	margin: 10px 25px 0 30px;
	float: left;
	border: none;
	}
	
	
	.form_list {
	padding: 15px 0 0 0;
	}
	
	#content  ul.form_list li.form_link a:link , #content  ul.form_list li.form_link a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #b95c37;
	text-decoration: underline;
	}

	

h2.content_nav {
		background: url(images/sub_nav.png) left top no-repeat;
		height: 11px;
		width: 800px;
		margin: 0 0 20px 0;
	}

h2.content_nav span {
	display: none;
	}

	
	body#index #content h2.francis_nav {
		height: 64px;
		width: 808px;
		margin: 0 0 20px 0;
	}
	
		#content h2.content_nav span {
			display: none;
		}
		
		#content h2.francis_nav span {
		display: block
		}

	body#gates #content h2.content_title {
		background: url(images/gates_title.png) left top no-repeat;
		height: 47px;
		width: 780px;
		margin: 2px 0 20px 0;
	}
	
	body#get_an_estimate #content h2.content_title {
		background: url(images/get_an_estimate_title.png) left top no-repeat;
		height: 47px;
		width: 780px;
		margin: 2px 0 20px 0;
	}
	
	body#sales #content h2.content_title {
		background: url(images/sales_title.png) left top no-repeat;
		height: 47px;
		width: 780px;
		margin: 2px 0 20px 0;
	}
	
	body#repair #content h2.content_title {
		background: url(images/repair_title.png) left top no-repeat;
		height: 47px;
		width: 780px;
		margin: 2px 0 20px 0;
	}
	
	body#distribution #content h2.content_title {
		background: url(images/distribution_title.png) left top no-repeat;
		height: 47px;
		width: 780px;
		margin: 2px 0 20px 0;
	}
	
	body#operators #content h2.content_title {
		background: url(images/operators_title.png) left top no-repeat;
		height: 70px;
		width: 780px;
		margin: 2px 0 20px 0;
	}
	
	body#accessories #content h2.content_title {
		background: url(images/accessories_title.png) left top no-repeat;
		height: 47px;
		width: 780px;
		margin: 2px 0 20px 0;
	}
		
		
	body#manuals #content h2.content_title {
		background: url(images/manuals_title.png) left top no-repeat;
		height: 47px;
		width: 780px;
		margin: 2px 0 20px 0;
	}
	
	body#safety #content h2.content_title {
		background: url(images/safety_title.png) left top no-repeat;
		height: 70px;
		width: 780px;
		margin: 2px 0 5px 0;
	}
	
		body#safety #content a:link, body#safety #content a:visited {
			background-color: #fff;
			text-decoration: underline;
			color: #424242;
		}
		
		body#safety #content a:hover {
			background-color: #cdd5e0;
			text-decoration: underline;
		}
	
	body#about #content h2.content_title {
		background: url(images/about_title.png) left top no-repeat;
		height: 47px;
		width: 780px;
		margin: 2px 0 20px 0;
	}
	
	body#service_area #content h2.content_title {
		background: url(images/service_area_title.png) left top no-repeat;
		height: 47px;
		width: 780px;
		margin: 2px 0 20px 0;
	}
	
		body#service_area p.map {
			background: url(images/map.png) left top no-repeat;
			height: 716px;
			width: 733px;
			overflow: hidden;
		}
	
	body#testimonials #content h2.content_title {
		background: url(images/testimonials_title.png) left top no-repeat;
		height: 47px;
		width: 780px;
		margin: 2px 0 20px 0;
	}
	
		body#testimonials #content h4 {
			font-weight: bold;
			size: 1.4em;
			margin: 0 0 10px 20px;
			
		}
		
		body#testimonials #content h5 {
			font-weight: bold;
			size: 1.6em;
			color: #1358a7;
			text-align: left;
			margin: 0 0 0 50px;
			padding: 0 0 30px 0;
			
		}
	
	body#contact #content h2.content_title {
		background: url(images/contact_title.png) left top no-repeat;
		height: 47px;
		width: 780px;
		margin: 2px 0 20px 0;
	}
	
		body#contact #content h3 {
			font-weight: bold;
			color: #1358a7;
			size: 1.6em;
			padding: 0;
			margin: 0 0 5px 20px;
		}
	
		body#contact #content h3 span {
			
		}
			
		body#contact #content table {
			margin: 0 auto;
			width: 740px;
			border-collapse: collapse;
			padding: 5px 0;
		}
		
			body#contact #content table tr.contact_field td {
				padding: 0 0 15px 0;	
				
			}
			
				body#contact #content table tr td {
					color: #1358a7;
					font-size: 1.3em;
					font-weight: bold;
					padding: 4px 0;
				}
				
		body#contact #content div {
			margin: 0 0 0 9px;
		}
			
		
	#content p {
		margin: 0 0 20px 20px;

	}
	
	#content #right_bar {
		background: url(images/right_bar_bg.png) left top no-repeat;
		float: right;
		margin: 0 20px 0 0;
		width: 249px;
		padding: 10px;
	}
	
		#content #right_bar h3 {
			background: url(images/right_bar_header.png) left top no-repeat;
			height: 24px;
			width: 244px;
			margin: 0;
			padding: 4px 0 0 5px;
			color: #fff;
			font-weight: normal;
		}
		
		#content #right_bar p {
			margin: 0;
			padding: 5px 2px 20px 5px;
		}
		
#footer {
	background: #f1f3f5;
	height: 60px;
	width: 808px;
	clear: both;
	margin: 60px 0 0 0;
	padding: 0 0 0 0;
}

	#footer p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #abb2b9;
		font-size: 1.2em;
		float: left;
		margin: 15px 0 0 25px;
		padding: 0;
	}
	
	#footer p.reflectant {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #abb2b9;
		font-size: 1.2em;
		float: right;
		margin: 15px 25px 0 10px;
		padding: 0;
	}
	
		#footer p.reflectant a:link , #footer p.reflectant a:visited {
			color: #abb2b9;
			text-decoration: underline;
		}
	
		#footer p.reflectant a:hover  {
			color: #3C8EB9;
			text-decoration: underline;
		}