body		{text-align: center;
		 font-size: 62.5%}

h2		{font: bold 2em Arial, Helvetica, sans-serif;
		 color: #1D5F86;
		 margin: 20px 0px}

.clrb		{clear: both;
		 width: 2%;
		 height: 1px}

em		{color: #AE1F23;
		 font-size: 1.1em}

.lmar		{margin-left: 25px}

div.wrapper	{width: 766px;
		 margin-left: auto;
		 margin-right: auto;
		 position: relative}

img#header	{margin-left: auto;
		 margin-right: auto}

img#unit	{margin-left: auto;
		 margin-right: auto}

#intro		{background-image: url("images/housetron_unit.png");
		 background-repeat: no-repeat;
		 background-position: top center;
		 position: relative;
		 margin-top: 10px;
		 text-align: right;
		 color: #1D5F86;
		 display: block;
		 width: 100%}

a#saveMoney	{display: block;
		 width: 100%;
		 margin: 5px 0px 20px}

#intro a:link 	{color: #AE1F23; text-decoration: none; font: italic 1.1em Arial, Helvetica, sans-serif} 
#intro a:visited {color: #AE1F23; text-decoration: none; font: italic 1.1em Arial, Helvetica, sans-serif} 
#intro a:hover 	{color: #AE1F23; text-decoration: underline; font: italic 1.1em Arial, Helvetica, sans-serif} 

div#guarantee	{position: absolute;
		 top: 27px;
		 left: 70px;
		 width: 230px;
		 height: 132px}

div#wrasLogo	{position: absolute;
		 top: 0px;
		 left: 333px}

#intro h1	{clear: right;
		 position: relative;
		 top: 155px;
		 margin-right: 83px;
		 font: bold italic 2.5em Arial, Helvetica, sans-serif}

#intro h2	{clear: right;
		 padding-top: 3px;
		 font: bold italic 2.2em Arial, Helvetica, sans-serif}

#intro p.int	{clear: right;
		 margin-top: 155px}

#intro p	{font: bold italic 1.6em Arial, Helvetica, sans-serif;
		 margin-top: -15px;
		 margin-right: 83px}

#leftspace	{float: left;
		 height: 300px}

div#saveMoneyBox	{position: absolute;
			 top: 0px;
			 left: 0px;
			 display: none;
		 	 -moz-opacity:0;
          	 	 opacity: 0;
          	 	 -khtml-opacity: 0;
			 text-align: left;
			 background-color: #FFFFFF;
			 background-image: url("images/scaledPipe.png");
			 background-position: top left;
			 background-repeat: no-repeat;
			 height: 400px}

div#saveMoneyBox span	{color: #AE1F23;
			 cursor: pointer;
			 margin-left: -15px}

div#saveMoneyBox span:hover {text-decoration: underline}

div#treatwater	{width: 580px;
		 text-align: left;
		 margin: 15px auto 25px}

div#treatwater p {font: bold italic 1.6em Arial, Helvetica, sans-serif;
		  margin-top: 6px;
		  color: #1D5F86;
		  width: 362px}

div#treatwater img	{margin-left: 4px}

ul#nav		{display: inline;
		 list-style: none;
		 position: absolute;
		 top: 136px;
		 left: 305px;
		 text-align: left;
		 color: #9D080D}

ul#nav li	{display: block;
		 float: left;
		 font: bold 2em Arial, Helvetica, sans-serif;
		 height: 23px;
		 margin-right: 12px}

#footer		{width: 100%;
		 font: bold 1.1em Arial, Helvetica, sans-serif;
		 text-align: center;
		 color: #1D5F86;
		 margin-top: 15px}

div#benefits	{width: 735px;
		 margin-left: auto;
		 margin-right: auto;
		 position: relative;
		 margin-top: 15px}

div#benefits div.col	{width: 245px;
			 float: left;
			 text-align: center;
			 margin-bottom: 20px}

div#benefitBox	{position: absolute;
		 left: 0px;
		 top: -15px;
		 width: 366px;
		 height: 140px;
		 padding: 45px 0px;
		 padding-left: 190px;
		 padding-right: 190px;
		 background-image: url("images/benefitbg.png");
		 background-repeat: no-repeat;
		 background-position: top center;
		 background-color: #FFFFFF;
		 text-align: left;
		 display: none;
		 -moz-opacity:0;
          	 opacity: 0;
          	 -khtml-opacity: 0}

div#benefitBox h3	{font: normal 1.8em Arial, Helvetica, sans-serif;
			 color: #FFFFFF;
			 float: left}

div#benefitBox span	{float: right;
			 font: normal 1em Arial, Helvetica, sans-serif;
			 color: #FFFFFF}

div#benefitBox span:hover	{text-decoration: underline;
				 cursor: pointer}

div#benefitBox p	{clear: both;
			 font: normal 1.2em Arial, Helvetica, sans-serif;
			 color: #FFFFFF;
			 width: 360px;
			 padding-top: 0.5em}

ul#apps		{width: 766px;
		 margin-bottom: 20px}

ul#apps li img	{float: right;
		 margin-left: 15px}

ul#apps li	{clear: both;
		 padding-top: 45px;
		 width: 610px;
		 padding-left: 150px;
		 background-position: center left;
		 background-repeat: no-repeat;
		 text-align: left;
		 font: normal 1.2em Arial, Helvetica, sans-serif}

ul#apps li h3	{font: bold 1.4em Arial, Helvetica, sans-serif;
		 color: #1D5F86}

ul#apps li.odd		{padding-left: 0px;
		 	 padding-right: 150px;
			 background-position: center right}

ul#apps li.odd img	{float: left;
			 margin-left: 0px;
			 margin-right: 15px}

li#app0		{background-image: url("images/apps/one.png")}

li#app1		{background-image: url("images/apps/two.png")}

li#app2		{background-image: url("images/apps/three.png")}

li#app3		{background-image: url("images/apps/four.png")}

li#app4		{background-image: url("images/apps/five.png")}

ul.instll	{width: 46%;
		 margin: 5px 2% 40px;
		 float: left;
		 text-align: left;
		 font: normal 1.3em Arial, Helvetica, sans-serif}

ul.instll span	{font: bold 1em Arial, Helvetica, sans-serif;
		 color: #1D5F86}

.fr		{float: right}

.fl		{float: left}

.hlf		{width: 48%;
		 margin-left: 2%}

form		{text-align: left;
		 width: 760px;
		 margin: 40px auto 60px}

p		{font: normal 1.3em Arial, Helvetica, sans-serif}

label		{position: absolute;
		 margin-top: 20px;
		 font: bold 1.3em Arial, Helvetica, sans-serif;
		 color: #1D5F86}

input		{margin-left: 140px;
		 margin-top: 20px;
		 font: bold 1.3em Arial, Helvetica, sans-serif;
		 color: #1D5F86}

input.nmar	{margin-left: 70px}

textarea	{margin-left: 60px;
		 margin-top: 20px;
		 width: 80%}

#sandbag1	{width: 255px;
		 height: 30px;
		 float: left;
		 clear: left}

#sandbag2	{width: 270px;
		 height: 30px;
		 float: left;
		 clear: left}

#sandbag3	{width: 285px;
		 height: 30px;
		 float: left;
		 clear: left}

#sandbag4	{width: 295px;
		 height: 10px;
		 float: left;
		 clear: left}

#sandbag5	{width: 310px;
		 height: 110px;
		 float: left;
		 clear: left}

#sandbag6	{width: 305px;
		 height: 20px;
		 float: left;
		 clear: left}

#sandbag7	{width: 295px;
		 height: 150px;
		 float: left;
		 clear: left}

.smalltxt	{font: normal 0.8em Arial, Helvetica, sans-serif}

.greytxt	{color: #6D808B}

.thnks		{text-align: left;
		 margin-left: 50px}

.thnks a:link	{color: #AE1F23}
.thnks a:visited {color: #AE1F23}
.thnks a:hover	{color: #1D5F86}

.bmartop	{padding-top: 235px}