/* Use this area for global styles. */

/* Image Replacement Sample 

	h1 {
		width:				500px;
		height:				250px;
		background:			url("image.jpg");
	}

	h1 a {
		display:			block;
		overflow:			hidden;
		width:				0px;
		height:				0px;
		padding:			250px 0px 0px 500px;
	}
*/

html {
	font-family:		"arial", "helvetica", sans-serif;
	background:			#141414;
}

body {
	position:			relative;
	width:				990px;
	margin:				auto;
	background:			#eae6cd;
}

div#head {
	height:				146px;
	background:			#141414;
}

div#head h1 {
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				412px;
	height:				146px;
	margin:				0px;
	background:			url("/framework/images/undergroundSpecialties.jpg") 31px 31px no-repeat;
}

div#head h1 a {
	display:			block;
	overflow:			hidden;
	width:				0px;
	height:				0px;
	padding:			146px 0px 0px 412px;
}

div#head ul#topMenu {
	position:			absolute;
	top:				51px;
	right:				0px;
	margin:				0px;
	padding:			0px;
	list-style:			none;
}

div#head ul#topMenu li {
	float:				left;
	height:				37px;
}

div#head ul#topMenu li a {
	display:			block;
	overflow:			hidden;
	width:				0px;
	height:				0px;
	padding-top:		37px;
}

div#head ul#topMenu li#windsor {
	width:				103px;
	background:			url("/framework/images/topMenuWindsor.jpg");
}

div#head ul#topMenu li#windsor a {
	padding-left:		103px;
}

div#head ul#topMenu li#chatham {
	width:				101px;
	background:			url("/framework/images/topMenuChatham.jpg");
}

div#head ul#topMenu		li#chatham a {
	padding-left:		101px;
}

div#head ul#topMenu		li#london {
	width:				90px;
	background:			url("/framework/images/topMenuLondon.jpg");
}

div#head ul#topMenu		li#london a {
	padding-left:		90px;
}

div#head ul#topMenu		li#cambridge {
	width:				144px;
	background:			url("/framework/images/topMenuCambridge.jpg");
}

div#head ul#topMenu		li#cambridge a {
	padding-left:		144px;
}

ul#mainMenu {
	height:				59px;
	margin:				0px;
	border-top:			1px solid #3f3f3f;
	padding:			0px;
	list-style:			none;
	background:			red;
}

ul#mainMenu li {
	float:				left;
	background:			#424242;
}

ul#mainMenu li a {
	display:			block;
	height:				51px;
	padding-top:		8px;
}

ul#mainMenu li a span {
	display:			block;
	overflow:			hidden;
	width:				0px;
	height:				0px;
	border-left:		1px solid #4d4d4d;
	padding-top:		39px;
}

ul#mainMenu li a:hover {
	background:			#c6020c;
	border-left:		1px solid #424242;
}

ul#mainMenu li a:hover span {
	border-left:		none;
}

ul#mainMenu li.firstItem a span {
	border:				none;
}

ul#mainMenu li.firstItem a:hover {
	border-left:		none;
}

ul#mainMenu li#home a {
	width:				102px;
}

ul#mainMenu li#home a span {
	padding-left:		102px;
	background:			url("/framework/images/mainMenuHome.jpg") 32px 14px no-repeat;
}

ul#mainMenu li#home a:hover {
	width:				101px;
}

ul#mainMenu li#home a:hover span {
	background:			url("/framework/images/mainMenuHomeHover.jpg") 32px 14px no-repeat;
}

ul#mainMenu li#home.firstItem a:hover {
	width:				102px;
}

ul#mainMenu li#residential a {
	width:				152px;
}

ul#mainMenu li#residential a span {
	padding-left:		152px;
	background:			url("/framework/images/mainMenuResidential.jpg") 17px 14px no-repeat;
}

ul#mainMenu li#residential a:hover {
	width:				151px;
}

ul#mainMenu li#residential a:hover span {
	background:			url("/framework/images/mainMenuResidentialHover.jpg") 17px 14px no-repeat;
}

ul#mainMenu li#commercialAndMunicipal a {
	width:				289px;
}

ul#mainMenu li#commercialAndMunicipal a span {
	padding-left:		289px;
	background:			url("/framework/images/mainMenuCommercialAndMunicipal.jpg") 19px 14px no-repeat;
}

ul#mainMenu li#commercialAndMunicipal a:hover {
	width:				288px;
}

ul#mainMenu li#commercialAndMunicipal a:hover span {
	background:			url("/framework/images/mainMenuCommercialAndMunicipalHover.jpg") 19px 14px no-repeat;
}

ul#mainMenu li#aboutUs a {
	width:				134px;
}

ul#mainMenu li#aboutUs a span {
	padding-left:		134px;
	background:			url("/framework/images/mainMenuAboutUs.jpg") 19px 14px no-repeat;
}

ul#mainMenu li#aboutUs a:hover {
	width:				133px;
}

ul#mainMenu li#aboutUs a:hover span {
	background:			url("/framework/images/mainMenuAboutUsHover.jpg") 19px 14px no-repeat;
}

ul#mainMenu li#associations a {
	width:				170px;
}

ul#mainMenu li#associations a span {
	padding-left:		170px;
	background:			url("/framework/images/mainMenuAssociations.jpg") 18px 14px no-repeat;
}

ul#mainMenu li#associations a:hover {
	width:				169px;
}

ul#mainMenu li#associations a:hover span {
	background:			url("/framework/images/mainMenuAssociationsHover.jpg") 18px 14px no-repeat;
}

ul#mainMenu li#contact a {
	width:				143px;
}

ul#mainMenu li#contact a span {
	padding-left:		143px;
	background:			url("/framework/images/mainMenuContact.jpg") 18px 14px no-repeat;
}

ul#mainMenu li#contact a:hover {
	width:				142px;
}

ul#mainMenu li#contact a:hover span {
	background:			url("/framework/images/mainMenuContactHover.jpg") 18px 14px no-repeat;
}

div#content {
	color:				#565656;
}

div#content p {
	margin:				19px 30px;
	font-size:			small;
}

div#content h2 {
	margin:				19px 30px;
	font-weight:		normal;
}

div#content h3 {
	margin:				19px 30px;
	font-size:			medium;
}

div#content ul {
	margin:				19px 30px;
	color:				#565656;
	font-size:			small;
	line-height:		2em;
	list-style:			square;
}

div#foot {
	padding-top:		8px;
	background:			#424242 url("/framework/images/footBackground.jpg") repeat-x;
}

div#foot p {
	margin:				0px;
	padding:			1em;
	color:				#636363;
	font-size:			x-small;
	text-align:			center;
}

div#foot p a {
	color:				#858585;
	text-decoration:	none;
}

div#foot p a:hover {
	color:				#a6a6a6;
	text-decoration:	underline;
}

div.clearBoth {
	clear:				both;
	height:				0px;
	font-size:			0px;
	line-height:		0px;
}


			div.features {
				float:			right;
				width:			624px;
				margin:			0px;
			}

			div.features h5 {
				margin-top:		0px;
				font-size:		small;
			}

			.product {
				float:			left;
				line-height:	normal;
				text-align:		center;
				font-weight:	bold;
			}

/* Contact Form */

form#contactForm {
	background-color: #fff;
	border: 1px solid #cecbb5;
	margin: 0px 28px 24px 28px;
	padding-bottom: 16px;
}

form#contactForm p.fieldRow {
	width: 438px;
	float: left;
	display: block;
	margin: 4px 0px 8px 20px;
}
form#contactForm p.commentRow {
	clear: both;
	display: block;
	margin: 4px 0px 8px 20px;
}
form#contactForm em {
	color: #ad2727;
	font-size: 12px;
}
form#contactForm .formNotice {
	color: #a11d1d;
	font-size: 11px;
	font-style: normal;
	float: left;
	display: block;
	width: 350px;
	padding-left: 22px;
}
form#contactForm div#formContactMsg {
	font-size: 14px;
	margin: 14px 22px 16px 22px;
}
form#contactForm div#formContactMsg.msg_good {
	color: #178F04;
	/*background: transparent url('/images/form/good.png') 0px 0px no-repeat;*/
}
form#contactForm div#formContactMsg.msg_bad {
	color: #ad2727;
	/*background: transparent url('/images/form/bad.png') 0px 0px no-repeat;*/
}
form#contactForm input.field_error, form#contactForm textarea.field_error {
	border: 1px solid #ad2727 !important;
}

form#contactForm input {
	width: 410px;
	margin-top: 8px;
	padding: 8px;
	background-color: #E8E8E8;
	border: 1px solid #cfc7c7;
	font-family:		"arial", "helvetica", sans-serif;
}

	form#contactForm input.button {
		font-family:		"arial", "helvetica", sans-serif;
		padding: 8px;
		background-color: #424242;
		width: 200px;
		margin: auto;
		color: #fff;
		text-decoration: none;
		cursor: pointer;
	}
	form#contactForm input.button:hover {
		background-color: #c6020c;
	}

form#contactForm textarea {
	width: 868px;
	background-color: #E8E8E8;
	border: 1px solid #cfc7c7;
	margin-right: 8px;
	padding: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-family:		"arial", "helvetica", sans-serif;
}