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

	/* navigation */
	#nav {
		background-color:#fff;
		height:40px;	
		width:700px;
		margin:0;
		padding:0 0 0 3px;
	}
	
	#nav ul {	
		width:698px;
		padding:0;
		margin:0;
		border:none;	
	}
	
	#nav li {	
		float:left;
		padding-left:0px;
		width:112px;
		list-style-type:none;
		text-align:center;
		margin:0 3px 0 0;
		background-image:url(images/graphics/header-tab-blu2.gif);
		background-repeat:no-repeat;	
		font-size:.9em;
		line-height:1em;
		border:none;
	}
	
	#nav a {
		color:#ccc;
		display:block;
		padding:3px 0 0 0;
		position:relative;
		font-size:.9em;		
		height:36px;
		min-height:36px;
		text-decoration:none;
		border:none;
	}	
	#nav a:hover {
		color:#fff;
		border:none;
		text-decoration:none;
	}
	#nav a.current {
		background-image:url(images/graphics/header-tab-blu1.gif);
		background-repeat:no-repeat;
		color:#fff;	
		display:block;
		padding:3px 0 0 0;
		position:relative;
		font-size:.9em;		
		height:36px;
		min-height:36px;
		text-decoration:none;
		border:none;
	}
	
	#nav img {
		background-color:#fff;
		margin:0;
		padding:0;		
		display:block;
		border:none;
	}
	
	#nav strong {
		display:block;		
		font-size:.9em;
	}
	.movedown {
		line-height:2em;
	}
	.imageposition {
		position:relative;
		top:15px;
		left:20px;
	}
	.textright {
		padding-left:20px;
	}
	/* panes */
	#panes {
		width:698px;	
		height:282px;
		background-color:#fff;
		background-image:url(images/graphics/water-chillers-heat-exchangers.jpg);
		background-repeat:no-repeat;
		
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
	}
	
	/* crossfading effect needs absolute positioning from the elements */
	#panes div {
		display:none;		
		position:absolute;
		top:0;
		color:#000;	
		width:698px;
		background-color:#fff;
		background-image:url(images/graphics/water-chillers-heat-exchangers.jpg);
		background-repeat:no-repeat;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:.9em;
		font-weight:normal;
	}
	
	#panes img {
		float:left;
		margin-right:0px;
		padding:0;
		margin-left:0;		
	}
	
	#panes p {
		color:#000;
		font-weight:normal;
		font-size:.9em;	
		text-align:left;
		padding:12px 10px 0 360px;
		width:300px;
	}
	#panes h5 {
		color:#000;
		font-weight:normal;
		font-size:.9em;	
		text-align:left;
		padding:12px 10px 0 270px;
		width:400px;
	}
	#panes h3 {
		color:#000;
		font-weight:normal;
		font-size:.9em;	
		text-align:left;
		padding:12px 10px 0 10px;
	}
	
	#panes h1 {
		margin:0 0 -5px 0;
		font-size:1.1em;	
		font-weight:normal;
		text-align:left;
		padding:12px 10px 0 360px;
	}
	#panes h4 {
		font-family:Georgia, "Times New Roman", Times, serif;
		margin:0 0 -5px 0;
		font-size:1.1em;	
		font-weight:normal;
		text-align:left;
		padding:0px 10px 0 270px;
		color:#0000CC; 
		letter-spacing:2px; 
	}
	.panelow {
		display:block;
		padding:12px 10px 0 10px;
		margin:10px 0 0 10px;	
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	.overlay {
		display:none;
		width:689px;
	}

.textposition2 {
	width:400px;
	padding-left:10px;
	
}