html { margin: 0px; font-size:8pt; }

h1 {
	color: #007AC3;
	font: bold 1.6em Arial, Verdana, Helvetica, sans-serif;
}

h2 {
	color: #007AC3;
	font: bold 1.4em Arial, Verdana, Helvetica, sans-serif;
}
h2 a {
	color: #007AC3;
	text-decoration:none;
}
h3 {
	color: #007AC3;
	font: bold 1em Arial, Verdana, Helvetica, sans-serif;
	padding: 0 0 0 17px;
}
h20 {
	color: #007AC3;
}

p {	padding: 0 0 0 20px;}

body {
	background: #FFFFFF;
	text-align: center;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color:#FFFFFF;
}

#wrapper, #wrapper3col {
	margin: 0px auto; 				/* to fix centering in Mozilla */
	background: url(images/design/main-bg.gif) repeat-y;
	text-align: left;
	width: 758px;					/* width should be the same as the background image */
	padding: 0px 17px 0px 17px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 724px;
}
	html>body #wrapper, html>body #wrapper3col { width: 724px; }

#footer {
	margin: 0px auto; 				/* to fix centering in Mozilla */
	width: 758px;					/* width should be the same as the background image */
	color: #B1B5C1;
	padding: 10px 0px 10px 0px;
}

#header {
	height: 105px;
	width: 755px;
	margin:0 0 0 -13px; padding:0;
}
	#header #logo {
		border: none;
		border-width:0px;
		padding:0;
		margin:0 0 0 -7px;
		display:inline;
	}
#nav {
width:755px; height: 105px;
position: relative; display: inline;
background:url(images/design/ffhead-image.gif) no-repeat;
float:right;
margin:0 0 0 0; padding:0;
/* box model hack */
voice-family: "\"}\"";
voice-family:inherit;
width:746px;
}

#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: -1px;}

#nav li, #nav a {height: 106px;display: block;border: none; margin:0; padding:0;}
#home{left:-3px; width:240px; height:105px;}
#business{ left:237px; width: 81px; height:105px;}
#residential {left: 317px; width:90px; height:106px;}
#support {left:408px; width: 81px; height:105px;}
#news {left:489px; width: 81px; height:105px;}
#about {left:570px; width: 81px; height:105px;}
#contact {left:651px; width:85px; height:105px;}
#business a:hover {background: url(images/design/business-b.gif) no-repeat;}
#residential a:hover {background: url(images/design/residential-b.gif) no-repeat;}
#support a:hover {background: url(images/design/support-b.gif) no-repeat;}
#news a:hover {background: url(images/design/news-b.gif) no-repeat;}
#about a:hover {background: url(images/design/about-b.gif) no-repeat;}
#contact a:hover {background: url(images/design/contact-b.gif) no-repeat;}





#leftcol {
	display:block;
	position:relative;
	min-height:400px;
  	/*height:400px !important;
  	height:400px;*/
	width: 235px;
	float: left;
	padding: 7px 8px 8px 7px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 233px;
	color:#FFFFFF;
}
	html>body #leftcol { width: 220px; }

#maincol {
	min-height:430px;
	width: 455px;
	float: left;
	padding: 10px;
	background: url(images/design/white-back-wave.jpg) no-repeat;
	background-position:bottom;
	color:#000000;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 445px;
}
	html>body #maincol { width: 445px; }

	#maincol #indexpic {
		margin: -10px 0 0 -11px;
        width:497px;
        /* box model hack */
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 465px;
	}

    html>body #maincol #indexpic { width: 497px; }

	#maincol .standout { color:#007AC3; font-weight:bold; }

.clear { clear: both; }


.verticalmenu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.verticalmenu ul li ul {
	list-style: none;
	padding: 0 0 0 15px;
	margin: 0px;
}

	.verticalmenu a:link, .verticalmenu a:visited, .verticalmenu a:hover {
		display: block;
		font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-decoration: none;
		padding: 5px;
		width: 153px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 143px;
	}
		html>body .verticalmenu a:link, html>body .verticalmenu a:visited, html>body .verticalmenu a:hover {
			width: 143px;
		}

	.verticalmenu a:hover {
		background: url(images/eec-vertical.gif) no-repeat;
	}