/*
Description: G.S. Woxland Plumbing & Heating
Author: Dream Designs
Author URI: http://dreamdesignstream.com

	Lt Grey Green: #BBC6BA;
	Grey Green: #7E897D;
	Dk Green: #1D413C;
	Forest Green: #112B27;
	Beige: #D3CBC1;
	Tan: #A0998D;
	Lt Brown: #776F62;
	Med Brown: #564E42;
	Brown: #3A3226;
	Dk Brown: #282523;

*/

*, html, body, div, form, label, p {
    margin: 0;
    padding: 0;
}
html, body {
    height: 100%;
}
body {
    background: url(images/bg/topbar.png) top center repeat-x #282523;
	font-family: Georgia, Times New Roman, serif;
    font-size: 16px;
    color: #564E42;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img {
    border: 0;
}
address, caption, cite {
    font-style: normal;
    font-weight: normal;
}
a {
	text-decoration: none;
	color: #1D413C;
}
a:link {
	color: #1D413C;
}
a:visited {
	color: #1D413C;
}
a:hover {
	color: #112B27;
	text-decoration: underline;
}
ol, ul, li {
    list-style: none;
}
a img {
    border: none; /* Gets rid of IE's blue borders */
} 
.clear {
    clear: both;
}
#page-wrap {
    background: url(images/bg/main.png) 0px 0px repeat-y #BBC6BA;
    width: 806px;
    margin: 0 auto -150px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
#push {
    height: 150px;
}



/**********
Headers
**********/

h1 {
	font-size: 3.0em;
	font-family: Georgia, Times New Roman, serif;
	font-weight: normal;
    padding: 10px 0 20px 0;
}
h2 {
	font-family: Georgia, Times New Roman, serif;
	font-size: 34px;
	font-style: italic;
	font-weight: normal;
    padding: 10px 30px 10px 0;
	color: #1D413C;
	text-align: right;
}
h3 {
	font-size: 1.0em;
	font-style: bold;
	font-style: italic;
    margin-bottom: 10px;
}
h4 {
	font-size: 1.0em;
	font-style: bold;
	font-style: italic;
    padding: 0;
	text-align: center;
}



/**********
Navbar
**********/

#top-bar {
	height: 100px;
	width: 806px;
	margin: 0 auto;
}



/**********
Homepage
**********/

.welcome {
	height: 100%;
	width: 610px;
	margin: 0 auto 25px auto;
	text-align: justify;
}
.photo {
	margin: 0 0 10px 45px;
    height: 334px;
	width: 474px;
	float: left;
}
.testimony {
	margin: 35px 45px 10px 0;
    height: 260px;
	width: 210px;
	color: #1D413C;
	float: right;
	line-height: 28px;
	text-align: left;
	font-style: italic;
}



/**********
About
**********/

.profile {
	margin: 0 0 10px 98px;
    height: 260px;
	width: 420px;
	float: left;
}
.about {
	margin: 0 98px 0 0;
    height: 210px;
	width: 165px;
	float: right;
	text-align: justify;
}
img.glenn {
	margin: 0 0 0 25px;
}



/**********
Plumbing
**********/

.plumbing {
	margin: 35px 45px 0 0;
    height: 285px;
	width: 210px;
	float: right;
	text-align: left;
	line-height: 26px;
}
.plumbing li {
	list-style-type: disc;
	margin-left: 15px;
}



/**********
Heating/Cooling
**********/

.sup {
	font-size: 11px;
	vertical-align: top;
}



/**********
NavMenu
**********/

.navmenu {
	background: url("images/bg/navmenu.png");
	height: 80px;
	width: 806px;
	margin: 0;
	padding: 0px;
	position: relative;
}
.navmenu li {
	padding:0;
	margin: 0;
	list-style: none;
	position:absolute;
	}
.navmenu li a {
	text-decoration:none;
	font-weight:bold;
	display: block;
	height: 80px;
}
.nav-home { 
	background: url("images/bg/navmenu.png") -61px 0px no-repeat; 
	left: 61px; 
	width: 86px;
}
.nav-about { 
	background: url("images/bg/navmenu.png") -147px 0px no-repeat; 
	left: 147px; 
	width: 197px;
}
.nav-plumbing {
	background: url("images/bg/navmenu.png") -344px 0px no-repeat; 
	left: 344px; 
	width: 106px;
}
.nav-heating { 
	background: url("images/bg/navmenu.png") -450px 0px no-repeat; 
	left: 450px; 
	width: 165px; 
}
.nav-contact { 	
	background: url("images/bg/navmenu.png") -615px 0px no-repeat; 
	left: 615px; 
	width: 130px; 
}
.nav-home a:hover { 
	background: url("images/bg/navmenu.png") -61px -80px no-repeat; 
}
.nav-about a:hover { 
	background: url("images/bg/navmenu.png") -147px -80px no-repeat; 
}
.nav-plumbing a:hover {
	background: url("images/bg/navmenu.png") -344px -80px no-repeat; 
}
.nav-heating a:hover { 
	background: url("images/bg/navmenu.png") -450px -80px no-repeat; 
}
.nav-contact a:hover { 	
	background: url("images/bg/navmenu.png") -615px -80px no-repeat; 
}



/**********
Page Titles
**********/

.title {
	height: 80px;
    width: 806px;
    margin: 0 auto;
}



/**********
Footer
**********/

.footer {
	height: 150px;
    font-size: 12px;
}
.footer p {
	color: #564E42;
}
.footer a:link {
	color: #D3CBC1;
}
.footer a:visited {
    color: #D3CBC1;
}
.footer a:hover {
	color: #fff;
}
#footer-inside {
    background: url(images/bg/footer.png) top center repeat-x #282523;
	height: 100%;
	width: 806px;
	margin: 0 auto;
    text-align: center;
	position: relative;
}
#footer-inside table {
	height: 110px;
	width: 510px;
	margin: 0;
    text-align: center;
	position: absolute;
	top: 35px;
	left: 168px;
}



/**********
Contact Page
**********/

.map {
	margin: 0 0 10px 45px;
    height: 404px;
	width: 474px;
	float: left;
	text-align: center;
}
.map p {
	margin-bottom: 5px;
}
.webform {
	height: 550px;
	width: 350px;
	margin: 0 auto;
}
.webform p {
	color: #3A1304;
	padding: .5em;
}
.textfield {
	padding: .5em;
}
.LV_validation_message{
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#EC174C;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #EC174C;
}