html {	height: 100%; }
body {	height: 100%;	background-color: #02193B; margin: 0; padding: 0;}
   
/********************************************/
/*								 TEXT 										*/
/********************************************/

.heading{
	font-family: Arial; 
	font-size: 24px; 
	text-align: left;
	padding-top: 7px; 
	padding-left: 5px;
	letter-spacing: 0.15mm;
	font-weight: bold; 
	color: #29385F;	
}

.content{
	font-family: Arial;
	font-size: 14px; 
	text-align: left; 
	padding-left: 10px;
	vertical-align: top;
}

 .tech 		  		{color="#000000"; font-family: "Arial"; font-size: 10px}

a.nav:link					{	text-decoration: none; font-family: Arial; font-size: 11px; letter-spacing: 0.15mm; font-weight: bold; color: #29385F; }	
a.nav:visited				{	text-decoration: none; font-family: Arial; font-size: 11px; letter-spacing: 0.15mm; font-weight: bold; color: #29385F; }	
a.nav:active				{	text-decoration: none; font-family: Arial; font-size: 11px; letter-spacing: 0.15mm; font-weight: bold; color: #E23737; }	
a.nav:hover					{	text-decoration: underline; font-family: Arial; font-size: 11px; letter-spacing: 0.15mm; font-weight: bold; color: #3E538C; }

a.standard:link 		{ text-decoration: none; font-family: Arial; font-size: 14px; color: #188EDD; }
a.standard:visited 	{ text-decoration: none; font-family: Arial; font-size: 14px; color: #188EDD; }
a.standard:active 	{ text-decoration: none; font-family: Arial; font-size: 14px; color: #188EDD; }
a.standard:hover	 	{ text-decoration: underline; font-family: Arial; font-size: 14px; color: #0000FF; }

/********************************************/
/*								BUTTONS										*/
/********************************************/	
	
/*	Racks	*/
	
div.buttons_racks {
	float: left;
	width: 154px; height: 27px;
	margin: 0 0 0 0;
	background: url( 'images/buttons_racks.jpg' ) 0 -27px no-repeat;
}
div.buttons_racks a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow: hidden;
	text-decoration: none;
	background: url( 'images/buttons_racks.jpg' ) 0 0 no-repeat;
}
div.buttons_racks span { display: block; margin:0; padding: 0 0 0 0; }
div.buttons_racks a:hover {	background-image: none }
div.buttons_racks a:active { background: url( 'images/buttons_racks.jpg' ) 0 -27px no-repeat; }	

/*	Software	*/
	
div.buttons_software {
	float: left;
	width: 154px; height: 27px;
	margin: 0 0 0 0;
	background: url( 'images/buttons_software.jpg' ) 0 -27px no-repeat;
}
div.buttons_software a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow: hidden;
	text-decoration: none;
	background: url( 'images/buttons_software.jpg' ) 0 0 no-repeat;
}
div.buttons_software span { display: block; margin:0; padding: 0 0 0 0; }
div.buttons_software a:hover {	background-image: none }
div.buttons_software a:active { background: url( 'images/buttons_software.jpg' ) 0 -27px no-repeat; }

/*	Chlorine Dioxide	*/
	
div.buttons_chlorine_dioxide {
	float: left;
	width: 154px; height: 27px;
	margin: 0 0 0 0;
	background: url( 'images/buttons_chlorine_dioxide.jpg' ) 0 -27px no-repeat;
}
div.buttons_chlorine_dioxide a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow: hidden;
	text-decoration: none;
	background: url( 'images/buttons_chlorine_dioxide.jpg' ) 0 0 no-repeat;
}
div.buttons_chlorine_dioxide span { display: block; margin:0; padding: 0 0 0 0; }
div.buttons_chlorine_dioxide a:hover {	background-image: none }
div.buttons_chlorine_dioxide a:active { background: url( 'images/buttons_chlorine_dioxide.jpg' ) 0 -27px no-repeat; }

/*	Pumps & Controls	*/
	
div.buttons_pumps_controls {
	float: left;
	width: 154px; height: 27px;
	margin: 0 0 0 0;
	background: url( 'images/buttons_pumps_controls.jpg' ) 0 -27px no-repeat;
}
div.buttons_pumps_controls a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow: hidden;
	text-decoration: none;
	background: url( 'images/buttons_pumps_controls.jpg' ) 0 0 no-repeat;
}
div.buttons_pumps_controls span { display: block; margin:0; padding: 0 0 0 0; }
div.buttons_pumps_controls a:hover {	background-image: none }
div.buttons_pumps_controls a:active { background: url( 'images/buttons_pumps_controls.jpg' ) 0 -27px no-repeat; }

/*	Services	*/
	
div.buttons_services {
	float: left;
	width: 154px; height: 27px;
	margin: 0 0 0 0;
	background: url( 'images/buttons_services.jpg' ) 0 -27px no-repeat;
}
div.buttons_services a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow: hidden;
	text-decoration: none;
	background: url( 'images/buttons_services.jpg' ) 0 0 no-repeat;
}
div.buttons_services span { display: block; margin:0; padding: 0 0 0 0; }
div.buttons_services a:hover {	background-image: none }
div.buttons_services a:active { background: url( 'images/buttons_services.jpg' ) 0 -27px no-repeat; }

/*	About H2T	*/
	
div.buttons_about {
	float: left;
	width: 154px; height: 27px;
	margin: 0 0 0 0;
	background: url( 'images/buttons_about.jpg' ) 0 -27px no-repeat;
}
div.buttons_about a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow: hidden;
	text-decoration: none;
	background: url( 'images/buttons_about.jpg' ) 0 0 no-repeat;
}
div.buttons_about span { display: block; margin:0; padding: 0 0 0 0; }
div.buttons_about a:hover {	background-image: none }
div.buttons_about a:active { background: url( 'images/buttons_about.jpg' ) 0 -27px no-repeat; }


/********************************************/
/*								IMAGES 										*/
/********************************************/

/* WIDE */
img.wide{ HEIGHT: 120px; WIDTH: 170px; border: 1px solid #000000 }
img.shadow_left_wide{ HEIGHT: 139px; WIDTH: 17px }
img.shadow_bottom_wide{ HEIGHT: 17px;	WIDTH: 172px }

/* TALL */
img.tall{	HEIGHT: 170px; WIDTH: 120px; border: 1px solid #000000 }
img.shadow_left_tall{ HEIGHT: 189px; WIDTH: 17px }
img.shadow_bottom_tall{	HEIGHT: 17px;	WIDTH: 122px }

/* SQUARE */
img.square{	HEIGHT: 146px; WIDTH: 146px; border: 1px solid #000000 }
img.shadow_left_square{	HEIGHT: 165px; WIDTH: 17px }
img.shadow_bottom_square{	HEIGHT: 17px;	WIDTH: 148px }