@charset "utf-8";
body  {
	background-color: #fff;
	background-image:url(images/body_bg.gif);
	color:#000;
	font-family: Arial,Geneva, Verdana,  Helvetica, sans-serif;
	font-size: 100%;
	height: auto;
	line-height: 1.125em; /* 16x1.125=18 */
	margin: 0;
	padding: 0;
	text-align: center;
	}

#header {
	background-image: url(images/header-right.gif) ;
	background-position:right; 
	background-repeat: no-repeat;
	height: 120px;
	overflow: hidden;
	width:910px;
	}

#container {
	background-color:#fff;
	border: 1px solid black;
	height:auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px;
	position:relative;
	text-align: left; /* overrides the text-align: center on the body element. */
	width: 910px;
	}
	
div, h1, h2,h3, p, ul, li, label, form, input, img, span{	margin:0; padding:0;}

	/* --- Navigation -----*/	
#head-nav {
	display:inline;
	float: right;
	padding: 5px 20px 0 0;
	}

#head-nav a:link { color:#1B75BC; text-decoration:none; font-size: 14px;}
#head-nav a:visited {color: #000; text-decoration:none;font-size: 14px; }
#head-nav a:hover { color: #DA0000; text-decoration:none;font-size: 14px; }

#nav{
	background:url(images/nav/nav_bar.gif) 0 0 repeat-x;
	height:40px;
	width:910px;
	}
	
#nav ul{
	height: auto;
	left:0px;
	padding:0px 0px 0px 28px;
	_padding-left: 14px;
	top:0px;
	width:870px;
	}
	
#nav ul li{
	display: inline;
	float:left;
	height:40px;
	padding:0  0 0 1px;
	}

#nav ul li a{
	color:#fff;
	display:block;
	font:bold 13px/40px Arial, Helvetica, sans-serif;
	padding:0 20px;
	text-decoration:none;
	}
	
#nav ul li a:hover{
	background-color:inherit;
	color:#082135;
	}
	
#nav ul li a.hover{
	cursor:text;
	display:block;
	font:bold 13px/40px Arial, Helvetica, sans-serif;
	padding:0 20px;	
	text-decoration:none;
	}
	
#nav ul li.last{
	display:inline;
	height:40px;
	padding: 0 0 0 1px;
	width: 100px;
	}

#nav ul li.last2{
	display:inline;
	height:40px;
	padding: 0 0 0 1px;
	width: 1px;
	}
	
/* ----- End Navigation ---*/

/*--- Dropdown Nav styles -----*/

li.product {position: relative;	}
	
ul#productsNav  {
	display: none;
	height: auto;
	left: -5px; /* Set 1px less than menu width */
	position: absolute;
	top: 40px;
	width:300px;
	}

ul#productsNav{ height/**/: 300px;}

/* Styles for Menu Items */

#productsNav li a {
	background:url(images/nav/nav_bar.gif) 0 0 repeat-x;
	border: 1px solid #ccc; /* IE6 Bug */
	border-bottom: 0;
	color: #777;
	display: block;
	padding: 5px;
	text-decoration: none;
	width: 140px;
	}
	
/* Holly Hack. IE Requirement \*/
* html #productsNav li { float: left; height: 1%; }
* html #productsNav li a { height: 1%; }
/* End */

li:hover #productsNav , li.over #productsNav{ display: block;} 

/* ----- End Drop Down ---*/

/* --- h tags headings heading -- */

h1  {    
	color: #DA0000;
	font-size: 30px;
	line-height: 28px;
	padding: 15px 0px 5px 30px;
	}
	.problem { line-height: 42px;	}
.customer {	font-size: 26px;}

h2 {    
	color: #DA0000;
	font-size:24px;
	padding: 20px 0px 5px 30px;
	}	
.news { color: #1B75BB;
		font-family: "Times New Roman", Times, serif;
		padding: 10px 75px 10px 75px;}
	
h3 {
	color:#DA0000;
	font-size:18px;
	line-height:24px;
	padding: 5px 15px 0px 15px;
	}
	
.mission { font-size:14px; }
.contest {line-height:28px;}
.updates {color: #1B75BB;
		font-size:24px;}

h4 {    
	color: #1B75BB;
	font-size:.8em;
	padding: 0px 0px 0px 75px;
	}

/* ------- Main Content ------*/
.para {
	padding:0px 10px;
}
#promo {
	position:absolute;
	margin-top: 35px;
	margin-left: 350px;
 }

#leftHome{
	float:left;
	height:auto;
	margin-bottom: 20px;
	margin-left:15px;
	width: 435px;
	}

#leftHome p{
	font-size: .8em;
	padding: 10px 15px 15px 15px;
	}

#leftHome img{ padding: 10px 0px 5px 0px;}

#banner{
	float:right;
	margin-bottom: 20px;
	margin-right:50px;
	width: 375px;
	}

#rightHome{
	float:right;
	margin-bottom: 20px;
	margin-right:50px;
	width: 375px;
	}

#banner img{padding: 10px 0px 5px 0px;}

#video {
	float: left;
	height:auto;
	padding: 10px 215px 10px 215px;
	width: 910px;
	}

#leftProduct{
	float:left;
	height:auto;
	width: 425px;
	}

#leftProduct p{
	font-size: .8em;
	padding: 10px 40px 10px 55px;
	}

#leftProduct img{ padding: 20px 0px 10px 0px ;}

img.floatLeft { 
    float: left; 
	margin-top: -5px;  
	margin-left: 55px;  
	margin-right: 10px; 
	}
	
img.floatLeft2 {
	float: left;
	margin: 0px 10px 0px 10px;
	}

#rightProduct{
	float:right;
	height:auto;
	width: 485px;
	}
	
#rightProduct p{
	font-size: .8em;
	padding: 10px 20px 10px 10px;
	}
	
#rightProduct img{padding: 20px 0px 20px 0px;}

#leftHinge {
	float:left;
	height:auto;
	width: 375px;
	}
	
#leftHinge p {
	font-size: .8em;
	padding: 10px 40px 10px 55px;
	}
	
#leftHinge img{ padding: 20px 0px 10px 0px ;}

.red {color:#DA0000;}

#rightHinge{
	float:right;
	height:auto;
	width: 535px;
	}
	
#rightHinge p{
	font-size: .8em;
	padding: 10px 55px 15px 55px;
	}
	
#rightHinge img{padding-top: 15px;}

#superHinge p {	font-size: .8em;}

#uLab img{ padding: 5px 0px 10px 55px ;}
#uLab2 img{ padding: 5px 0px 10px 50px ;}
#faq{
	float:left;
	height:auto;
	width: 910px;
	}

#faq p{
	font-size: .8em;
	padding: 10px 75px 10px 75px;
	}

.questions {color:#1B75BB;}

#providers{
	float:left;
	height:auto;
	width: 910px;
	}

#providers p{
	font-size: .8em;
	padding: 5px 0px 10px 75px;
	}

#serviceList {
	position:absolute;
	font-size: .75em;
	left: 650px;
	top: 250px;
}
	
#map {	margin: 25px 328px 20px 229px;	}
 #mapNew {padding-left: 100px;}
#gmap {	padding-left: 30px;
		 
		} 
 
.state {color:#DA0000; }

#distAgree{
	float:left;
	height:auto;
	width: 910px;
	}

#distAgree p{
	font-size: .8em;
	padding: 5px 75px 5px 75px;
	}

#leftContact{
	float:left;
	height:auto;
	width: 330px;
	}

#leftContact p{
	font-size: .8em;
	padding: 10px 20px 10px 85px;
	}

#leftContact img{ padding: 10px 0px 30px 85px ;}

#rightContact{
	float:right;
	height:auto;
	padding-top: 10px;
	width: 580px;
	}

#rightContact p{
	font-size: .8em;
	padding: 10px 0px 10px 10px;
	}
/*------tables----------*/

.border { border: 1px solid #529ab2;}

#productTable {
	height:auto;
	padding: 20px 0px 10px 0px;
	width: 910 px;
	}

#productTable p {
	font-size:14px;
	line-height: 18px;
	}
	
#productTable img {	padding-top: 5px;}

#problemTable {	padding: 10px 0px 10px 0px;}

#hingeTable1 { 
	color:#11549C;
	font-size: 18px;
	padding: 0px 0px 20px 0px;}

#hingeTable2 { padding: 20px 205px 10px 205px;}

#greaseawayTable { padding: 0px 0px 10px 10px;}
#greaseawayTable img { padding: 0px 0px 5px 0px;}

#customerTable {padding: 30px 0px 30px 0px;	}

#distAgreeTable{
font-size: .8em;
padding: 30px 0px 30px 0px;
text-align: center;	}

.lastp {display: block;}

.clear { clear:both;}

/* -- LINKS -- */

a:link { color:#11549C; }
a:hover { color:#DA0000;}
 
#footer a:link { color:#000; }
#footer a:hover { color:#fff;}
 
/* -- hacks and work arounds */

#clear { clear: both;
		 display:block;}

/* ---- LI UL OL ordered lists and unordered lists -- */
ul{	list-style-type:none;}

li{	list-style-image: url(images/bullet.gif);}

#productList, .para {
	font-size: .8em;
	line-height: 1.7em;
	padding: 10px 45px 10px 75px;
	}
	
.distributor {padding: 10px 35px 10px 100px;}

#homeList {
	font-size: .9em;
	line-height: 2.25em;
	padding: 10px 15px 10px 35px;
	}

#distributorList{
	font-size: .8em;
	line-height: 1.9em;
	padding: 10px 45px 10px 125px;
	}

/*-------- eliminate link or image outlines -----*/
:link img {border: none;}
img {border: none;}
a {outline: none;}

/*-----footer-----*/

#calltoAction p {
	color: #DA0000;
	float: left;
	font-size: 20px;
	padding: 15px 150px 10px 150px;
	width: 910px;
	}

#footer2 {
	background:#529ab2;
	height: 1px;
	margin-bottom: 10px;
	margin-left: 30px;
	width: 850px;
	}

#footer {
	background:url(images/nav/nav_bar.gif) 0 0 repeat-x;
	height: 40px;
	margin-top: 10px;
	width: 910px;
	}

#footer p {
	color: #000000;
	font-size: .7em;
	line-height: 1.2em;
	padding-top: 5px;
	}