@charset "utf-8";

body {
	background-image: url(../images/bg-extend.gif);
	background-repeat: repeat-x;
	background-color: #33b9ea;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #5c5c5c;
	line-height: 18px;
}

#outer_1 {
	background-image: url(../images/bg-main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#wrapper {
	background-image: url(../images/bg-content.gif);
	background-repeat: repeat-y;
	width: 970px;
	margin: 0px auto;
	min-height: 750px;
	padding-bottom: 30px;
}

#header {
	background-image: url(../images/bg-header.gif);
	background-repeat: no-repeat;
	height: 115px;
	position: relative;
}
	#logo {
		display: block;
		width: 222px;
		height: 85px;
		background-image: url(../images/ferro-logo.gif);
		background-repeat: no-repeat;
		position: absolute;
		left: 15px;
		top: 12px;
	}
		#header ul {
			position: absolute;
			right: 35px;
			top: 25px;
		
		}
			#header li {
				float: left;
				list-style: none;
			}
				#header li a {
					background-repeat: no-repeat;
					font-size: 9px;
					padding-left: 20px;
					padding-top: 2px;
					margin-left: 25px;
					height: 15px;
					text-decoration: none;
					color: #1990c7;
				}
				#header li a:hover {
					text-decoration: underline;
				}
					#utilities_home {
						background-image: url(../images/icon-house.gif);
					}
					#utilities_contact {
						background-image: url(../images/icon-phone.gif);
					}
#navigation {display: block; width: 970px; height: 37px; background-image: url(../images/bg-nav.gif);}
	#navigation ul {}
		#navigation ul li {
			float: left;
			list-style: none;
		}
			#navigation ul li a {
				display: block;
				background-repeat: no-repeat;
				height: 37px;
			}
			#navigation ul li a:hover {
				background-position: 0 -37px;
			}
			#navigation ul li a.active {
				background-position: 0 -74px;
			}
				#nav_metal {  width: 228px; background-image: url(../images/nav-metal.gif);}
				#nav_custom { width: 208px; background-image: url(../images/nav-custom.gif);}
				#nav_about { width: 148px; background-image: url(../images/nav-about.gif);}
				#nav_faqs { width: 103px; background-image: url(../images/nav-faqs.gif);}
				#nav_projects { width: 273px; background-image: url(../images/nav-projects.gif);}
#content { margin-top: 40px;}
	#subnav {
		float: left; 
		width: 205px; 
		min-height: 300px;
		margin-right: 50px;
		position: relative;
	}
		#subnav .page_title {
			display: block;
			margin-left: 30px;
			position: absolute;
			z-index: 9999;
		}
		#subnav ul {
			background-image: url(../images/bg-subnav.gif);
			background-repeat: repeat-y;
			width: 205px;
			margin-top: 10px;
		}
			#subnav li {
				list-style: none;
				margin: 3px 0px;
			}
				#subnav #subnav_top {
					display: block;
					background-image: url(../images/subnav-top.gif);
					width: 205px;
					height: 35px;
					margin: 0px;
				}
				#subnav #subnav_bottom {
					display: block;
					background-image: url(../images/subnav-bottom.gif);
					width: 205px;
					height: 35px;
					margin: 0px;
				}
					#subnav li a {
						display: block;
						color: #3b3b3b;
						background-image: url(../images/subnav-dashed.gif);
						background-repeat: no-repeat;
						width: 175px;
						text-decoration: none;
						padding: 2px 0px 6px 30px;
						background-position: left bottom;
					}
					#subnav li a:hover {
						color: #0297cf;
					}
					
					#subnav li a.active {
						background-image: url(../images/subnav-active.gif);
						color: #ffffff;
					}
					#subnav li #subnav_last {
						background-image: none;
					}
					#subnav li #subnav_last.active {
						background-image: url(../images/subnav-active-last.gif);
					}
			
	#overview_content {
		float: left; 
		width: 480px; 
	}
		#overview_content h1 {
			position: relative; 
			left: -5px;
			margin-bottom: 20px;
		}
		#overview_content h2 {
			color: #5c5c5c;
			font-size: 18px;
			margin-bottom: 10px;
		}
		#overview_content h3 {
			color: #1997cf;
			font-size: 16px;
			margin-bottom: 5px;
		}		
		#overview_content p {
			margin-bottom: 15px;
		}
		#overview_tabs {
			
		}
			#overview_tabs li {
				list-style: none;
				float: left;
				width: 140px;
				height: 177px;
				margin-right: 20px;
				margin-bottom: 20px;
				background-image: url(../images/bg-overview.gif);
				background-repeat: no-repeat;
				background-position: left bottom;
			}
			#overview_tabs li img {
				border-bottom: 1px solid #848484;
			}
			#overview_tabs .overview_title {
				color: #2b9dc7;
				font-size: 14px;
				font-weight: bold;
				margin: 0px 10px;
				display: block;
			}
			#overview_tabs p, #overview_tabs a {
				font-size: 10px;
				line-height: 14px;
				margin: 0px 10px;
			}
			#overview_content ul {
				margin-left: 15px;
			}
			#overview_content #overview_tabs {
				margin-left: 0px;
			}
	#cta {
		float: right; 
		display: block;
		width: 206px;
	}
		#cta li {
			list-style: none;
		}
			#cta a {
				display: block;
				width: 206px;
			}
			#cta a:hover {
				background-position: -206px 0px;
			}
				#cta_quote { height: 131px; background-image: url(../images/cta-quote.gif);}
				#cta_special { height: 82px; background-image: url(../images/cta-specials.gif);}
				#cta_warranty { height: 97px; background-image: url(../images/cta-warranty.gif);}
				#cta_rfp { height: 85px; background-image: url(../images/cta-rfp.gif);}

#footer {
	background-image: url(../images/bg-footer.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 1px;
	height: 171px;
	padding-top: 20px;
}
	#footer_wrapper {
		width: 970px;
		margin: 0px auto;
		font-size: 9px;
		color: #3d3d3d;
	}
	
	.left_footer {
		display: block;
		float: left;
		margin-left: 40px;
	}
	.right_footer {
		display: block;
		float: right;
		margin-right: 40px;
	}
		#footer_wrapper a {
			color: #3d3d3d;
			text-decoration: none;
		}
		#footer_wrapper a:hover {
			text-decoration: underline;
		}
	
a {
	color: #1987bc;
	text-decoration: underline;
}
a:hover {
	color: #1987bc;
	text-decoration: none;
}
a:active {
	color: #7b7b7b;
	text-decoration: underline;
}	
.clear {
	clear: both;
}.boldgrey {
	font-size: 14px;
	font-weight: bolder;
	color: #666666;
}
#form_box {
			display: block;
			width: 450px;
			height: 304px;
			background-image: url(../images/form_box.gif);
			background-repeat: no-repeat;	
			padding: 15px 0px 0px 30px;
			margin-top: 20px;
		}
			#form_box table {
				margin-top: 10px;
			}	
			#form_box td {
				padding-bottom: 10px;
				padding-right:5px;
				vertical-align:top;
				}
			#form_box th {
				width: 85px;
				text-align: right;
				vertical-align: top;
				padding-right: 10px;
			}
			#form_box .reset {
				text-align: right;
			}
			#form_box .submit {
				display: block;
				width: 100px;
				height: 26px;
				background-image: url(../images/submit_btn.gif);
				background-repeat: no-repeat;	
			}
			#form_box td {
				width: 117px;
			}
			#form_box input{
				width: 208px;
				height: 20px;
				border: 1px solid #66a9d1;
			}
			#form_box textarea{
				width: 208px;
				border: 1px solid #66a9d1;
			}
			#form_box td a {
				display: block;
				float: right;
				margin-left: 10px;
				color: #575757;
			}
			
.imgright {
	padding-left: 15px;
	float: right;
}
.smallgrey {
	font-size: 9px;
	color: #999999;
}

#overview_content ol {
	margin: 0px;
	padding: 0px;
	list-style-type: decimal;
	margin-left: 40px;

}	

#overview_content ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 0px;
}