body {
	background-color: #fff;
	color: #000;
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 140%;
	color: #000;
}

em {
	color: #aa1f23;
	font-weight: bold;
	}
	
.small {
	font-size: 90%;
	font-style: italic;
	background-color: #fff;
	color: #000;
}
h1 {
	font-size: 140%;
	line-height: 100%;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/* used at bottom of home page */
#home h1 {
font-size: 120%;
	line-height: 120%;
	background-color: #fff;
	color: #aa1f23;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#home ul{
	line-height: 140%;
	color: #000;
	padding: 0;
	margin: 0 0 0 15px;
	text-indent: 0;
	list-style-position: outside;
	}
#home h1 a:link, #home h1 a:visited {
font-size: 110%;
	line-height: 120%;
	background-color: #fff;
	color: #aa1f23;
	font-weight: bold;
	text-decoration: underline;
}
#home h1 a:hover {
font-size: 110%;
	line-height: 120%;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

h2 {
	font-size: 120%;
	line-height: 140%;
	color: #aa1f23;
	background-color: #fff;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

h3 {
	font-size: 100%;
	line-height: 130%;
	color: #000;
	background-color: #fff;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/* for the top background image */
#topback {
	margin: 0px;
	padding: 0px;
}

#top {
	background-color: #fff;
	background-image: url(images/top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 166px;
	width: 1024px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;

}
#logo {
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: absolute;
	z-index: 3;
	height: 113px;
	width: 345px;
	left: 0px;
	top: 0px;
}
table {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}

.topnavpad {
	padding: 3px 10px 1px;

}

#topnav1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: absolute;
	left: 430px;
	top: 3px;
	z-index: 3;
	width: 1024px;
	font-weight: bold;

}
#topnav1off {
	color: #aa1f23;
	text-decoration: none;
	background-color: #fff;

}

#topnav1 a:link, #topnav1 a:visited  {
	color: #fff;
	text-decoration: none;
	background-color: #666666;
}


#topnav1 a:hover {
	color: #aa1f23;
	text-decoration: none;
	background-color: #fff;
}
#topslogan {
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 3;
	height: 73px;
	width: 276px;
	left: 380px;
	top: 45px;
}
#banner {
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 3;
	height: 100px;
	width: 300px;
	left: 290px;
	top: -15px;
}

#toptestimonials {
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 3;
	height: 108px;
	width: 360px;
	left: 550px;
	top: 25px;
}



#maintopnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	position: absolute;
	z-index: 3;
	left: 50px;
	top: 143px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	width: 1024px;

}
#maintopnavoff {
	color: #aa1f23;
	text-decoration: none;
}


#maintopnav a:link {
	color: #000000;
	text-decoration: none;
}

#maintopnav a:visited {
	color: #000000;
	text-decoration: none;
}
#maintopnav a:hover {
	color: #aa1f23;
	text-decoration: none;
	background-color: #FFFFFF;
}
/* mainhomecontent defines the pages without the gray side subnav, these were based on the home page design */

#mainhomecontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	background-color: #fff;
	padding: 0px;
	margin: 40px 20px 20px 60px;
	
}

#mainhomecontent a:link {
 	font-family:  Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	text-decoration: underline;
	background-color: #fff;
}

#mainhomecontent a:visited {
  	font-family:  Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	text-decoration: underline;
	background-color: #fff;
}
#mainhomecontent a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: small;
	color: #aa1f23;
	text-decoration: underline;
	background-color: #fff;
}



#maincontent {
font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	background-color: #fff;
}


#maincontent #nav {
	color: #000;
	background-color: #dadbda;
	margin-top: 0px;
	padding: 40px 0px 0px 0px;
	width: 200px;
	
}
#maincontent #nav p {
	margin: 0px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	padding: 3px 0px 0px 30px;
	line-height: 24px;
}

#maincontent #nav a:link {
	text-decoration: none;
	color: #333;
	background-color: #dadbda;
}
#maincontent #nav a:visited {text-decoration: none; 
	color: #333; 
	background-color: #dadbda;
}
#maincontent #nav a:hover {text-decoration: underline; 
	color: #aa1f23;
	background-color: #dadbda;
}
#maincontent #nav #off {
	text-decoration: none;
	color: #000;
	background-image: url(images/nav_background.gif);
	background-repeat: no-repeat;
	
}
/* this is for 3rd level sub nav used on the Tech tips section */
#maincontent #nav div#Techtips p {
	margin: 0px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	padding: 3px 0px 0px 40px;
	line-height: 24px;
}

#maincontent #nav div#Techtips a:link {
	text-decoration: none;
	font-size: 11px;
	color: #333;
	background-color: #dadbda;
}
#maincontent #nav div#Techtips a:visited {text-decoration: none; 
	color: #333; 
	font-size: 11px;
	background-color: #dadbda;
}
#maincontent #nav div#Techtips a:hover {text-decoration: underline; 
	color: #aa1f23;
	font-size: 11px;
	background-color: #dadbda;
}
#maincontent #nav div#Techtips #off {
	text-decoration: none;
	color: #000;
	background-image: url(images/nav_background.gif);
	background-repeat: no-repeat;
	
}

#subpagecontent {
	padding: 40px 20px 20px 40px;
	margin: 0px;
}


#maincontent a:link {
 	font-family:  Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0000ff;
	text-decoration: underline;
	background-color: #fff;
}

#maincontent a:visited {
  	font-family:  Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0000ff;
	text-decoration: underline;
	background-color: #fff;
}
#maincontent a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: small;
	color: #aa1f23;
	text-decoration: underline;
	background-color: #fff;
}



/* these are for the blue links on the Press Releases pg */

#mainhomecontent #pr a:link {
 	font-family:  Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0000ff;
	text-decoration: underline;
	background-color: #fff;
}

#mainhomecontent #pr a:visited {
  	font-family:  Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0000ff;
	text-decoration: underline;
	background-color: #fff;
}
#mainhomecontent #pr a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: small;
	color: #aa1f23;
	text-decoration: underline;
	background-color: #fff;
}

/* these are for the tesimonals */

ol li {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 140%;
	color: #000;
	padding: 10px;
	}

ul li {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 140%;
	color: #000;
	padding: 0px;
	}
.signature {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 160%;
	color: #393939;
	font-style: italic;
	}




/* this is for the position of the background .jpg image behind the  animated gif */
#homeimage {
	padding: 0px;
	margin: 0px 20px;
	position: absolute;
	left: 500px;
	top: 210px;
}

/* this puts the animated gif ontop of the jpg background */
#homeanigif  {
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	position: absolute;
	left: 500px;
	top: 215px;
	z-index: 2;

}

/* this is for  brochure below the animated gif on the home page */
#brochureHome {
	padding: 0px 50px;
}


/* position for reload link */
#animation {
	position: absolute;
	left: 530px;
	top: 550px;
	padding: 5px;
	display: inline;
	width: 300px;
	z-index: 3;
}


.imgbody {
	margin: 40px 20px 0px 0px;
	}
.img2body {
	margin: 10px 10px 0px 0px;
	}
#bottomnav {
	background-color: #FFFFFF;
	background-image: url(images/bottom_bar.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	text-decoration: none;
	width: 2000px;
}
#bottomnav a:link {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
}

#bottomnav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
}
#bottomnav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #666666;
}


#bottomnavoff {
	color: #fff;
	font-weight: bold;
	background-color: #666666;
}

#copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #333333;
	background-color: #FFFFFF;
}

/* bidform  and employment*/

#bidform {
	width: 620px;
	}
	
#bidform div.row, #employment div.row {
  clear: both;
  padding-top: 10px;
  }
  
#bidform div.row label, #employment div.row label {
  float: left;
  width: 180px;
  text-align: right;
  }
  
#bidform div.row span.formw, #employment div.row span.formw {
  float: right;
  width: 420px;
  text-align: left;
  } 
 
 
 /*employment*/
  #employment fieldset {
 	margin: 20px 0px;
	width: 800px;
	} 
 #employment legend {
 	font-size: 120%;
	line-height: 100%;
	color: #aa1f23;
	font-weight: bold;
	margin: 0px;
	padding: 10px;
	 background-color: #fff;

	} 
 #employment div.row {
  clear: both;
  padding-top: 10px;
  }
  
 #employment div.row label {
  float: left;
  width: 260px;
  text-align: right;
  }
#employment div.row span.formw {
  float: right;
  width: 530px;
  text-align: left;
  } 
  #employment span.scale {
  float: right;
  width: 530px;
  text-align: left;
  padding: 0px;
  margin: 0px;
  }
  
  
  /* Quality Survey/feedback form */

  #feedback div.row {
  clear: both;
  padding-top: 10px;
  }
 #feedback fieldset {
 	margin: 20px 0px;
	width: 810px;
	} 
 #feedback legend {
 	font-size: 120%;
	line-height: 100%;
	color: #aa1f23;
	font-weight: bold;
	margin: 0px;
	padding: 10px;
	 background-color: #fff;

	} 
  
   #survey div.row1 {
  clear: both;
  margin: 0px;
  padding: 20px;
  background-color: #ccc;
  }
  #survey div.row2 {
  clear: both;
  margin: 0px;
  padding: 20px;
  background-color: #fff;
  }
  #survey label.questions{
  float: left;
  width: 380px;
  text-align: right;
 }
 #survey span.scale {
  float: right;
  width: 380px;
  text-align: left;
  padding: 0px;
  margin: 0px;
  }
 #survey div#scale{
 	clear: both;
  float: right;
  text-align: right;
  font-weight: bold;
  
  }
   #survey input.noborder {
	border: 0px;
	margin: 0px 0px 0px 40px;
	padding: 0px;
  } 
 .margin {
  	margin: 0px 35px;
  }
  
#feedback div.row label {
  float: left;
  width: 180px;
  text-align: right;
  }
 
  
#feedback div.row span.formw {
  float: right;
  width: 620px;
  text-align: left;
  } 

  
  /* request service form stlyes */
  
  #RequestService {
  	width: 400px;
  }
div#RequestService div.row {
  clear: both;
  padding-top: 10px;
  }
  
div#RequestService div.row label {
  float: left;
  width: 120px;
  text-align: right;
  }
  

div#RequestService div.row span.formw {
  float: right;
  width: 270px;
  text-align: left;
  } 
  
 div#rightside {
 background-color: #dadbda;
   
  width: 290px;
  margin: 0px 0px 0px 100px;
  padding: 0px 15px;
  }
  
/* General form stlyes */
input {
	border: 1px solid #999999;
	margin: 0px;
	padding: 0px;
  } 
  
input.noborder {
	border: 0px;
	margin: 0px;
	padding: 0px;
  } 
 
  
  
textarea {
  	border: thin solid #999999;
	margin: 0px;
	padding: 0px;
  } 
  
 /* manufacturer links */
 
 div.col {
	float: left;
	text-align: left;
	line-height: 160%;
	padding: 15px;

	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
 
 }
 
 div.col img {
	
	padding: 10px 0px;
 }
 
 /* used on the specializing table on the plumbing pg */
.specializing{
	padding: 0px 20px;
}

/* for list on home page */

#homelist  li{
	padding: 5px 50px 5px 0;
}