@charset "UTF-8";
/* CSS Document */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #E5F1F4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #E5F1F4;
	background-image: url(../images/master/header_gradient2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.oneColFixCtrHdr #container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #DDDDDD;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:150px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#E5F1F4;
	clear:both;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.hp_logo {
	width:800px;
	height:150px;
	background-image: url(../images/master/hp_logo_top2.jpg);
}
/*hp nav*/
#navcontainer ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	font-family: arial;
	font-size: 14px;
	width:800px;
	float:left;
}
#navcontainer ul li {
	display: inline;
	float:left;
	width: 400px;
	padding:0px;
	margin:0px;
	height: 151px;
	padding-top:49px;
}
#navcontainer ul li a {
	text-decoration: none;
	padding: 0px;
	color: #000;
	margin:0px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #433C2A;
}
#navcontainer ul li a:hover {
	color: #CDC8B8;
}
#navlistCom {
	background-image: url(../images/master/hpnav_commercial.jpg);
	background-repeat: no-repeat;
}
#navlistRes {
	background-image: url(../images/master/hpnav_residential.jpg);
	background-repeat: no-repeat;
}
/*
#navlistCom:hover {
	background-image: url(../images/master/hpnav_commercial_glow.jpg);
	background-repeat: no-repeat;
}
#navlistRes:hover{
	background-image: url(../images/master/hpnav_residential_glow.jpg);
	background-repeat: no-repeat;
}
*/
ul li a#navlistComP {
	margin-left:141px;
}
ul li a#navlistResP {
	margin-left:129px;
}
/*hp mainnav*/
#navcontainer2 ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	font-family: Arial;
	font-size: 16px;
	width:800px;
	float:left;
	background-image: url(../images/master/nav_shade.jpg);
	background-repeat: no-repeat;
}
#navcontainer2 ul li {
	display: inline;
	float:left;
	padding:0px;
	margin:0px;
	height: 30px;
	padding-top:60px;
}
#navcontainer2 ul li:hover {
	border-bottom:1px solid #CCCCCC;
	height:29px;
}
#navcontainer2 ul li a {
	text-decoration: none;
	padding: 0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7F7B71;
}
#navcontainer2 ul li a:hover {
	color: #333;
}
#navcontainer2 #navlistAbout {
	margin-left:55px;
}
#navcontainer2 #navlistContact {
	margin-left:47px;
}
#navcontainer2 li#navlistGallery {
	margin-left:387px;
}
ul li a#navlistAboutP {
	padding-left:0px;
}
ul li a#navlistContactP {
	padding-left:0px;
}
ul li a#navlistGalleryP {
	padding-left:0px;
}
/* HP cols*/
.hpCols {
	width:755px;
	float:left;
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#332E20;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding-top:0px;
	padding-bottom:50px;
}
.hpCols a {
	color:#99CC00;
	font-size:11px;
	font-weight:bold;
}
.hpLFcol {
	width:400px;
	float:left;
}
.hpRTcol {
	width:330px;
	float:left;
	margin-left:20px;
}
.hpLFcol2 {
	width:150px;
	float:left;
	margin-top:55px;
}
.hpMIDcol{
width:345px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	}
.hpRTcol2 {
margin-top:55px;
	width:240px;
	float:left;
}

.pTop {
	margin-top:0px;
	padding-top:0px
}
.hpCols h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006B7E;
	margin-bottom:0px;
	padding-bottom:0px;
}



/*FOOTER NAV*/
ul#navlistFooter {
	margin:0px;
	padding:0px;
	padding-bottom:20px;
}
#navlistFooter li {
	display: inline;
	list-style-type: none;
}
#navlistFooter a {
	padding: 3px 10px;
	font-size:11px;
	color:#B7D2D5;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#navlistFooter a:link, #navlistFooter a:visited {
	color:#B7D2D5;
	text-decoration: none;
}
#navlistFooter a:hover {
	color: #93A8AA;
	text-decoration: none;
}
.imgBKGD {
	padding:8px;
	background-color: #333333;
}
.imgBKGD2 {
	padding:8px;
	padding-bottom:30px;
	background-color: #333333;
	color:#CCCCCC;
	
	text-align:right;
}
.imgBKGD2 a {color:#CCCCCC;font-weight:normal;
font-size:14px;}
.imgBKGD2 a:hover{color:#fff;}
.quotes {
	color:#999966;
	font-size:14px;
	line-height: 24px;
	letter-spacing: .15em;
}
.quotesBy {
	font-size:10px;
	float:right;
	font-weight:bold;
}
/*secondary pages mainnav*/
#navcontainerSec ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	font-family: Arial;
	font-size: 16px;
	width:800px;
	float:left;
	background-image: url(../images/master/nav_shade.jpg);
	background-repeat: no-repeat;
}
#navcontainerSec ul li {
	display: inline;
	float:left;
	padding:0px;
	padding-top:60px;
	padding-bottom:0px;height:30px;
}
#navcontainerSec ul li:hover {
	border-bottom:1px solid #CCCCCC;
	height:29px;
}
#navcontainerSec ul li a {
	text-decoration: none;
	padding: 0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7F7B71;
}
#navcontainerSec ul li a:hover {
	color: #333;
}
#navcontainerSec #navlistHome {
	margin-left:55px;
}
#navcontainerSec li#navlistComSec {
	margin-left:55px;width:115px;text-align:right;background-image: url(../images/master/icon_com.jpg);
	background-repeat: no-repeat;
	background-position: 1px 47px;padding-right:1px;
}
#navcontainerSec li#navlistResSec {
	margin-left:55px;width:115px;text-align:right;background-image: url(../images/master/icon_res.jpg);
	background-repeat: no-repeat;
	background-position: 1px 55px;padding-right:1px;
}
#navcontainerSec #navlistAboutSec {
	margin-left:55px;
}
#navcontainerSec #navlistContactSec {
	margin-left:55px;
}

ul li a#navlistHomeP {
	padding-left:0px;
}
ul li a#navlistComSecP {
	padding-left:0px;
	
}
ul li a#navlistResSecP {
	padding-left:0px;
}
ul li a#navlistAboutSecP {
	padding-left:0px;
}
ul li a#navlistContactSecP {
	padding-left:0px;
}

/* LEFT NAV*/
.hpLFcol2 ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	color:#433C2A;
	
	}
.hpLFcol2 ul li a {
	color:#433C2A;
	text-decoration: none;
	}
.hpLFcol2 ul li a:hover {
	color:#99CC00;
	}	
	
ul.subnav li a{
	font-weight:normal;
	color:#433C2A;
	padding-left:10px;
	text-decoration: none;
}

ul.subnav li a:hover {
	color:#99CC00;
}

ul li#navCommercialHome a{color:#999;}
ul li#navResidentialHome a{color:#999;}
ul li#navCommercialHome a:hover{color:#666;}
ul li#navResidentialHome a:hover{color:#666;}
#navResidentialHome{margin-bottom:20px;color:#999;}

.hpMIDcolGallery{
width:580px;
	float:left;
	padding-left:10px;
	padding-right:10px;}
	
#top {margin-bottom:15px;}
.hpMIDcolGallery h2 a{color:#333;font-size:18px;}
.hpMIDcolGallery img {border: 2px solid #99cc00;}


/*Secondary Page SIDE Gallery*/
.hpRTcol2Split {
margin-top:65px;
	width:240px;
	float:left;
background-color: #666;
padding-bottom:10px;
}
.galImgLF{margin-left:0px;padding-left:10px;padding-top:10px;float:left;width:110px;height:110px;}
.galImgRT{margin-left:0px;padding-left:10px;padding-top:10px;float:left;width:110px;height:110px;}

/*Secondary Page Gallery NAV*/
.galBox {margin-right:4px;margin-bottom:20px;float:left;height:200px;background-color:#CDC8B8;}
a {text-decoration:none; color:#99CC00;}
a:hover {color:#7E7A71;}
.hpMIDcolGallery h1{font-size:22px;margin-bottom:20px;font-weight:normal;}
.hpMIDcolGallery h2{padding-bottom:0px;margin-bottom:0px;}
.hpMIDcolGallery p{padding-top:0px;margin-top:0px;}


.hpMIDcolGallery a {text-decoration:none;}

.hpMIDcolGallery h2 a{margin-left:10px;font-size:14px;padding-bottom:0px;margin-bottom:0px;border-bottom:1px #433C2A dotted;font-weight:normal;}
.hpMIDcolGallery h2 a:hover {color:#7E7A71;}
.hpMIDcolGallery p a{color:#7E7A71;margin-left:10px;font-size:10px;padding-top:0px;margin-top:0px;font-weight:bold;}
.hpMIDcolGallery p a:hover{border-bottom:1px #7E7A71 dotted;}

/*SOCIAL*/
#social {font-size:11px;color:#000;float:left;margin-left:687px;}
#socialLF{float:left;margin-top:3px;margin-right:5px;}
#socialRT {float:left;}
#social img {border: 0px;}