/*  PLUMB SMART MAIN PAGE STYLES  */

body, a, img, p, div, span, h1, h2, h3 { margin: 0px; padding: 0px; border: 0px; text-decoration: none; }
body {
	background: #3e93ca url(../images/water-bg.jpg) top repeat-x;
	}
.myriad, #main-content h1, #main-content h2, h1.right, p.right, #contact-content h1, button {
	font-family: "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
	}
.trebuchet, #main-content p, #main-content ul, q.right, cite.right, #contact-content h2, #contact-content p, form.contact label, form.contact input {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	}
a:link, a:visited {
	border: 0px;
	}
a:hover, a:active {
	border: none;
	}
#container {
	position: relative;
	top: 0px;
	width: 1001px;
	margin: 0px auto;
	/*background-image:  url(../images/templates/contact-us.jpg); height: 1000px;/**/
	}





/*  NAVIGATION STYLES  */
#navigation {
	position: absolute;
	top: 102px; left: 0px;
	width: 1010px; height: 37px;
	}
#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active {
	position: relative;
	float: left;
	height: 37px;
	overflow: hidden;
	}
#navigation a:link img, #navigation a:visited img {
	position: relative;
	top: 0px; left: 0px;
	}
#navigation a:hover img, #navigation a:active img, #navigation a img.on {
	position: relative;
	top: -37px; left: 0px;
	}





/*  HEADER STYLES  */
#header {
	color: #1d75b2;
	font-size: 10px;
	}
#logo {
	position: relative;
	top: 12px; left: 0px;
	}
#green-plumbers {
	position: relative;
	top: 12px; left: 12px;
	}
#headline {
	position: absolute;
	top: 64px; right: 4px;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #557b0f;
	font-size: 21px;
	font-weight: bold;
	font-style: italic;
	}
#top-links {
	position: absolute;
	top:22px; right: 0px;
	float: right;
	}
#top-links a:link, #top-links a:visited {
	margin: 0px 4px;
	color: #1d75b2;
	}
#top-links a:hover, #top-links a:active {
	color: #557b0f;
	}





/*  FOOTER STYLES  */
#footer {
	position: relative;
	top: 255px; left: 0px; /* NOTE: THERE IS ANOTHER 'top' STYLE SET FOR THE HOME PAGE, IN INDEX.PHP */
	clear: both;
	width: 1001px; height: 124px;
	font-size: 11px;
	color: #cce3f1;
	letter-spacing: 1px;
	line-height: 14px;
	background-image: url(../images/footer-bg.png);
	}
#footer .col1 {
	position: relative;
	top: 18px; left: 0px;
	width: 205px;
	display: block;
	margin-bottom: 10px;
	}
#footer .col2 {
	position: relative;
	top: -54px; left: 223px;
	width: 180px;
	display: block;
	margin-bottom: 10px;
	}
#footer .col3 {
	position: relative;
	top: -127px; left: 400px;
	width: 155px;
	display: block;
	margin-bottom: 10px;
	}
#footer .col4 {
	position: relative;
	top: -199px; left: 580px;
	width: 215px;
	display: block;
	margin-bottom: 10px;
	}


#footer a:link, #footer a:visited {
	color: #cce3f1;
	border: none;
	}
#footer a:hover, #footer a:active {
	color: #ffffff;
	}
#footer .integritive {
	position: absolute;
	top: 103px; right: 7px;
	text-align: right;
	text-transform: lowercase;
	}
#footer .renovo {
	position: absolute;
	top: 120px; right: 7px;
	text-align: right;
	text-transform: lowercase;
	}




/*  SHARED CONTENT STYLES  */
#main-content {
	position: relative;
	top: 149px; left: 0px;
	float: left;
	width: 649px;
	padding: 12px 22px 12px 22px;
	background: url(../images/containers/main-middle.jpg) top repeat-y;
	}
#main-content img.top {
	position: absolute;
	top: 0px; left: 0px;
	}
#main-content img.bottom {
	position: absolute;
	bottom: -100px; left: 0px;
	}
#main-content h1 {
	position: relative;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #0a1476;
	margin-top: 5px;
	margin-bottom: 5px;
	}
#main-content h2 {
	position: relative;
	font-size: 18px;
	font-weight: normal;
	text-transform: none;
	color: #0a1476;
	margin-top: 5px;
	margin-bottom: 10px;
	}
#main-content p {
	position: relative;
	font-size: 15px;
	color: #253802;
	margin-bottom: 12px;
	}
#main-content ul {
	position: relative;
	}
#main-content a:link, #main-content a:visited {
	text-decoration: underline;
	color: #3D94CB;
	}
#main-content a:hover, #main-content a:active {
	color: #253802;
	}
#main-content img.content {
	position: relative;
	float: left;
	border: 1px solid #ffffff;
	margin: 8px 15px 5px 0px;
	}
#small-right {
	position: relative;
	top: 149px;
	float: right;
	width: 252px; height: 142px;
	padding: 20px 20px 6px 20px;
	letter-spacing: 1px;
	background-image: url(../images/containers/small-right.jpg);
	}
#right-content {
	position: relative;
	top: 173px;
	float: right;
	width: 248px;
	letter-spacing: 1px;
	padding: 15px 24px 8px 20px;
	background-image: url(../images/containers/right-middle.gif);
	}
#right-content img.top {
	position: absolute;
	top: -8px; left: 0px;
	}
#right-content img.bottom {
	position: absolute;
	bottom: -6px; left: 0px;
	}
h1.right {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	color: #0a1476;
	margin-bottom: 10px;
	}
p.right {
	font-size: 13px;
	color: #253802;
	line-height: 17px;
	}
q.right {
	display: block;
	font-size: 13px;
	font-style: italic;
	color: #253802;
	margin-bottom: 18px;
	line-height: 17px;
	}
cite.right {
	display: block;
	text-align: right;
	font-size: 13px;
	font-style: italic;
	color: #0a1476;
	margin-bottom: 18px;
	}
#right-content .h-rule {
	margin-top: 4px;
	margin-bottom: 7px;
	}
#small-right img {
	position: absolute;
	bottom: 7px; right: 14px;
	float: right;
	}




/*  HOME CONTENT STYLES  */
#home-content {
	position: relative;
	top: 149px; left: 0px;
	width: 1001px; height: 388px;
	background-image: url(../images/home/content-bg.jpg);/**/
	}
#home-content p.main {
	position: relative;
	top: 56px; left: 259px;
	width: 380px;
	font-size: 16px;
	line-height: 21px;
	color: #253802;
	}
#home-content cite {
	position: relative;
	top: 69px; left: 307px;
	font-size: 14px;
	font-style: italic;
	color: #0a1476;
	}
#home-don {
	position: absolute;
	top: -61px; left: 9px;
	width: 247px; height: 350px;
	background-image: url(../images/home/don-hilderbrand.png);
	}
#home-top-left {
	position: absolute;
	top: 11px; left: 690px;
	}
#home-bottom-left {
	position: absolute;
	top: 165px; left: 690px;
	}
h1.home {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	color: #0a1476;
	margin-bottom: 3px;
	}
p.home {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 17px;
	color: #253802;
	}
.learn-more {
	position: relative;
	top: 8px; left: -5px;
	display: block;
	width: 105px; height: 38px;
	overflow: hidden;
	}
a.learn-more:link img, a.learn-more:visited img {
	position: relative;
	top: 0px; left: 0px;
	width: 105px; height: 76px;
	background-image: url(../images/home/learn-more.png);
	}
a.learn-more:hover img, a.learn-more:active img {
	position: relative;
	top: -38px; left: 0px;
	width: 105px; height: 76px;
	background-image: url(../images/home/learn-more.png);
	}



/*  CONTACT PAGE STYLES  */
#contact-content {
	position: relative;
	top: 149px; left: 0px;
	float: left;
	width: 956px;
	padding: 12px 22px 12px 22px;
	background: url(../images/containers/contact-middle.gif) top repeat-y;
	}
#contact-content img.top {
	position: absolute;
	top: 0px; left: 0px;
	}
#contact-content img.bottom {
	position: absolute;
	bottom: -90px; left: 0px;
	}
#contact-content .left-column {
	position: relative;
	float: left;
	}
#contact-content .right-column {
	position: relative;
	float: right;
	width: 478px;
	padding-right: 50px;
	margin-top: 15px;
	}
#contact-content h1 {
	position: relative;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #0a1476;
	margin-top: 5px;
	margin-bottom: 10px;
	}
#contact-content h2, form.contact label, #contact-content p.info b {
	position: relative;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	color: #0a1476;
	margin-top: 5px;
	margin-bottom: 10px;
	}
#contact-content p {
	position: relative;
	font-size: 15px;
	color: #253802;
	margin-bottom: 12px;
	}
form.contact {
	position: relative;
	color: #253802;
	}
form.contact label {
	display: block;
	margin-bottom: 0px;
	}
form.contact input {
	display: block;
	border: 1px solid #86c41a;
	width: 335px; height: 19px;
	padding-top: 5px; padding-left: 5px;
	font-size: 12px;
	color: #253802;
	}
form.contact textarea {
	width: 335px; height: 79px;
	border: 1px solid #86c41a;
	padding-top: 5px; padding-left: 5px;
	font-size: 12px;
	color: #253802;
	}
form.contact button {
	display: block;
	position: relative;
	top: 10px; left: 275px;
	width: 67px; height: 26px;
	font-size: 15px;
	color: #253802;
	border: 1px solid #86c41a;
	background: none;
	}
form.contact button:hover, form.contact button:active {
	color: #ffffff;
	background: #0a1476;
	}
#contact-content p.info {
	display: block;
	width: 292px;
	margin-top: w4px;
	line-height: 25px;
	}