@charset "utf-8";
/* CSS Document */

* {
   padding: 0px;
   margin: 0px;
   outline: none;
   }
   
   a{
   color: #05518f;
   text-decoration: none;
   }
   
   a:hover{
   color: #e17704;
   text-decoration: underline;
   }

body {
	background: #66a8d5 url(images/psi_background.jpg) top center;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
   }
   
#container{
   width: 906px;
   border: #0b68ac solid 3px; 
   margin: auto;
   margin-top: 34px;
   background: #FFFFFF url(images/psi_container_back_tile.gif) repeat-x top;
   padding-left: 34px;
   padding-right: 34px;
   padding-bottom: 32px;
   }
   
#header{
}

	#subnav{
	float: right;
	margin-top: 20px;
	}
	
	#subnav a{
	display: inline;
	height: 12px;
	color: #0059a6;
	padding-left: 7px;
	margin-left: 14px;
	background: url(images/psi_subnav_arrow.gif) left top no-repeat;
	text-decoration: none;
	}
	
		#subnav a:hover{
		color: #e17704;
		background: url(images/psi_subnav_arrow.gif) left bottom no-repeat;
	}

	#logo_old a{
	background: url(images/psi_logo.jpg) no-repeat top;
	margin-bottom: 0px;
	display: block;
	height: 75px;
	width: 337px;
	text-indent: -9000px;
	float: left;
	}
	
	#logo a{
	background: url(images/psi_process_and_equipment.jpg) no-repeat top right;
	margin-bottom: 10px;
	padding-left: 0px;
	display: block;
	height: 59px;
	width: 312px;
	text-indent: -9000px;
	float: left;
	}


#navigation{
height: 39px;
clear: both;
background: url(images/nav_background.gif) repeat-x;
}

/** Start Hompage Styles **/

#contenthome{
}

	#homesplash{
	background: url(images/psi_homebanner.jpg) no-repeat;
	padding-top: 39px;
	padding-left: 640px;
	margin-bottom: 20px;
	padding-right: 15px;
	height: 242px;
	color: #0059a6;
	font-size: 16px;
	/** font-weight: bold; **/
	line-height: 1.1em;
	 }
	 
	#homesplash a{
	color: #333;	
	}
	
	#buttonmoreabout a{
	background: url(images/psi_button_more_about_us.jpg) top left no-repeat;
	display:block;
	height: 29px;
	width: 158px;
	text-indent: -9999px;
	margin-left: 84px;
	}
	
	#buttonmoreabout a:hover{
	background: url(images/psi_button_more_about_us.jpg) bottom left no-repeat;
	}
	
	#columnlefthome{
	float: left;
	width: 414px;

	}

	#columnrighthome{
	float: right;
	width: 414px;
	}
	
	h1{
	font-size: 14px;
	color: #05518f;
	font-weight: bold;
	}
	
	.spiral{
	float: left;
	margin-left: 10px;
	margin-top:4px;
	}
	
	hr{
	/** uses as the horizontal rule / line. I know its odd but spacing is different in IE and firefox using hr tag **/
	display: block;
	border: 0px;
	background: #e17704 url(images/psi_hr.jpg);
	height: 4px;
	}
	
	#municipalhome a{	
	display: block;
	height: 75px;
	width: 394px;
	background: url(images/psi_home_sales_a.jpg);
	padding-top: 4px;
	padding-left: 40px;
	padding-right: 6px;
	padding-bottom: 4px;
	text-decoration: none;
	color: #555555;
	}
	
	#municipalhome a:hover{
	background: url(images/psi_home_sales_b.jpg) no-repeat; 
	/** background: url(images/psi_home_bak_hover.jpg);**/
	}

	#industrialhome a{
	display: block;
	height: 60px;
	width: 394px;
	background: url(images/psi_home_sales_a.jpg) no-repeat; 
	/** background: url(images/psi_home_bak.jpg); **/
	padding-top: 4px;
	padding-left: 40px;
	padding-right: 6px;
	padding-bottom: 4px;
	text-decoration: none;
	color: #555555;
	}
	
	#industrialhome a:hover{
	background: url(images/psi_home_sales_b.jpg) no-repeat; 
	/** background: url(images/psi_home_bak_hover.jpg);**/
	}
	
	#rentalshome a{
	display: block;
	height: 60px;
	width: 390px;
	background: url(images/psi_home_sales_a.jpg) no-repeat; 
	/** background: url(images/psi_home_bak.jpg);**/
	padding-top: 4px;
	padding-left: 40px;
	padding-right: 12px;
	padding-bottom: 4px;
	text-decoration: none;
	color: #555555;
	}
	
	#rentalshome a:hover{
	 background: url(images/psi_home_sales_b.jpg) no-repeat; 
	/**background: url(images/psi_home_bak_hover.jpg);**/
	}
	
	#servicehome a{
	display: block;
	height: 75px;
	width: 390px;
	background: url(images/psi_home_rental_a.jpg) no-repeat; 
	/** background: url(images/psi_home_bak.jpg);**/
	padding-top: 4px;
	padding-left: 40px;
	padding-right: 12px;
	padding-bottom: 4px;
	text-decoration: none;
	color: #555555;
	}
	
	#servicehome a:hover{
	background: url(images/psi_home_rental_b.jpg) no-repeat; 
	/** background: url(images/psi_home_bak_hover.jpg);**/
	}
	
	h2{
	padding-top: 1px;
	font-size: 18px;
	font-weight: bold;
	color: #e17704;
	padding-bottom: 8px;
	}
	
	#header_emerg{
	font-size: 18px;
	font-weight: bold;
	color: #cc0d0c;
	padding-bottom: 8px;
	}
	
	.emerg{
	color: #cc0d0c;
	font-weight: bold;
	}
	
	.homeimg{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top;10px;
	}
	
	#lineimage{
	margin-top: 20px;
	margin-bottom: 20px;
	}
	

	
	#employeeowned{

	}
	
	.employeeowned h2{
	padding-top: 1px;
	font-size: 16px;
	font-weight: bold;
	color: #e17704;
	}
	
	#emergencyservice{
	}
	
#footerhome{
clear: both;
height: 74px;
position:relative;

background: url(images/psi_footer_home_background.gif) repeat-x top;
}
	#footerlogo{
		position: absolute;
		top: 23px;
		right: 1px; 

	}

/** End Hompage Styles **/

#contentsub{
clear: both;
}

/** Start Subpage Styles **/


	#breadcrumbs{
	background: #6ca9d7;
	color: #ffffff;
	height: 18px;
	padding-top: 3px;
	padding-left: 13px;
	}

	.breadcrumbs a {
 	background: url(images/psi_breadcrumbs_arrow.gif) right no-repeat;
	color: #ffffff; 
	padding-right: 18px;
	}
	
		.breadcrumbs a:hover {
 		color: #ffffff;
		text-decoration:underline;
		}

	.breadcrumbsselected{
	color: #FFF;
	font-weight: bold;
	padding-right: 20px;
	}

	#leftcolumnsub{
	float: left;
	width: 630px;
	background: url(images/psi_subbanner.jpg) no-repeat top left;
	padding-top: 95px;
	}

		h3{
		/** Subpage subtitle **/
		font-size: 16px;
		font-weight: bold;
		color: #e17704;
		margin-bottom: 4px;
		padding: 0px;
		}
		
		h4{
		/** Subpage title **/
		font-size: 22px;
		font-weight: bold;
		color: #05518f;
		padding-bottom: 15px;  
		}
	
		h5{
		/** Subpage subtitle **/
		font-size: 18px;
		font-weight: bold;
		color: #e17704;
		margin-bottom: 12px;
		padding: 0px;
		}

		h6 a{
		font-size: 14px;
		font-weight: normal;
		width: 630px;
		color: #05518f;
		padding-left: 9px;
		background: url(images/psi_sub_h6_arrow.jpg) no-repeat top left;
		}
		
		h6 a:hover{
		background: url(images/psi_sub_h6_arrow.jpg) no-repeat bottom left;
		} 
		
		.bullet{
		display: block;
		width: 630px;
		margin-bottom: 8px;
		}
			.bullettext{
			display: block;
			padding-left: 9px;
			width: 478px;
			}
			
			.bullettext a{
			display:inline-block;
			width: 125px;
			color: #0059a6;
			padding-left: 9px;
			padding-right: 10px;
			background: url(images/psi_rightnav_arrow.jpg) left top no-repeat;
			text-decoration: none;
			}
			
			.bullettext li{
			display:inline-block;
			padding-left: 25px;
			padding-right: 10px;
			background: url(images/psi_list_arrow.jpg) ;
			text-decoration: none;	
			}
			
			.bullettextlong a{
			display:inline-block;
			color: #0059a6;
			padding-left: 9px;
			padding-right: 10px;
			background: url(images/psi_rightnav_arrow.jpg) left top no-repeat;
			text-decoration: none;
			}
			
			.imageright{
			float:right;

			}
			
			.imagerightmenu{
			float:right;
			padding-top:20px;

			}
			
			.contactusright{
			float:right;
			padding-right:0px;
			}
		
			.endfloat{
		 	clear: both;
		 	}
			

		
		pre{
		/** uses as the horizontal rule / line. I know its odd but spacing is different in IE and firefox using hr tag **/
		display: block;
		border: 0px;
		background: #e17704 url(images/psi_hr.jpg);
		height: 48px;
		}
		
		#leftcolumnsub p{
		width: 600px;
		margin-bottom: 15px;
		}
		
		#leftcolumnsub ul{
		padding-left: 20px;
		}
		
		#leftcolumnsub li{
		list-style-type: disc;
		}
		
		

	#rightcolumnsub{
	float: right;
	width: 250px;
	}
	
		#rightcolumnsubtop{
		background: url(images/psi_sub_rightcol_hdr_1.jpg) top no-repeat #ebf2f8;
		padding-top: 22px;
		padding-left: 58px;
		padding-right: 19px;
		padding-bottom: 14px;
		}
		
		#rightcolumnheadertop p{
		font-size: 14px;
		font-weight: bold;
		color: #05518f;
		padding-bottom: 8px;
		}	
		
		#rightcolumnsubbottom{
		background: url(images/psi_sub_rightcol_hdr_2.jpg) top no-repeat #f9fbfd;
		padding-top: 18px;
		padding-left: 58px;
		padding-right: 19px;
		padding-bottom: 14px;
		}
		
		#rightcolumnheaderbottom p{
		font-size: 14px;
		font-weight: bold;
		color: #e17704;
		padding-bottom: 9px;
		}
		
		#rightcolumnnav a{
		display: block;
		height: 22px;
		color: #0059a6;
		padding-left: 9px;
		background: url(images/psi_rightnav_arrow.jpg) left top no-repeat;
		text-decoration: none;
		}
		
			#rightcolumnnav a:hover{
			color: #e17704;
			text-decoration: underline;
			background: url(images/psi_rightnav_arrow.jpg) left bottom no-repeat;
			}
.phone {
padding-right: 9px;	
}

#footersub{
clear: both;
display: block;
padding-top: 40px;
padding-left: 16px;
height: 95px;
background: url(images/footersub.jpg) repeat-x;
font-size: 11px;
font-weight: bold;
color: #555555;
}

	#footersub img{
	float: left;
	padding-right: 18px;
	}

	#footercontact{
	float: left;
	width: 454px;
	padding-top: 4px;
	}

	.footerheadercontact{
	font-size: 20px;
	color: #05518f;
	padding-bottom: 2px;
	}
	
	#contacta{
	float: left;
	width: 175px;
	}
	#contactb{
	float: left;
	}

	#footeremergency{
	float: left;
	width: 297px;
	height: 50px;
	padding-top: 0px;
	}

	.footerheaderemerg{
	font-size: 20px;
	color: #cc0d0c;
	padding-bottom: 2px;
	}



/** End Subpages Styles **/



#caption{
color: #0061a9;
margin: auto;
width: 940px;
text-align: right;
padding-top: 12px;
padding-bottom: 20px;
}

img{
border: none;
}