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

body 
{
background-color: #E0E6E6;
color:#333333;
font-size: 11px;
font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
line-height:150%;
padding: 0px;
margin: 0px;

}

a img {border: none;}
a div {border: none;}

ul	{ 
	list-style-image: url("../images/arrow.gif");
	line-height:200%;
	margin-bottom:25px;
	margin-top:5px;
	padding-left:25px;
	}

#container
{
margin: auto;
width: 904px;
padding-left: 23px;
padding-right: 23px;
padding-top: 16px;
padding-bottom: 10px;
background-image: url(../images/container_bg.gif);
background-repeat: repeat-y;
}

#banner
{
width: 904px;
height: 85px;
background-image: url(../images/banner.gif);
background-repeat: no-repeat;
}

#nav
{
background-image: url(../images/nav_x.gif);
background-repeat: repeat-x;
height: 39px;
width: 892px;
list-style: none;
padding-top: 0px;
padding-left: 12px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 10px;
font-face:Arial, Helvetica, Sans-Serif;
}

	#nav li
	{
	height: 39px;
	display: block;
	float: left;
	font-size:12px;
	}
	
	#nav li a
	{
	display: block;
	float: left;
	font-face:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	}
	
		.links
		{
		margin-top: 7px;
		background-image: url(../images/nav_li_bg.gif);
		background-repeat: repeat-x;
		height: 32px;
		line-height: 32px;
		}
		
			.links a
			{
			color: #000000;
			text-decoration: none;
			padding-left: 1.2em;
			padding-right: 1.2em;
			font-weight: bold;
			border-left-color: #999999;
			border-left-style: solid;
			border-left-width: 1px;
			font-family:Arial, Helvetica, Sans-Serif;
			}
	
		.current
		{
		background-color: #FFFFFF;
		font-family:Arial, Helvetica, Sans-Serif;
		}
		
			.current a
			{
			padding-top: 7px;
			height: 32px;
			line-height: 32px;
			padding-left: 1.5em;
			padding-right: 1.5em;
			text-decoration: none;
			color: #333333;
			font-weight: bold;
			}
			
#e_nav
{
height: 30px;
width: 897px;
list-style: none;
padding: 0px;
padding-left: 5px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 10px;
border-left-color: #666666;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #666666;
border-right-style: solid;
border-right-width: 1px;
background-image: url(../images/h2_bg.gif);
background-repeat: repeat-x;
background-position: bottom;

}

	#e_nav li
	{
	line-height: 30px;
	height: 30px;
	display: block;
	float: left;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;
	}
	
	#e_nav li a
	{
	display: block;
	float: left;
	}
	
		.e_links
		{
		color: #FFFFFF;
		
		padding-right: 1em;
		padding-left: 1em;
		text-decoration: none;
		}
		
		.e_links:hover
		{
		color: #FFFFFF;
		}
		
		.e_c_links
		{
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		padding-right: 1em;
		padding-left: 1em;
		}

#banner_image
{
width: 904px;
height: 233px;
margin-bottom: 10px;
background-image: url(../images/banner_img.gif);
background-repeat: no-repeat;
}

#custom_banner_image
{
width: 904px;
height: 233px;
margin-bottom: 10px;
}

#content_area
{
width: 904px;
min-height: 333px;
margin-bottom: 30px;
}

.project-box
{
float: left;
width: 884px;
padding-left: 10px;
padding-right: 10px;
background-image: url(../images/project_bg_x.gif);
background-repeat: repeat-x;
margin-top: 5px;
}


.clear
{
width: 904px;
height: 1px;
clear: both;
}

	#content_area h2
	{
	padding-left: 8px;
	background-image: url(../images/h2_bg.gif);
	background-repeat: repeat-x;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-family:"Lucida Sans" Arial, Helvetica, sans-serif;
	}
	
		#content_area h2 a
		{
		color: #FFFFFF;
		text-decoration: none;
		}
		
		#content_area h2 a:hover
		{
		text-decoration: underline;
		}
	
	#content_area h3
	{
	
	font-size: 15px;
	font-weight: normal;
	color: #CC0000;
	
	font-family:"Microsoft Sans Serif" Arial, Helvetica, sans-serif;
	}	
	
		
	
	#leftboxes
	{
	float: left;
	width: 436px;
	height: 363px;
	}
	
	#lbnf
	{
	width: 426px;
	height: 363px;
	}
	
	.box
	{
	float: left;
	width: 217px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
	
	.box p
	{
	margin: 0px;
	display: none;
	background-color: #000000;
	color: #FFFFFF;
	text-decoration: none;
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 5px;
	opacity:0.4;
	filter:alpha(opacity=75);
	width: 207px;
	}
	
		.box p a
		{
		color: #FFFFFF;
		}	
	
	
		#img_ind
		{
		position: relative;
		width: 217px;
		height: 192px;
		display: block;
		background-image: url(../images/image_industrial.gif);
		color: #000000;
		font-size: 11px;
		line-height:125%;
		}
		
			#img_ind:hover
			{
			background-image: url(../images/image_industrial_hover.gif);
			}
		
		#img_ph
		{
		position: relative;
		width: 217px;
		height: 192px;
		background-image: url(../images/image_ph.gif);
		background-repeat: no-repeat;
		}
		
			#img_ph:hover
			{
			background-image: url(../images/image_ph_hover.gif);
			}

		#img_contact
		{
		position: relative;
		width: 217px;
		height: 192px;
		background-image: url(../images/image_contact.gif);
		background-repeat: no-repeat;
		color: #000000;
		font-size: 11px;
		}
		
			#img_contact:hover
			{
			background-image: url(../images/image_contact_hover.gif);
			}
		
		#img_project
		{
		position: relative;
		width: 217px;
		height: 192px;
		background-image: url(../images/image_project.gif);
		background-repeat: no-repeat;
		color: #FFFFFF;
		font-size: 11px;
		
		}
		
			#img_project:hover
			{
			background-image: url(../images/image_project_hover.gif);
			}
			
		#img_about
		{
		position: relative;
		width: 250px;
		height: 165px;
		float: right; 
		margin-left: 10px;
		margin-bottom: 10px;
		}
		
			#img_about_p
			{
			display: none;
			position: absolute;
			right: 0px;
			bottom: 0px;
			padding: 5px;
			color: #FFFFFF;
			background-color: #000000;
			opacity:0.4;
			filter:alpha(opacity=75);
			}
		
		.quote_author
		{
		text-align: right; 
		font-size: smaller; 
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 10px;
		margin-right: 10px; 
		border-bottom-color: #990000; 
		border-bottom-style: dashed; 
		border-bottom-width: 1px;
		}
		
				#ethumb_industrial
				{
				float: left;
				background-color: #FFFFFF;
				background-image: url(../images/electrical_thumbs/e-thumb-industrial-bw.jpg);
				background-repeat: no-repeat;
				background-position: top;
				width: 145px;
				padding-top: 140px;
				min-height: 170px;
				
				margin-right: 2px;
				margin-top: 15px;
				cursor: pointer;
cursor: hand;
				}
				
				#ethumb_industrial:hover
				{
				background-image: url(../images/electrical_thumbs/e-thumb-industrial.jpg);
				border-color: #990000;
				}
				
				#ethumb_industrial p
				{
				padding: 5px;
				font-size: 11px;
				}
				
				#ethumb_industrial h2
				{
				height: 25px;
				line-height: 25px;
				}
				
				#ethumb_commercial
				{
				float: left;
				background-color: #FFFFFF;
				background-image: url(../images/electrical_thumbs/e-thumb-commercial-bw.jpg);
				background-repeat: no-repeat;
				background-position: top;
				width: 145px;
				padding-top: 140px;
				min-height: 170px;
				
				margin-right: 2px;
				margin-top: 15px;
				cursor: pointer;
cursor: hand;
				}
				
				#ethumb_commercial:hover
				{
				background-image: url(../images/electrical_thumbs/e-thumb-commercial.jpg);
				border-color: #990000;
				}
				
				#ethumb_commercial p
				{
				padding: 5px;
				font-size: 11px;
				}
				
				#ethumb_commercial h2
				{
				height: 25px;
				line-height: 25px;
				}
				
				#ethumb_maintenance
				{
				float: left;
				background-color: #FFFFFF;
				background-image: url(../images/electrical_thumbs/e-thumb-maintenance-bw.jpg);
				background-repeat: no-repeat;
				background-position: top;
				width: 145px;
				padding-top: 140px;
				min-height: 170px;
				
				margin-right: 2px;
				margin-top: 15px;
				cursor: pointer;
cursor: hand;
				}
				
				#ethumb_maintenance:hover
				{
				background-image: url(../images/electrical_thumbs/e-thumb-maintenance.jpg);
				border-color: #990000;
				}
				
				#ethumb_maintenance p
				{
				padding: 5px;
				font-size: 11px;
				}
				
				#ethumb_maintenance h2
				{
				height: 25px;
				line-height: 25px;
				}
				
				#ethumb_newbuild
				{
				float: left;
				background-color: #FFFFFF;
				background-image: url(../images/electrical_thumbs/e-thumb-newbuild-bw.jpg);
				background-repeat: no-repeat;
				background-position: top;
				width: 145px;
				padding-top: 140px;
				min-height: 170px;
				
				margin-right: 2px;
				margin-top: 15px;
				cursor: pointer;
cursor: hand;
				}
				
				#ethumb_newbuild:hover
				{
				background-image: url(../images/electrical_thumbs/e-thumb-newbuild.jpg);
				border-color: #990000;
				}
				
				#ethumb_newbuild p
				{
				padding: 5px;
				font-size: 11px;
				}
				
				#ethumb_newbuild h2
				{
				height: 25px;
				line-height: 25px;
				}
				
				#ethumb_marine
				{
				float: left;
				background-color: #FFFFFF;
				background-image: url(../images/electrical_thumbs/e-thumb-marine-bw.jpg);
				background-repeat: no-repeat;
				background-position: top;
				width: 145px;
				padding-top: 140px;
				min-height: 170px;
				
				margin-right: 2px;
				margin-top: 15px;
				cursor: pointer;
cursor: hand;
				}
				
				#ethumb_marine:hover
				{
				background-image: url(../images/electrical_thumbs/e-thumb-marine.jpg);
				border-color: #990000;
				}
				
				#ethumb_marine p
				{
				padding: 5px;
				font-size: 11px;
				}
				
				#ethumb_marine h2
				{
				height: 25px;
				line-height: 25px;
				}
				
				#ethumb_testing
				{
				float: left;
				background-color: #FFFFFF;
				background-image: url(../images/electrical_thumbs/e-thumb-testing-bw.jpg);
				background-repeat: no-repeat;
				background-position: top;
				width: 145px;
				padding-top: 140px;
				min-height: 170px;
				
				margin-right: 2px;
				margin-top: 15px;
				cursor: pointer;
cursor: hand;
				}
				
				#ethumb_testing:hover
				{
				background-image: url(../images/electrical_thumbs/e-thumb-testing.jpg);
				border-color: #990000;
				}
				
				#ethumb_testing p
				{
				padding: 5px;
				font-size: 11px;
				}
				
				#ethumb_testing h2
				{
				height: 25px;
				line-height: 25px;
				}
				
				
				/* NEW Mech Box */
				
				#mthumb_domestic
				{
				float: left;
				background-color: #FFFFFF;
				background-image: url(../images/mechanical_thumbs/m-thumb-domestic-bw.jpg);
				background-repeat: no-repeat;
				background-position: top;
				width: 145px;
				padding-top: 140px;
				min-height: 170px;
				
				margin-right: 2px;
				margin-top: 15px;
				cursor: pointer;
cursor: hand;
				}
				
				#mthumb_domestic:hover
				{
				background-image: url(../images/mechanical_thumbs/m-thumb-domestic.jpg);
				border-color: #990000;
				}
				
				#mthumb_domestic p
				{
				padding: 5px;
				font-size: 11px;
				}
				
				#mthumb_domestic h2
				{
				font-size: 12px;
				height: 25px;
				line-height: 25px;
				}
				
				/* NEW Mech Box */
				
				#mthumb_ch
				{
				float: left;
				background-color: #FFFFFF;
				background-image: url(../images/mechanical_thumbs/m-thumb-c-heating-bw.jpg);
				background-repeat: no-repeat;
				background-position: top;
				width: 145px;
				padding-top: 140px;
				min-height: 170px;
				
				margin-right: 2px;
				margin-top: 15px;
				cursor: pointer;
cursor: hand;
				}
				
				#mthumb_ch:hover
				{
				background-image: url(../images/mechanical_thumbs/m-thumb-c-heating.jpg);
				border-color: #990000;
				}
				
				#mthumb_ch p
				{
				padding: 5px;
				font-size: 11px;
				}
				
				#mthumb_ch h2
				{
				font-size: 12px;
				height: 25px;
				line-height: 25px;
				}
				
				/* NEW Mech Box */
				
				#mthumb_v
				{
				float: left;
				background-color: #FFFFFF;
				background-image: url(../images/mechanical_thumbs/m-thumb-c-vent-bw.jpg);
				background-repeat: no-repeat;
				background-position: top;
				width: 145px;
				padding-top: 140px;
				min-height: 170px;
				
				margin-right: 2px;
				margin-top: 15px;
				cursor: pointer;
cursor: hand;
				}
				
				#mthumb_v:hover
				{
				background-image: url(../images/mechanical_thumbs/m-thumb-c-vent.jpg);
				border-color: #990000;
				}
				
				#mthumb_v p
				{
				padding: 5px;
				font-size: 11px;
				}
				
				#mthumb_v h2
				{
				font-size: 12px;
				height: 25px;
				line-height: 25px;
				}
				
				/* NEW Mech Box */
				
				#mthumb_g
				{
				float: left;
				background-color: #FFFFFF;
				background-image: url(../images/mechanical_thumbs/m-thumb-c-gas-bw.jpg);
				background-repeat: no-repeat;
				background-position: top;
				width: 145px;
				padding-top: 140px;
				min-height: 170px;
				
				margin-right: 2px;
				margin-top: 15px;
				cursor: pointer;
cursor: hand;
				}
				
				#mthumb_g:hover
				{
				background-image: url(../images/mechanical_thumbs/m-thumb-c-gas.jpg);
				border-color: #990000;
				}
				
				#mthumb_g p
				{
				padding: 5px;
				font-size: 11px;
				}
				
				#mthumb_g h2
				{
				font-size: 12px;
				height: 25px;
				line-height: 25px;
				}
				
				/* NEW Mech Box */
				
				#mthumb_pd
				{
				float: left;
				background-color: #FFFFFF;
				background-image: url(../images/mechanical_thumbs/m-thumb-c-pd-bw.jpg);
				background-repeat: no-repeat;
				background-position: top;
				width: 145px;
				padding-top: 140px;
				min-height: 170px;
				
				margin-right: 2px;
				margin-top: 15px;
				cursor: pointer;
cursor: hand;
				}
				
				#mthumb_pd:hover
				{
				background-image: url(../images/mechanical_thumbs/m-thumb-c-pd.jpg);
				border-color: #990000;
				}
				
				#mthumb_pd p
				{
				padding: 5px;
				font-size: 11px;
				}
				
				#mthumb_pd h2
				{
				font-size: 12px;
				height: 25px;
				line-height: 25px;
				}
		
				/* NEW Mech Box */
				
				#mthumb_ms
				{
				float: left;
				background-color: #FFFFFF;
				background-image: url(../images/mechanical_thumbs/m-thumb-ms-bw.jpg);
				background-repeat: no-repeat;
				background-position: top;
				width: 145px;
				padding-top: 140px;
				min-height: 170px;
				
				margin-right: 2px;
				margin-top: 15px;
				cursor: pointer;
				cursor: hand;
				}
				
				#mthumb_ms:hover
				{
				background-image: url(../images/mechanical_thumbs/m-thumb-ms.jpg);
				border-color: #990000;
				}
				
				#mthumb_ms p
				{
				padding: 5px;
				font-size: 11px;
				}
				
				#mthumb_ms h2
				{
				font-size: 12px;
				height: 25px;
				line-height: 25px;
				}
				
	#rightboxes
	{
	float: right;
	width: 458px;
	margin: 0px;
	padding-left: 10px;
	}
	
	#rightboxes_ps
	{
	float: right;
	width: 465px;
	margin: 0px;
	padding: 0px;
	padding-bototm: 10px;
	margin-left: 1px;
	background-image: url(../images/project_bg_x.gif);
	background-repeat: repeat-x;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	border-top:0px;
	}
	
		#rightboxes_ps p
		{
		padding-left: 10px;
		padding-right: 10px;
		}
		
		#rightboxes_ps img
		{
		float: right;
		border-color: #990000;
		border-style: solid;
		border-width: 1px;
		margin-left: 10px;
		margin-bottom: 10px;
		}
		
		#test
		{
		text-align: left;
		margin-top: 15px;
		height: 20px;
		}
		
			#test a
			{
			color: #FFFFFF;
			text-decoration: none;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 1em;
			padding-right: 1em;
			background-image: url(../images/h2_bg.gif);
			background-repeat: repeat-x;
			border-color: #990000;
			border-style: solid;
			border-width: 1px;
			}
			
			#test a:hover
			{
			text-decoration: underline;
			border-color: #333333;
			}		
	
	.rightbox
	{
	float: left;
	width: 468px;
	background-color:#FFFFFF;
	margin-bottom: 1px;
	padding: 0px;
	}
	
		.rightbox p
		{
		font-size: 0.9em;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 4px;
		padding-bottom: 0px;
		}
		
		.rightbox h2
		{
		margin: 0px;
		padding: 0px;
		font-family:"Microsoft Sans Serif" Arial, Helvetica, sans-serif;
		font-size:24px;
		}
		
		
		.img_about
		{
		height: 154px;
		width: 190px;
		padding-left: 10px;
		padding-right: 268px;
		padding-top: 5px;
		background-image: url(../images/image_about.gif);
		background-repeat: no-repeat;
		background-position: 100px;
		font-size: 12px;
		line-height:125%;
		color:#666666;
		}
		
		#affil div { 
		display: none;
		background:url(../images/black_arrow_big.png); 
		font-size:11px; 
		height:108px; 
		width:218px; 
		padding:25px; 
		color:#333333; 
		text-align:left;
		}
		
			#affil div img {
			float: left;
			margin-right: 2px;
			}
			
			#affil div a {
			color: #333333;
			text-decoration: underline;
			}
			
				#affil a img {border: none;}
			
				.m-no
				{
				position: absolute;
				left: 25px;
				top: 25px;
				opacity:0.4;
				filter:alpha(opacity=75);
				background-color: #000000;
				color: #FFFFFF;
				font-size: 10px;
				margin: 0px;
				padding: 2px;
				width: 83px;
				}
		
#content_footer
{
width: 894px;
padding: 5px;
height: 90px;
background-image: url(../images/footer_bg.gif);
background-repeat: repeat-x;
color: #FFFFFF;
font-size: 0.8em;
font-style: italic;
}

	.left
	{
	float: left;
	margin-top: 55px;
	line-height: 20px;
	}
	
	.left a
	{
	color: #333333;
	}
	
		.left a:hover
		{
		color: #FFFFFF;
		}
	
	.right
	{
	float: right;
	text-decoration: right;
	margin-top: 75px;
	line-height: 20px;
	}

#footer
{
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: auto;
padding: 0px;
width: 950px;
height: 20px;
background-image: url(../images/container_footer.gif);
background-repeat: no-repeat;
}