/* Meyer Resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, b {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* structure */

body {
	background: #883311 url(images/bg.jpg) top left repeat-x;
	color: #333;
	text-align: left;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	}

#wrap {
	width: 950px;
	margin: 0px auto;
	} 

#header {
	height: 32px;
	}
	
#content {
	height: 100%; width: 100%;
	}	
	
#nav {
	width: 222px;
	float: left;
	}

#column-main {
	width: 728px;
	float: right;
	}

#column-header {
	height: 191px;
	margin: 11px 22px 17px 0;
	}
	
#column-spacing {
	height: 20px;
	}

#column-narrow {
	width: 500px;
	float: left;
	padding-bottom: 30px;
	margin-bottom: 20px;
	}
	
#column-wide {
	width: 560px;
	float: left;
	padding-bottom: 30px;
	margin-bottom: 20px;
	}	

#column-callout	{
	width: 228px;
	float: left;
	}
		
#footer {
	clear: both;
	height: 95px;
	text-align: center;
	} 



/* company overview styling */

body#company #header {
	background: transparent url(images/bg-hdr-company.gif) top left no-repeat;
	}
	
body#company #content {
	background: #FFD url(images/bg-sidebar-company.gif) top right repeat-y;
	}	
	
body#company #column-header {
	background: transparent url(images/bg-anim-company.gif) top right no-repeat;
	}

body#company #footer {
	background: transparent url(images/bg-ftr-company.gif) top left no-repeat;
	} 
	
body#company div.colnarrowrule {
	background: url(images/bg-column-narrow-company.gif) left bottom no-repeat;
	}
	
body#company div.colwiderule {
	background: url(images/bg-column-wide-company.gif) left bottom no-repeat;
	}	
	
	
body#company #column-narrow a:link,
body#company #column-wide a:link,
body#company #footer a:link {
	color: #963; 
	text-decoration: none;
	}
	
body#company #column-narrow a:visited,
body#company #column-wide a:visited,
body#company #footer a:visited {
	color: #963; 
	text-decoration: none; 
	}
	
body#company #column-narrow a:hover,
body#company #column-wide a:hover,
body#company #footer a:hover {
	color: #C93; 
	text-decoration: underline; 
	}

body#company h1, 
body#company h2,
body#company h3 {
	color: #630;
	}
	
	
#div-custom h2 a,
#div-service h2 a,
#div-maint h2 a {
	display: block;
	position: relative;
	width: 526px;
	height: 43px;
	padding: 0;
	margin: 0;
	}

	
#div-custom h2 a {
	background: url(images/bg-div-h2-custom.jpg) left bottom no-repeat;
	}

#div-custom h2 a:hover {
	background: url(images/bg-div-h2-custom.jpg) left top no-repeat;
	}

#div-custom {
	color: #ffd;
	width: 526px;
	margin: 15px 0 20px 0;
	background: #930 url(images/bg-div-custom.gif) left bottom no-repeat;
	}


#div-service h2 a {
	background: url(images/bg-div-h2-service.jpg) left bottom no-repeat;
	}
	
#div-service h2 a:hover {
	background: url(images/bg-div-h2-service.jpg) left top no-repeat;
	}

#div-service {
	color: #ffd;
	width: 526px;
	margin: 0 0 20px 0;
	background: #363 url(images/bg-div-service.gif) left bottom no-repeat;
	}


#div-maint h2 a {
	background: url(images/bg-div-h2-maint.jpg) left bottom no-repeat;
	}
	
#div-maint h2 a:hover {
	background: url(images/bg-div-h2-maint.jpg) left top no-repeat;
	}

#div-maint {
	color: #ffd;
	width: 526px;
	margin: 0 0 20px 0;
	background: #057 url(images/bg-div-maint.gif) left bottom no-repeat;
	}
	
	
	
body#company #div-custom p,
body#company #div-service p,
body#company #div-maint p {
	padding: 0px 5px 10px 27px;
	}


body#company #div-custom p a:link,
body#company #div-custom p a:visited {
	color: #FC9;
	}
	
body#company #div-custom p a:hover {
	color: #F93;
	}
	

body#company #div-service p a:link,
body#company #div-service p a:visited {
	color: #9C6;
	}
	
body#company #div-service p a:hover {
	color: #693;
	}
	
	
body#company #div-maint p a:link,
body#company #div-maint p a:visited {
	color: #6CC;
	}
	
body#company #div-maint p a:hover {
	color: #699;
	}	
	

#div-custom h2 span, 
#div-service h2 span,
#div-maint h2 span
	{
    display: block;
    position: absolute;
    top: -10000px;
    left: -10000px;
    font-size: 1px;
    }


#co-company-mfs  a {
	display: block;
	position: relative;
	width: 206px;
	height: 105px;
	margin-bottom: 20px;
	padding: 0;
	background: url(images/co-company-mfs.gif) left top no-repeat;
	}


#co-company-mfs span {
    display: block;
    position: absolute;
    top: -10000px;
    left: -10000px;
    font-size: 1px;
    }
    

body#company.pghome div.mainnav {
	margin-bottom: 0px;
	}



body#company.pghome div#divisions {
	height: 42px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background: url(images/bg-nav-divisions.gif) top left no-repeat;
	}

body#company.pgabout div#column-narrow ul, 
body#company.pgabout div#column-wide ul {
	list-style: disc;
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 8px 14px;
	}
	
body#company.pgabout div#column-narrow ul li,
body#company.pgabout div#column-wide ul li {
	padding: 0 0 5px 0;
	}



body#company.pgemp div.entry {
	margin-top: 15px;
	}




/* company overview - landscape portfolio page */
.video { margin: 15px 0; }


/* company overview - testimonial page */

div.colwideruletestmn {
	height: 30px;
	width: 491px;
	background: url(images/bg-column-wide-co-testimn.gif) left bottom no-repeat;
	margin-bottom: 0px;
	}	
	
body#company.pgtestimonials div#column-main p
	{
	padding: 0px 5px 10px 27px;
	padding: 0px;
	margin-top: 6px;
	margin-bottom: 4px;
	}	

body#company.pgtestimonials i {
	color: #630;
	display: block;
	padding-top: 6px;
	}

/* custom division styling */

body#custom #header {
	background: transparent url(images/bg-hdr-custom.gif) top left no-repeat;
	}
	
body#custom #content {
	background: #FFD url(images/bg-sidebar-custom.gif) top right repeat-y;
	}	
	
body#custom #column-header {
	background: transparent url(images/bg-anim-custom.gif) top right no-repeat;
	}

body#custom #footer {
	background: transparent url(images/bg-ftr-custom.gif) top left no-repeat;
	} 
	
body#custom div.colnarrowrule {
	background: url(images/bg-column-narrow-custom.gif) left bottom no-repeat;
	}
	
body#custom div.colwiderule {
	background: url(images/bg-column-wide-custom.gif) left bottom no-repeat;
	}	


body#custom.pglanddesign #column-header {
	background: transparent url(images/bg-hdr-custom-pglanddesign.jpg) top right no-repeat;
	}	
	
body#custom.pgcustomland #column-header {
	background: transparent url(images/bg-hdr-custom-pgcustomland.jpg) top right no-repeat;
	}
	
body#custom.pghardscape #column-header {
	background: transparent url(images/bg-hdr-custom-pghardscape.jpg) top right no-repeat;
	}
	
body#custom.pgwaterfeatures #column-header {
	background: transparent url(images/bg-hdr-custom-pgwaterfeatures.jpg) top right no-repeat;
	}	

	
body#custom #column-narrow a:link,
body#custom #column-wide a:link,
body#custom #footer a:link {
	color: #C30; 
	text-decoration: none;
	}
	
body#custom #column-narrow a:visited,
body#custom #column-wide a:visited,
body#custom #footer a:visited {
	color: #C30; 
	text-decoration: none; 
	}
	
body#custom #column-narrow a:hover,
body#custom #column-wide a:hover,
body#custom #footer a:hover {
	color: #E52; 
	text-decoration: underline; 
	}

body#custom h1, 
body#custom h2,
body#custom h3,
body#custom ul.faqnav {
	color: #930;
	}

#co-custom-quote  a {
	display: block;
	position: relative;
	width: 206px;
	height: 195px;
	margin-bottom: 20px;
	padding: 0;
	background: url(images/co-custom-quote.gif) left top no-repeat;
	}
	
#co-custom-process  a {
	display: block;
	position: relative;
	width: 206px;
	height: 147px;
	margin-bottom: 20px;
	padding: 0;
	background: url(images/co-custom-process.gif) left top no-repeat;
	}
	
#co-custom-mfs  a {
	display: block;
	position: relative;
	width: 206px;
	height: 105px;
	margin-bottom: 20px;
	padding: 0;
	background: url(images/co-custom-mfs.gif) left top no-repeat;
	}


#co-custom-quote span,
#co-custom-process span,
#co-custom-mfs span {
    display: block;
    position: absolute;
    top: -10000px;
    left: -10000px;
    font-size: 1px;
    }
    



/* service division styling */


body#service #header {
	background: transparent url(images/bg-hdr-service.gif) top left no-repeat;
	}
	
body#service #content {
	background: #FFD url(images/bg-sidebar-service.gif) top right repeat-y;
	}	
	
body#service #column-header {
	background: transparent url(images/bg-anim-service.gif) top right no-repeat;
	}

body#service #footer {
	background: transparent url(images/bg-ftr-service.gif) top left no-repeat;
	} 

body#service div.colnarrowrule {
	background: url(images/bg-column-narrow-service.gif) left bottom no-repeat;
	}
	
body#service div.colwiderule {
	background: url(images/bg-column-wide-service.gif) left bottom no-repeat;
	}	
	
body#service #column-narrow a:link,
body#service #column-wide a:link,
body#service #footer a:link {
	color: #360; 
	text-decoration: none;
	}
	
body#service #column-narrow a:visited,
body#service #column-wide a:visited,
body#service #footer a:visited {
	color: #360; 
	text-decoration: none; 
	}
	
body#service #column-narrow a:hover,
body#service #column-wide a:hover,
body#service #footer a:hover {
	color: #693; 
	text-decoration: underline; 
	}

body#service h1, 
body#service h2,
body#service h3,
body#service ul.faqnav {
	color: #363;
	}

#co-service-quote  a {
	display: block;
	position: relative;
	width: 206px;
	height: 195px;
	margin-bottom: 20px;
	padding: 0;
	background: url(images/co-service-quote.gif) left top no-repeat;
	}

#co-service-mfs  a {
	display: block;
	position: relative;
	width: 206px;
	height: 105px;
	margin-bottom: 20px;
	padding: 0;
	background: url(images/co-service-mfs.gif) left top no-repeat;
	}


#co-service-quote span,
#co-service-mfs span {
    display: block;
    position: absolute;
    top: -10000px;
    left: -10000px;
    font-size: 1px;
    }





/* maintenance division styling */


body#maint #header {
	background: transparent url(images/bg-hdr-maint.gif) top left no-repeat;
	}
	
body#maint #content {
	background: #FFD url(images/bg-sidebar-maint.gif) top right repeat-y;
	}	
	
body#maint #column-header {
	background: transparent url(images/bg-anim-maint.gif) top right no-repeat;
	}

body#maint #footer {
	background: transparent url(images/bg-ftr-maint.gif) top left no-repeat;
	} 

body#maint div.colnarrowrule {
	background: url(images/bg-column-narrow-maint.gif) left bottom no-repeat;
	}
	
body#maint div.colwiderule {
	background: url(images/bg-column-wide-maint.gif) left bottom no-repeat;
	}
	
body#maint #column-narrow a:link,
body#maint #column-wide a:link,
body#maint #footer a:link {
	color: #08A; 
	text-decoration: none;
	}
	
body#maint #column-narrow a:visited,
body#maint #column-wide a:visited,
body#maint #footer a:visited {
	color: #08A; 
	text-decoration: none; 
	}
	
body#maint #column-narrow a:hover,
body#maint #column-wide a:hover,
body#maint #footer a:hover {
	color: #2AC; 
	text-decoration: underline; 
	}

body#maint h1, 
body#maint h2,
body#maint h3,
body#maint ul.faqnav {
	color: #057;
	}

#co-maint-quote  a {
	display: block;
	position: relative;
	width: 206px;
	height: 230px;
	margin-bottom: 20px;
	padding: 0;
	background: url(images/co-maint-quote.gif) left top no-repeat;
	}

#co-maint-mfs  a {
	display: block;
	position: relative;
	width: 206px;
	height: 105px;
	margin-bottom: 20px;
	padding: 0;
	background: url(images/co-maint-mfs.gif) left top no-repeat;
	}


#co-maint-quote span,
#co-maint-mfs span {
    display: block;
    position: absolute;
    top: -10000px;
    left: -10000px;
    font-size: 1px;
    }




	
/* nav styling */	
	
#logo {
	position: relative;
	top: -20px;
	margin-left: 16px;
	}

div.mainnav {
	padding-top: 20px;
	background: transparent url(images/bg-nav-mainnav.gif) top left no-repeat;
	margin-bottom: 40px;
	}
	
	
div#nav li a:link, 
div#nav li a:visited {
	color: #850; 
	text-decoration: none; 
	background: #ffd url(images/bg-nav-menu.gif) top right no-repeat;
	}
	
div#nav li a:hover {
	color: #A40; 
	text-decoration: underline;
	}

body.pghome div#nav div.mainnav li.navhome a,
body.pgcontact div#nav div.mainnav li.navcontact a,
body.pgfaqs div#nav div.mainnav li.navfaqs a,
body.pgshrubstrees div#nav div.mainnav li.navshrubstrees a,
body.pggrass div#nav div.mainnav li.navgrass a,
body.pgirrigation div#nav div.mainnav li.navirrigation a,
body.pgfirefuel div#nav div.mainnav li.navfirefuel a,
body.pgcustomland div#nav div.mainnav li.navcustomland a,
body.pgwaterfeatures div#nav div.mainnav li.navwaterfeatures a,
body.pgprocess div#nav div.mainnav li.navprocess a,
body.pglanddesign div#nav div.mainnav li.navlanddesign a,
body.pghardscape div#nav div.mainnav li.navhardscape a,
body.pgtestimonials div#nav div.mainnav li.natestimonials a,
body.pgemployment div#nav div.mainnav li.navemployment a,
body.pgabout div#nav div.mainnav li.navabout a,
body.pgresidential div#nav div.mainnav li.navresidential a,
body.pgcommercial div#nav div.mainnav li.navcommercial a,
body.pgestmng div#nav div.mainnav li.navestmng a,
body.pgemp div#nav div.mainnav li.navemp a,
body.pgtestimonials div#nav div.mainnav li.navtestimonials a,
body.pgportfolio div#nav div.mainnav li.navportfolio a
	{
	color: #FFD;
	text-decoration: none;
	background: #960 url(images/bg-nav-menu.gif) bottom right no-repeat;
	}



div#nav ul {
	list-style: none;
	width: 206px;
	}

div#nav ul li {
	font-size: 13px;
	width: 206px;
	}
	
div#nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 3px 4px 4px 12px;
	}	

div#nav div.mainnav ul li.treenode,
div#nav div.mainnav ul li.treenodeopen {
	width: 192px;
	}

div#nav div.mainnav ul li.treenode a,
div#nav div.mainnav ul li.treenodeopen a {
	margin-left: 10px;
	padding: 3px 4px 4px 16px;
	}	

div#nav div.mainnav ul li.treenode a,
div#nav div.mainnav ul li.treenodeopen a.treeclosed
 	{
	background: transparent url(images/bg-nav-cathdr-icon.gif) 0 50% no-repeat;
	}

div#nav div.mainnav ul li.treenodeopen a,
div#nav div.mainnav ul li.treenode a.treeopen
	{
	background: transparent url(images/bg-nav-cathdr-icon-open.gif) 0 50% no-repeat;
	}


#nav div.mainnav ul li.treenode ul li,
#nav div.mainnav ul li.treenodeopen ul li {
	width: 192px;
	}

#nav div.mainnav ul li.treenode ul li a,
#nav div.mainnav ul li.treenodeopen ul li a {
	background-image: none;
	margin: 0px;
	padding: 3px 4px 4px 26px;
	width: 100%;
	}


div#divisions {
	margin-bottom: 20px;
	padding-bottom: 42px;
	background: url(images/bg-nav-divisions.gif) bottom left no-repeat;
	}

div#divisions h3 {
	font-size: 18px;
	color: #663;
	padding: 3px 4px 4px 12px;
	margin-bottom: 5px;
	border: 1px #BBB solid;
	border-left: none;
	background: url(images/bg-nav-divisions-h3.gif) center right no-repeat;
	}

#icons { margin: 0 0 40px 0; }
.pghome #icons { margin: 20px 0 40px 0; }

/* column-narrow styling */

div.pad-one {
	padding-left: 35px;
	padding-right: 35px;
	}


div.colnarrowrule {
	height: 30px;
	width: 430px;
	}
	
	

/* column-wide styling */

div.pad-two {
	padding-left: 34px;
	padding-right: 35px;
	}
	
div.pad-three {
	padding-left: 27px;
	}	
	
div.colwiderule {
	height: 30px;
	width: 491px;
	}	
	


/* Forms */


form label,
form select {
	font-size: 11px; 
	}
	

form div.entry label {
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 10px;
	}

div.entry div {
	clear: left;
	margin-bottom: 15px;
	}

div.entry {
	margin-bottom: 25px;
	}
	
form h3 {
	margin-top: 20px;
	}

form p {
	margin-bottom: 20px;
	}
	
div.formbutton {
	margin: 30px 0 10px 0;
	text-align: center;
	}

div.formbutton input {
	margin: 5px;
	}


/* Footer */

#footer p {
	padding: 60px 168px 0 0;
	}

/* FAQ */

ul.faqnav {
	list-style-type: disc;
	margin-left: 15px; 
	font-size: 13px;
	font-weight: bold;
	}
	
ul.faqnav li {
	margin-bottom: 10px;
	}


/* General */	

h1, h2, h3 {
	font-family: georgia, serif;
	}

	
h1 {
	font-size: 20px;
	margin-bottom: 12px;
	}	
	
h2 {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 6px;
	}	
	
h3 {
	font-size: 14px;
	margin-bottom: 4px;
	}	
	
p {
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 8px;
	}	
	
strong {
	font-weight: bold;
	}


.hide {
	position: absolute;
	display: block;
	top: -10000px;
	left: -10000px;
	font-size: 1px;
}

.clear {
	clear: both;
	}
	

ul {
	list-style: none;
	}	
	

	
.copyedit {
	color: red;
	}
	
.notes {
	color: green;
	}