/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: url(../images/backLRGrad.jpg) top repeat-x;
	background-color: #112A3F;
}

/* Header and Nav */

#header {
	width: 901px;
	margin: 0 auto;
	background: url(../images/header.jpg);
	height: 200px;
}

#menuBox {
	float: right;
	margin: 170px 20px 0 0;
	width: 370px;
}

#menuBox2 {
	float: right;
	margin: 62px 20px 0 0;
	width: 370px;
}


/* Page */

#emerText {
	margin: 0 auto 13px;
	background: url(../images/emerBack.png) no-repeat;
	width: 554px;
	padding: 10px;
}

#emerText h1 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#emerText h4 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#emerText h5 {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 5px 0 10px 0;
	float: right;
}

#emerText h3 {
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 20px 10px 0;
	float: left;
}

#emerText p {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
	clear: both;
}

#enviroText {
	margin: 0 auto 13px;
	background: url(../images/greenBack.png) no-repeat;
	width: 554px;
	padding: 10px;
}

#enviroText h1 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#enviroText h4 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#enviroText h5 {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 5px 0 10px 0;
	float: right;
}

#enviroText h3 {
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 20px 10px 0;
	float: left;
}

#enviroText p {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
	clear: both;
}

#emerContent {
	background: url(../images/innerGrad.jpg) top repeat-x #091927;
	min-height: 211px;
	margin: 0 auto;
	padding: 38px 0 0 0;
	width: 901px;
}

#content {
	background: url(../images/innerGrad.jpg) top repeat-x #091927;
	min-height: 211px;
	margin: 0 auto;
	width: 901px;
}

#content h1 {
	margin: 0;
}

#prodCat {
	float: left;
	margin: 38px 0 0 13px;
	background: url(../images/bigAbout.png) no-repeat;
	width: 554px;
	padding: 10px;
}

#prodCat a:link, #prodCat a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#prodCat a:hover, #prodCat a:active {
	color: #DEEAF3;
	text-decoration: none;
	background: none;
}

#prodCat h1 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
	float: left;
	clear: left;
}

#prodCat h4 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
	float: right;
	clear: right;
}

#prodCat h5 {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 5px 0 10px 0;
	float: right;
}

#prodCat h3 {
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 20px 10px 0;
	float: left;
}

#prodCat p {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
	clear: both;
}

#pumpPad {
	width: 554px;
	padding: 10px;
}

.authCompBox {
	width: 287px;
	float: left;
}

#pumpSew {
	float: left;
	margin: 38px 0 0 13px;
	background: url(../images/bigAbout.png) no-repeat;
	width: 574px;
	padding: 0;
}

#pumpSew a:link, #pumpSew a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#pumpSew a:hover, #pumpSew a:active {
	color: #DEEAF3;
	text-decoration: none;
	background: none;
}

#pumpSew h1 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
	float: left;
	clear: left;
}

#pumpSew h4 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
	float: right;
	clear: right;
}

#pumpSew h5 {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 5px 0 10px 0;
	float: right;
}

#pumpSew h3 {
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 20px 10px 0;
	float: left;
}

#pumpSew p {
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0;
	clear: both;
}

p.withPic {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
	width: 400px;
	float: left;
}

.prodCatGroup {
	width: 277px;
	float: left;
	margin: 0 0 10px 0;
}

.prodCatImg {
	width: 50px;
	float: left;
}

.prodCatLabel {
	float: left;
}

.prodCatLabel h2 {
	font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 3px 0 0 10px;
}

.splitter {
	margin: 5px 0 5px 0;
	width: 100%;
	border-top: #006699 1px solid;
	clear: both;
	font-size: 1px;
	height: 1px;
}

#smallEmer {
	background: url(../images/smallEmerBack.png) no-repeat top;
	width: 254px;
	padding: 10px;
	float: right;
	clear: right;
	margin: 10px 13px 0 0px;
}

#smallAbout {
	background: url(../images/smallAbout.jpg) no-repeat top;
	width: 254px;
	padding: 10px;
	float: right;
	clear: right;
	margin: 38px 13px 0 0px;
}

#smallAbout h1 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#smallAbout h2 {
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#smallAbout p {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 5px 0;
}

#smallAbout a:link, #smallAbout a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#smallAbout a:hover, #smallAbout a:active {
	color: #DEEAF3;
	text-decoration: underline;
	background: #163645;
}

#smallBoreholes {
	background: url(../images/smallAbout.png) no-repeat top;
	width: 274px;
	padding: 0;
	float: right;
	clear: right;
	margin: 38px 13px 0 0px;
}

#smallBoreholes h1 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 10px;
}

#smallBoreholes h2 {
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#smallBoreholes p {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 10px 5px 10px;
}

#smallBoreholes a:link, #smallBoreholes a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#smallBoreholes a:hover, #smallBoreholes a:active {
	color: #DEEAF3;
	text-decoration: underline;
}

#smallRewat {
	background: url(../images/smallAbout.png) no-repeat top;
	width: 274px;
	padding: 10px 0 0 0;
	float: right;
	clear: right;
	margin: 10px 13px 0 0px;
	text-align: center;
}

#smallRewat h1 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 10px;
}

#smallRewat h2 {
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#smallRewat p {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 10px 5px 10px;
}

#smallRewat a:link, #smallRewat a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#smallRewat a:hover, #smallRewat a:active {
	color: #DEEAF3;
	text-decoration: underline;
}

#smallIndexButtons {
	background: url(../images/smallAbout.jpg) no-repeat top;
	width: 254px;
	padding: 10px;
	float: right;
	clear: right;
	margin: 38px 13px 0 0px;
}

#smallIndexButtons h1 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#smallIndexButtons h2 {
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#smallIndexButtons p {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 5px 0;
}

#smallIndexButtons a:link, #smallIndexButtons a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#smallIndexButtons a:hover, #smallIndexButtons a:active {
	color: #DEEAF3;
	text-decoration: underline;
	background: #163645;
}

#smallNews {
	background: url(../images/smallNews.jpg) no-repeat top;
	width: 254px;
	padding: 10px;
	float: right;
	clear: right;
	margin: 20px 13px 0 0px;
}

#smallNews h1 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#smallNews h2 {
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#smallNews p {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 5px 0;
}

#smallNews a:link, #smallNews a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}

#smallNews a:hover, #smallNews a:active {
	text-decoration: underline;
	color: #DEEAF3;
	background: #163645;
}

#watEngIndex {
	background: url(../images/waterEng.jpg) no-repeat top;
	width: 254px;
	padding: 10px;
	float: right;
	clear: right;
	margin: 38px 13px 0 0px;
	Height: 150px;
}

#watEngIndex h1 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#watEngIndex h2 {
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#watEngIndex p {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 5px 0;
}

#watEngIndex a:link, #watEngIndex a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#watEngIndex a:hover, #watEngIndex a:active {
	color: #DEEAF3;
	text-decoration: underline;
	background: #163645;
}


#watEngBig {
	float: left;
	margin: 10px 0 0 13px;
	background: url(../images/bigAbout.png) no-repeat;
	width: 554px;
	padding: 10px;
}

#watEngBig a:link, #watEngBig a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#watEngBig a:hover, #watEngBig a:active {
	color: #DEEAF3;
	text-decoration: none;
	background: #163645;
}

#watEngBig h1 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
	float: left;
	clear: left;
}

#watEngBig h4 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
	float: right;
	clear: right;
}

#searchBox {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
	float: right;
	clear: right;
}

#watEngBig h5 {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 5px 0 10px 0;
	float: right;
}

#watEngBig h3 {
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 20px 10px 0;
	float: left;
}

#watEngBig p {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
	clear: both;
}


/* Copyright and Footer */

#copyright {
	width: 800px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	border-top: 1px #006699 solid;
}

#copyright p {
	font: 8px Arial, Helvetica, sans-serif;
	color: #0099CC;
	text-align: center;
	margin: 0 0 10px 0;
}

#copyright a:link, #copyright a:visited {
	color: #0099CC;
	text-decoration: none;
}

#copyright a:hover, #copyright a:active {
	color:#00CCFF;
	text-decoration: none;
}