body {
background: #cedff1;
margin: 0px auto;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

a {
color:#333333;
text-decoration:underline;
}

a:hover {
color:#000000;
text-decoration: overline underline;
}

#base {
width: 660px;
margin: 0 auto;
}

#secondary img {
border: 0px;
}

#header {
background: url(../siteimages/header.jpg) no-repeat;
height: 46px;
width: 660px;
}

#mainnav1 {
width: 660px;
margin: 0px;
padding: 0px;
background: #dfebf8 url(../siteimages/nav1.png) repeat-x bottom;
}

#mainnav1 ul, #mainnav2 ul {
list-style: none;
margin: 0;
padding: 0px;
}

#mainnav1 ul li, #mainnav2 ul li {
display: block;
float: left;
margin: 0px;
padding: 0px;
}

#mainnav1 ul li a {
display: block;
padding: 0px;
margin: 0px;
height: 24px;
background-repeat: repeat-y;
}

#mainnav1 ul li a.commercial {
background: url(../siteimages/navCommercial.png);
width: 72px;
}

#mainnav1 ul li a.commercial:hover {
background: url(../siteimages/navCommercial.png) 0px 24px;
width: 72px;
}

#mainnav1 ul li a.educational {
background: url(../siteimages/navEducational.png);
width: 75px;
}

#mainnav1 ul li a.educational:hover {
background: url(../siteimages/navEducational.png) 0px 24px;
width: 75px;
}

#mainnav1 ul li a.entertainment {
background: url(../siteimages/navEntertainment.png);
width: 86px;
}

#mainnav1 ul li a.entertainment:hover {
background: url(../siteimages/navEntertainment.png) 0px 24px;
width: 86px;
}

#mainnav1 ul li a.healthcare {
background: url(../siteimages/navHealthcare.png);
width: 69px;
}

#mainnav1 ul li a.healthcare:hover {
background: url(../siteimages/navHealthcare.png) 0px 24px;
width: 69px;
}

#mainnav1 ul li a.historic, #mainnav1 ul li a.historic:hover {
background: url(../siteimages/navHistoric.png);
width: 52px;
}

#mainnav1 ul li a.historic:hover { background-position: 0px 24px; }

#mainnav1 ul li a.laboratories, #mainnav1 ul li a.laboratories:hover {
background: url(../siteimages/navLaboratories.png);
width: 78px;
}

#mainnav1 ul li a.laboratories:hover { background-position: 0px 24px; }

#mainnav1 ul li a.recreation, #mainnav1 ul li a.recreation:hover {
background: url(../siteimages/navRecreation.png);
width: 67px;
}

#mainnav1 ul li a.recreation:hover { background-position: 0px 24px; }

#mainnav1 ul li a.residential, #mainnav1 ul li a.residential:hover {
background: url(../siteimages/navResidential.png);
width: 69px;
}

#mainnav1 ul li a.residential:hover { background-position: 0px 24px; }

#mainnav1 ul li a.transportation, #mainnav1 ul li a.transportation:hover {
background: url(../siteimages/navTransportation.png);
width: 92px;
}

#mainnav1 ul li a.transportation:hover { background-position: 0px 24px; }

/* main nav2 list */
#mainnav2 {
padding: 24px 0px 0px 20px;
}

#primary-nav2 ul {
	padding: 0px 0 0 0;
	}
	
#primary-nav2 li ul {
	padding: 0px;
	width: 84px;
	background-color: #222;
	border-bottom: 2px solid #111;
	}


#primary-nav2 li {
	position: relative;
	list-style: none;
	margin-top: -11px;
	float: left;
	font-size: 11px;
	}

#primary-nav2 li ul li { margin-top: 0px; }
#primary-nav2 li ul li ul { margin-left: 80px; }

#primary-nav2 li a,
#primary-nav2 li li a {
*	text-align: center;
*	width: 50px;
	display: block;
	text-decoration: none;
	color: #FFF;
	font-size: 14px;
	color: #FFF;
	font-family: "Times New Roman", Times, serif;
	padding: 2px 3px;
	margin: 2px 3px;
	border-bottom: 2px solid #999;
	}
	
#primary-nav2 li li a {
	color: #FFF;
	}
	

/* Fix IE. Hide from IE Mac \*/
* html #primary-nav2 li { float: left; height: 1%; }
* html #primary-nav2 li a { height: 1%; }
/* End */

#primary-nav2 ul {
	position: absolute;
	display: none;
	}
	
#primary-nav2 ul ul {
	top: 0;
	}

#primary-nav2 li ul li a { 
	padding: 5px 0px 5px 3px; 
	margin: 0px; 
	width: 80px; 
	height: auto;
	font-size: 12px;
	border-bottom: 1px solid #111; 
	text-align: left;
	} /* Sub Menu Styles */

#primary-nav2 li:hover ul ul,
#primary-nav2 li:hover ul ul ul,
#primary-nav2 li.over ul ul,
#primary-nav2 li.over ul ul ul { display: none; } /* Hide sub-menus initially */

#primary-nav2 li:hover ul,
#primary-nav2 li li:hover ul,
#primary-nav2 li li li:hover ul,
#primary-nav2 li.over ul,
#primary-nav2 li li.over ul,
#primary-nav2 li li li.over ul { display: block; } /* The magic */

#primary-nav2 li.menuparent { background: url(../images/arrowsDown.gif) no-repeat 83px 8px; }
#primary-nav2 li.menuparent:hover { #222 background: url(../images/arrowsDown.gif) no-repeat 83px 8px; }
#primary-nav2 li ul li.menuparent { background: #222 url(../images/arrows.gif) no-repeat 100px 8px; }
#primary-nav2 li ul li.menuparent:hover { background: #111 url(../images/arrows.gif) no-repeat 100px 8px; }
#primary-nav2 li a:hover { color: #FFF;background-color: #111; }
#primary-nav2 li:hover,
#primary-nav2 li.over { color: #FFF;background-color: #111; !important }

/*

#mainnav2 ul li {
padding: 24px 0px 0px 20px;
}

 #mainnav2 ul li a {
display: block;
margin: 4px 3px;
font-size: 14px;
color: #FFF;
font-family: "Times New Roman", Times, serif;
text-decoration: none;
border-bottom: 2px solid #999;
}

#primary-nav2 li ul li { margin-top: 0px; }

#primary-nav2 li ul li a { 
	padding: 5px 0px 5px 3px; 
	width: 110px; 
	border-bottom: 1px solid #111; 
	text-align: left;
	} 

#primary-nav2 li:hover ul ul,
#primary-nav2 li:hover ul ul ul,
#primary-nav2 li.over ul ul,
#primary-nav2 li.over ul ul ul { display: none; }

#primary-nav2 li:hover ul,
#primary-nav2 li li:hover ul,
#primary-nav2 li li li:hover ul,
#primary-nav2 li.over ul,
#primary-nav2 li li.over ul,
#primary-nav2 li li li.over ul { display: block; } 

#primary-nav2 li.menuparent { background: url(../images/arrowsDown.gif) no-repeat 83px 8px; }
#primary-nav2 li.menuparent:hover { #222 background: url(../images/arrowsDown.gif) no-repeat 83px 8px; }
#primary-nav2 li ul li.menuparent { background: #222 url(../images/arrows.gif) no-repeat 100px 8px; }
#primary-nav2 li ul li.menuparent:hover { background: #111 url(../images/arrows.gif) no-repeat 100px 8px; }
#primary-nav2 li a:hover { color: #FFF;background-color: #111; }
#primary-nav2 li:hover,
#primary-nav2 li.over { color: #FFF;background-color: #111; !important }*/

#contact-col {
float: left;
width: 280px;
height: 162px;
}

#contact-col img {
border: 0px;
}

#projects-col {
float: left;
width: 280px;
height: 110px;
margin-bottom: -4px;
}

#projects-col img { border: 0px; }

#col1 {
width: 60px;
float: left;
padding: 0px;
margin: 0px;
}

#col2 {
width: 220px;
float: left;
padding: 0px;
margin: 0px;
background: url(../siteimages/col2-bg.jpg) no-repeat;
}

.proj-img {
width: 218px;
height: 110px;
padding: 2px 1px 0px 1px;
}

#col3 {
float: left;
height: 162px;
width: 380px;
background: url(../siteimages/contact-col-03-bg.jpg) no-repeat;
padding: 0px;
margin: 0px;
}

#proj-col3 {
float: left;
width: 380px;
background: url(../siteimages/projects-col-03-bg.jpg) no-repeat;
height: 110px;
padding: 0px;
margin: 0px;
}

#col3-images {
clear: both;
padding: 3px 20px 0px 20px;
}

#col3-images img {
padding-right: 16px;
}

#container {
clear: both;
background: #cdcdcd url(../siteimages/contact-cntnt-bg.jpg) repeat-x;
padding: 28px 60px 28px 60px;
width: 540px;
}

#home {
clear: both;
background-color: #FFF;
padding: 28px 60px 28px 60px;
width: 540px;
}

#proj-bread {
clear: both;
padding: 10px 0px 2px 25px;
margin-top: 55px;
font-size: 11px;
color: #FFF;
}

#proj-bread a {
color: #FFF;
}

#proj-bread a:hover {
text-decoration: none;
}



#projects {
clear: both;
padding: 0px 28px 7px 60px;
margin-top: 0px;
width: 572px;
}

.sub {
background: #FFF url(../siteimages/projects-cntnt-bg.jpg) repeat-x;
}

.intro {
background: #FFF url(../siteimages/projects-cntnt-bg.jpg) repeat-x;

margin: 0px;
padding: 0px;
}

#container #content, #home #content {
float: left;
font-size: 12px;
line-height: 18px;
width: 394px;
padding-right: 20px;
text-align: justify;
}

#projects #content {
float: left;
font-size: 12px;
line-height: 18px;
width: 450px;
padding: 0px 26px 0px 0px;
text-align: justify;
}

#projects #proj-col4 {
padding: 0px 0px 19px 0px;
}

#projects #proj-col4 ul { 
margin: 0px 0px 0px 0px; 
list-style: none;
padding: 0px;
}

#projects #proj-col4 li {
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 10px;
line-height: 13px;
background: url(../siteimages/bullet.gif) no-repeat 0px 4px;
}

#projects #proj-col4 li a {
color: #990000;
font-size: 11px;
text-decoration: none;
}

#projects #proj-col4 li a:hover {
text-decoration: underline;
}


#content p {
padding: 8px 0px 0px 0px;
margin: 0px;
color: #333333;
}

#container #secondary {
float: left;
width: 126px;
}

#projects #secondary {
float: left;
width: 70px;
padding: 5px 0px 0px 26px;
}

#projects #secondary p {
padding: 3px 0px 7px 0px;
margin: 0px;
}

#footer {
clear: both;
padding: 0px;
margin: 0px;
}

#footer #left { float: left; }
#footer #right { float: right; text-transform: uppercase; }

#footer #left, #footer #right {
padding: 10px 0px;
color: #476884;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer a {
color: #476884;
}

/* H1 - H6 */
#content h1, #projects h2 {
font-size: 16px;
font-weight: bold;
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 0px;
padding: 0px;
color: #333333;
}

#content h2, #projects h2 {
font-size: 13px;
font-weight: normal;
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 0px;
padding: 0px 0px 2px 0px;
color: #666666;
}

#mainnav3 #mainnav2 ul li a { display: none; }
#mainnav3 #mainnav2 ul li a.active { display: block; }
#mainnav3 #mainnav2 ul li a.acitve ul li a { display: block; }
#mainnav3 #mainnav2 { margin: 0px; padding: 0px; }

#mainnav3 #mainnav2 #primary-nav2 li:hover ul ul,
#mainnav3 #mainnav2 #primary-nav2 li:hover ul ul ul,
#mainnav3 #mainnav2 #primary-nav2 li.over ul ul,
#mainnav3 #mainnav2 #primary-nav2 li.over ul ul ul { display: block; } /* Hide sub-menus initially */

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }