/* Globals And Containers */
body 
{
	font-family: Arial, Myriad Pro;
	font-size: 0.8em;}

#wrapper
{
	margin: auto;
	width: 1000px;}
/* Header And Top Nav */

#header
{
	position: relative;
	height: 106px;
	background-image: url(../images/headerRepeat.jpg);}
	
	#header p
	{
		font-size: 1.1em;
		font-weight: bold;
		color: #5189f0 !important;
		position: absolute;
		right: 25px;
		top: 55px;}
	
	#logo
	{
		position: absolute;
		left: 20px;
		top: 0px;
		background-image: url(../images/headerLogo.jpg);
		width: 353px;
		height: 106px;}
	#topPhone
	{
		position: relative;
		right: 5px;
		bottom: 30px;}
	.phoneHeader
	{	
		font-weight: normal;
		color: #032da2 !important;
		font-size: 2em;}
	
#topNav
{
	background-image: url(../images/topNavBack.jpg);
	height: 49px;}

	#topNav ul
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;}
	
	#topNav ul li
	{
		display: inline;}
	
	#topNav ul li a
	{
		color: #022993;
		font-weight: bold;
		padding: 12px 15px 12px 15px;
		line-height: 43px;
		border-right: solid 1px #efefef;
		border-left: solid 1px #ffffff;
		text-decoration: none;}
	#topNav ul li a:hover
	{
		color: #FFFFFF;
		background-image: url(../images/topNavHover.jpg);
		text-decoration: none;}
	
	#topNav ul li a.on
	{
		color: #FFFFFF;
		background-image: url(../images/topNavHover.jpg);
		text-decoration: none;}

/* Content Boxes */

#content
{
	float: left;
	margin: 5px 0px 0px 0px;}

#contentTopHome
{
	padding-right:20px;
	padding-left: 20px;
	float: left;
	margin: 5px 0px 0px 0px;
	width: 435px;}
	
	#contentTopHomeImage
	{
		float: left;
		background-image: url(../images/contentTopImage.jpg);
		background-position: right;
		background-repeat: no-repeat;
		height: 312px;
		width: 516px;
		margin-left: 5px;}

#contentTopSub
{
	float: left;
	margin: 5px 0px 0px 0px;
	width: 710px;
	padding-left: 20px;}
	
	#contentTopSub h1
	{
		color: #5189f0;
		font-weight: normal;}
		
	.topExcerpt
	{
		font-size: 1.5em;
		color: #032da2;
		font-weight: normal;}
	.contentBottomSub p, li
	{
		color: #333333;
		line-height: 1.4;}
	.contentBottomSub h3
	{
		font-size: 1.4em;
		font-weight: normal;
		color: #5189f0;}
#subTopRight
{
	float: right;
	margin-left: 5px;
	width: 250px;
	height: 500px;
	background-repeat: no-repeat;
	background-image: url(../images/subTopRightFade.jpg);}

		#subTopRight ul
		{
			padding: 0px;
			margin: 0px;
			list-style-type: none;}
		
		#subTopRight ul li
		{
			width: 75%;
			padding-left: 46px;
			padding-top: 5px;
			padding-bottom: 5px;
			background-image: url(../images/listImageGeneric.gif);
			background-position: left;
			background-repeat: no-repeat;
			border-bottom: solid 1px #efefef;
			border-top: solid 1px #FFFFFF;}
		
		#subTopRight h4
		{
			color: #032da2;
			font-size: 1.5em;
			font-weight: normal;
			margin: 20px 0px 10px 25px;}
		
		.contactUs
		{
			float: left;
			margin-top: 20px;
			color: #032da2;
			font-size: 1.2em;
			font-weight: bold;
			text-decoration: none;}
		.contactUs:hover
		{
			text-decoration: underline;}
		
		#subTopRight a
		{
			font-size: 0.9em;
			font-weight: bold;
			text-decoration: none;
			color: #032da2;}
		
		#subTopRight a:hover
		{
			text-decoration: underline;}
		
		#aboutUsImage
		{
			margin-top: 10px;
			margin-left: 20px;
			width: 230px;
			height: 380px;
			background-image: url(../images/aboutUsImage.jpg);}		
		#contactUsImage
		{
			margin-top: 10px;
			margin-left: 20px;
			width: 230px;
			height: 380px;
			background-image: url(../images/aboutUsImage.jpg);}
.contentBottomSub
{
	float: left;
	width: 710px;
	height: 100%;
	background-image: url(../images/contentBottomSubBorder.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;}

#contentBottomHome
{
	margin-top: 10px;
	padding-top: 56px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	float: left;
	width: 1042px;
	height: 400px;
	background-image: url(../images/contentBottomBorder.jpg);
	background-position: top;
	background-repeat: no-repeat;}
	
	#contentBottomHome h3
	{
		font-size: 1.5em;}
	
	#homeBottomLeft, #homeBottomMiddle, #homeBottomRight
	{
		min-height: 350px;
		float: left;
		width: 275px;
		padding-left: 45px;
		padding-top: 10px;
		margin: 0px 5px 0px 5px;}
	#homeBottomMiddle
	{
		margin-right: 45px;
		padding-left: 17px !important;}
	#homeBottomRight
	{
		padding-left: 30px !important;
		padding-top: 20px;
		background-position: left top;
		background-repeat: no-repeat;
		background-image: url(../images/contentBottomRightBorder.jpg);}	
	
	.bottomThumbs
	{
		margin-top: 5px;
		padding-left: 100px;
		min-height: 81px;
		background-repeat: no-repeat;}
	
	#hblSavingWater {background-image: url(../images/savingWaterThumb.jpg);}
	#hblWaterLeak {background-image: url(../images/waterLeakThumb.jpg);}
	#hblWaterConsultants {background-image: url(../images/waterConThumb.jpg);}
	#hblWaterAudits {background-image: url(../images/waterAuditsThumb.jpg);}
	#hblWaterLeakRepairs {background-image: url(../images/waterLeakRepThumb.jpg);}
	#hblCostOfWater {background-image: url(../images/waterCostThumb.jpg);}
	
	.servicesImages{float: right; display: block; margin: 20px;}

#footer
{
	float: left;
	width: 1000px;
	height: 40px;
	padding: 15px;
	background-repeat: no-repeat;
	background-image: url(../images/footerFade.jpg);}
#footer p
{
	font-size: 0.7em;
	font-weight: bold;
	color: #666666;
	float: left;
	width: 50%;}
.footerRight
{
	text-align: right;}
.rightFloat
{
	font-weight: bold;
	color: #3784f6;
	font-size: 1.2em;
	float: right;
	margin: -30px 27px 0px 0px;
	padding: 0px;}
	
/* Typography */

#contentTopHome h1
{
	margin-bottom: 20px;
	font-weight: normal;
	color: #5189f0;}
#contentTopHome h2
{
	margin-top: 3px;
	font-weight: normal;
	color: #032da2;}
#contentTopHome p
{
	color: #333333;
	line-height: 20px;
	font-weight: normal;}
#contentBottomHome h4 a
{
	text-decoration: none;
	font-size: 1.2em;
	margin-bottom: 3px;
	color: #032da2 !important;}
#contentBottomHome h4 a:hover
{
	text-decoration: underline;}
#contentBottomHome p
{
	color: #333333;
	margin-top: 3px;}
#contentBottomHome h4
{
	margin-bottom: 5px;}
.vBigBlue
{
	font-weight: bold;}
.headingText
{
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	color: #032da2;}
.centerFloat p
{
	text-align: center;}

/*.underlineStrong
{
	text-decoration: underline;
	font-weight: bold;}*/

.fakeHeader
{
	font-size: 1.7em;}
.fakeHeader a:hover
{
	cursor: url;}
#homeBottomRight p
{
	margin-top: 11px;}

/* Input Styles */

.homeInput
{
	float: left;
	width: 75px;}
#homeInputSubmit
{
	margin-left: 74px;
	background-image: url(../images/submitA.gif);
	width: 72px !important;
	height: 27px;
	border: none !important;}
#homePageForm div
{
	margin-top:5px;}

#homePageForm input
{
	width: 185px;
	border: solid 1px #a8a8a8;}

/* Contact Form Style */
.contactForm
{
	float: left;
	height: 350px;
	width: 48%;}

.contactForm label
{
	font-weight: bold;
	float: left;
	width: 100%;}

.contactForm input, .contactForm textarea
{
	width: 80%;
	border: solid 1px #a8a8a8;}
#contactInputSubmit
{
	background-image: url(../images/submitB.gif);
	background-repeat: no-repeat;
	width: 88px;
	height: 27px;
	border: none !important;
	margin-left: 200px;
	margin-top: 5px;}

.formFail
{
	padding: 10px;
	text-align: center;
	border: solid 1px #ce0000;
	width: 80%;
	margin: auto auto 10px auto;
	background-color: #ffcccc;
	padding: auto;
	color: #c72525;}

.formSuccess
{
	padding: 10px;
	text-align: center;
	border: solid 1px #30ca00;
	width: 80%;
	margin: 10px auto 10px auto;
	background-color: #b2ff9a;
	padding: auto;
	color: #329414;}

.formFail strong
{
	color: #db0000;}

.caseStudy
{
	float: left;
	margin: 5px 5px 5px 0px;
	padding: 5px;
	width: 95%;
	border: solid 1px #5189F0;}
.caseStudy h4
{
	color: #5189F0;
	margin: 0px;}

.caseStudy img
{	
	margin-right: 5px;
	float: left;}