@charset "UTF-8";

* {
   margin: 0px;
   padding: 0px;
   }
a img {
	border:none;
	}
a[href $='.pdf'] { 
   padding-left: 18px;
   background: transparent url(../images/pdficon.gif) no-repeat center left;
}

hr {
	width:100%;
	border-color:#002b6c;
	border-style:solid none;
	border-width:1px 0 0 0;
	margin:7px auto;
	}
p {
	margin-bottom:10px;
	}
h1 {
	color:#99430e;
	font-size:16px;
	line-height:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	}
h2 {
	color:#002b6c;
	font:14px;
	line-height:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	}
h3 {
	font-size:13px;
	line-height:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:5px;
	}
body {
	background:#d8ccb8;
	font-size:10px;
	line-height:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	}
#container {
	width:1024px;
	margin:0 auto;
	background:#ede3d3;
	}
.top_bar {
	width:944px;
	background:#002b6c;
	text-align:right;
	color:#fff;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.4em;
	line-height:1.2em;
	padding:5px 40px;
	}
.top_bar a {
	color:#fff;
	text-decoration:none;
	}
.top_bar a:hover {
	text-decoration:underline;
	}
.top_bar p {
	margin:0;
	}
.app {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	margin-right:7px;
	}
	
#header {
	width:1024px;
	height:228px;
	font-size:1.38em;
	line-height:1.4em;
	}
.header_text {
	width:318px;
	float:left;
	display:inline;
	}
.header_text p {
	margin-left:25px;
	width:293px;
	}
.header_text h1 {
	margin-left:25px;
	}
#nav {
	width:972px;
	height:45px;
	margin:0 auto 10px auto;
	overflow:hidden;
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	display:block;
	font-weight:bold;
	}
#nav a {
	overflow:hidden;
	display:block;
	height:45px;
	}
#nav li {
	float:left;
	}
#nav li:hover ul, #nav li.sfhover ul {
	left:auto;
	margin-left:3px;
	}
	
#nav li ul {
	position: absolute;
	width:165px;
	left: -999em;
	margin:-5px;
	list-style-type:none;
	background-color:#d8ccb8;
	border-right:1px solid #002b6c;
	border-bottom:1px solid #002b6c;
	border-left:1px solid #002b6c;
	}
#nav li ul li a {
	text-indent:0;
	background-color:#d8ccb8;
	background-image:none;
	font-size:1.4em;
	line-height:1.2em;
	color:#99430e;
	height:auto;
	width:155px;
	text-decoration:none;
	padding:3px 5px;
	}
#nav li ul li a:hover {
	background-image:none;
	background:#002b6c;
	color:#fff;
	text-decoration:none;
	}	

#nav li ul ul {
	border:1px solid #002b6c;
	}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	}
#nav li li:hover ul, #nav li li.sfhover ul {
	left: auto;
	margin:-20px 0 0 130px;
	}

#nav a.arrow {
	background:#d8ccb8 url(../images/arrow.jpg) right no-repeat;
	}

.home a {
	width:93px;
	text-indent:-1000em;
	background: url(../images/home.jpg) top center no-repeat;
	}
.home a:hover {
	background:url(../images/home.jpg) bottom center no-repeat;
	}
.installation a {
	width:145px;
	text-indent:-1000em;
	background: url(../images/installation.jpg) top center no-repeat;
	}
.installation a:hover {
	background:url(../images/installation.jpg) bottom center no-repeat;
	}
	
	
	
	
.productlines a {
	width:170px;
	text-indent:-1000em;
	background: url(../images/productlines.jpg) top center no-repeat;
	}
.productlines a:hover {
	background:url(../images/productlines.jpg) bottom center no-repeat;
	}



.grates a {
	width:92px;
	text-indent:-1000em;
	background: url(../images/grates.jpg) top center no-repeat;
	}
.grates a:hover {
	background:url(../images/grates.jpg) bottom center no-repeat;
	}
.applications a {
	width:115px;
	text-indent:-1000em;
	background: url(../images/glossary.jpg) top center no-repeat;
	}
.applications a:hover {
	background:url(../images/glossary.jpg) bottom center no-repeat;
	}
.gallery a {
	width:98px;
	text-indent:-1000em;
	background: url(../images/gallery.jpg) top center no-repeat;
	}
.gallery a:hover {
	background:url(../images/gallery.jpg) bottom center no-repeat;
	}
.about_us a {
	width:118px;
	text-indent:-1000em;
	background: url(../images/about_us.jpg) top center no-repeat;
	}
.about_us a:hover {
	background:url(../images/about_us.jpg) bottom center no-repeat;
	}
.contact a {
	width:141px;
	text-indent:-1000em;
	background: url(../images/contact.jpg) top center no-repeat;
	}
.contact a:hover {
	background:url(../images/contact.jpg) bottom center no-repeat;
	}

#content {
	width:972px;
	margin:0 auto;
	font-size:1.3em;
	line-height:1.6em;
	padding-bottom:10px;
	min-height:400px;
	height:auto !important;	
	height:400px;
	}
#content h1 {
	font-size:1.6em;
	}
#content a {
	color:#073986;
	text-decoration:underline;
	font-weight:bold;
	}
#content a:hover {
	text-decoration:none;
	}
#content h3 {
	color:#823a0d;
	}
#content ul {
	margin-left:20px;
	margin-bottom:10px;
	}
#content ol {
	margin-left:20px;
	margin-bottom:10px;
	}
#left_side {
	width:667px;
	float:left;
	display:inline;
	}	
	
#right_side {
	width:256px;
	padding:10px 18px;
	float:right;
	display:inline;
	background:#d8ccb8;
	}
#right_side ul {
	margin-left:20px;
	margin-bottom:10px;
	}
.photo_table {
	width:100%;
	margin-bottom:15px;
	}
.photo_table td {
	text-align:center;
	}
.our-product-lines {
	background:#c6b9a2;
	width:1024px;
	padding-bottom:5px;
	margin-bottom:10px;
	margin:0 auto;
	font-size:1.3em;
	line-height:1.5em;
	border-top:1px #000033 solid;
	}
.our-product-lines table {
	width:100%;
	margin:0 auto;
	}
.our-product-lines th {
	text-align:center;
	}
.our-product-lines td {
	padding-left:60px;
	}
.our-product-lines2 {
	background:#d8ccb8;
	padding-bottom:5px;
	margin-bottom:10px;
	margin:0 auto;
	}
.our-product-lines2 table {
	width:100%;
	margin:0 auto;
	}
.our-product-lines2 th {
	text-align:center;
	}
.our-product-lines2 td {
	padding-left:60px;
	}

.apps_uses {
	margin:10px auto;
	text-align:left;
	}
.apps_uses td {
	padding:0 5px;
	}
.apps_uses li {
	list-style-type:none;
	}
.goal {
	width:600px;
	padding:10px;
	line-height:1.2em;
	}
.home-text {
	width:950px;
	padding:10px;
	line-height:1.2em;
	text-align:justify;
	}
.home-text p {
	padding-bottom:5px;
	}

	
.application_links {
	margin:7px 0;
	}
.application_boxes {
	width:269px;
	margin-right:50px;
	padding:0 10px 10px 10px;
	text-align:center;
	line-height:1.3em;
	float:left;
	display:inline;
	background-color:#d8ccb8;
	}

#footer {
	width:979px;
	margin:0 auto;
	padding:15px 30px 15px 15px;
	background:#99430e;
	color:#fff;
	font-size:1.4em;
	line-height:1.2em;
	}
#footer a {
	color:#fff;
	text-decoration:none;
	}
#footer a:hover {
	text-decoration:underline;
	}
#footer li {
	display:inline;
	padding:0 3px;
	}
.tan_text {
	color:#823a0d;
	}
.red_text {
	color:#6b1a1a;
	}
.blue_text {
	color:#002b6c;
	}
.tan_bkgrnd {
	background-color:#d8ccb8;
	padding:5px 10px;
	}
.tan_bkgrnd p {
	padding-bottom:0;
	line-height:1.3em;
	text-align:justify;
	}
.no_marg {
	margin:0;
	}
.right {
	float:right;
	display:inline;
	}
.left {
	float:left;
	display:inline;
	}
.image-right {
	padding-left:20px;
	}
.images {
	border:1px #ffffff solid;
	margin:5px;
	}
		
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}