body {
	background: #263231 url(images/bg.gif) repeat left top;
	margin: 0;
	padding: 40px 0 40px 0;
	color: #30312d;
	font-family: verdana;
	font-size: 11px;
	text-align: center;
}

table, td {
	color: #30312d;
	font-family: verdana;
	font-size: 11px;
}

p {
	margin: 0 0 15px 0;
	line-height : 18px;
}

a:link, a:active, a:visited {
	color: blue;
	text-decoration: none;
	border: none;
}

a:hover {
	color: #afe9e1;
}

a.thumb:link img, a.thumb:active img, a.thumb:visited img {
	border: 1px solid #ffffff;
	margin: 0 0 3px 1px;
}

a.thumb:hover img {
	border: 1px solid #30312d;
	margin: 0 0 3px 1px;
}

a.close:link, a.close:active, a.close:visited {
	color: #7ba29d;
}

a.close:hover {
	color: #afe9e1;
}

#container {
	width: 1024px;
	position: relative;
	text-align: justify;
	padding: 0;
	margin: 0 auto;
}


#header {
	padding-top: 4px;
	border-top: 1px solid #5d7572;
	border-bottom: 1px solid #b9cfcc;
}

#headerContent {
	background: #5d7572 url(images/logo.gif) no-repeat left top;
	height: 109px;
	padding-left: 222px;
}

#mainNav {
	float: left;
	width: 133px;
}

#quote {
	float: right;
	width: 505px;
}

#mainContent {
	padding: 0;
	margin: 0;
	background-color: #afbdbb;
	overflow: auto;
	height: 635px;
}

#mainContent #left {
	float: left;
	width: 426px;
}

#mainContent #left #gardenDescription {
	margin: 15px 0 0 0;
	color: #30312d;
	width: 200px;
	text-align: left;
}

#mainContent #left #gardenDescription h2  {
	font-weight: bold;
	margin: 0 0 5px;
	font-size: 11px;
	color: #fff;
}

#mainContent #left ul {
	float: left;
	width: 175px;
	list-style: none;
	margin: 100px 25px 0 0;
	padding: 0;
}

#mainContent #left ul li {
	text-align: left;
	padding: 0 0 7px 40px;
}

#mainContent #left ul li a:link, #mainContent #left ul li a:active, #mainContent #left ul li a:visited {
	display: block;
	padding: 0 0 5px 20px;
	margin: 0;
	color: #fff;
}

#mainContent #left ul li a:hover, #mainContent #left ul li a.selected:link, #mainContent #left ul li a.selected:active,
#mainContent #left ul li a.selected:visited, #mainContent #left ul li a.selected:hover {
	color: #212c2b;
	background: transparent url(images/flower.gif) no-repeat 0 2px;
}

#mainContent .border {
	border: 1px solid #ffffff;
}

#mainContent #right {
	float: left;
	width: 557px;
	padding: 29px 0 0 0;
}

#mainContent #right #title {
	margin-bottom: 30px;
}

#mainContent #right h1 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 24px;
	letter-spacing: 1px;
	text-align: left;
}

#mainContent #right .subTitle, #mainContent #right h2  {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 11px;
}
/* PPC Landing Page New Styles */

#mainContent #right .subTitleppclandingpages {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 14px;
}

h1.ppc {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

/* End PPC Landing Page New Styles */

a.page:link, a.page:active, a.page:visited {
	color: #ffffff;
	text-decoration: none;
	border: none;
}

a.page:hover {
	color: #8e1f07;
}

.page {
	color: #393a37;
}

#footer {
	margin: 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #5d7572;
}

#footerContent {
	padding-top: 7px;
	background-color: #5d7572;
	color: #0f2321;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	height: 35px;
}

#footerContent a:link, #footerContent a:active, #footerContent a:visited  {
	color: #0f2321;
}

#footerContent a:hover  {
	color: #aae1da;
}

.clear{
  clear: both;
  height: 1px;
  overflow: hidden;
  line-height: 1%;
  font-size: 0px;
  font-size: 0px;
  margin-bottom: -1px;
}
/* \*/* html .clear{height:auto;margin-bottom:0} /*** a fix for IE Win ***/

#subNav {float: left;width: 150px; margin: 30px 0 0 -12px;}

ul#aboutSubNav {padding: 0;margin: 0;width: 125px;height: 52px;}
ul#aboutSubNav li {display: block;}
ul#aboutSubNav li a {display: block;outline: none;height: 13px;background: transparent url(images/b_aboutSubNav.gif) no-repeat 0 0;text-indent: -9009px;margin: 0;}

ul#aboutSubNav li#team a {height:13px;background-position:0 0;}
ul#aboutSubNav li#team a:hover {background-position:-125px 0}
#TeamPage ul#aboutSubNav li#team a, #TeamPage ul#aboutSubNav li#team a:hover {background-position:-125px 0}

ul#aboutSubNav li#testimonials a {height:16px;background-position:0 -13px;}
ul#aboutSubNav li#testimonials a:hover {background-position:-125px -13px}
#TestimonialsPage ul#aboutSubNav li#testimonials a, #Testimonials ul#aboutSubNav li#testimonials a:hover {background-position:-125px -13px}

ul#aboutSubNav li#recognitions a {height:22px;background-position:0 -30px;}
ul#aboutSubNav li#recognitions a:hover {background-position:-125px -30px}
#RecognitionsPage ul#aboutSubNav li#recognitions a, #RecognitionsPage ul#aboutSubNav li#recognitions a:hover {background-position:-125px -30px}

ul#servicesSubNav {padding: 0;margin: 0;width: 77px;height: 30px;}
ul#servicesSubNav li {display: block;}
ul#servicesSubNav li a {display: block;outline: none;height: 13px;background: transparent url(images/b_servicesSubNav.gif) no-repeat 0 0;text-indent: -9009px;margin: 0;}

ul#servicesSubNav li#design a {height:17px;background-position:0 0;}
ul#servicesSubNav li#design a:hover {background-position:-77px 0}
#DesignPage ul#servicesSubNav li#design a, #DesignPage ul#servicesSubNav li#design a:hover {background-position:-77px 0}

ul#servicesSubNav li#build a {height:16px;background-position:0 -17px;}
ul#servicesSubNav li#build a:hover {background-position:-77px -17px}
#BuildPage ul#servicesSubNav li#build a, #BuildPage ul#servicesSubNav li#build a:hover {background-position:-77px -17px}

ul#servicesSubNav li#maintain a {height:14px;background-position:0 -33px;}
ul#servicesSubNav li#maintain a:hover {background-position:-77px -33px}
#MaintainPage ul#servicesSubNav li#maintain a, #MaintainPage ul#servicesSubNav li#maintain a:hover {background-position:-77px -33px}

ul#gardenSubNav {padding: 0;margin: 0;width: 96px;height: 48px;}
ul#gardenSubNav li {display: block;}
ul#gardenSubNav li a {display: block;outline: none;height: 13px;background: transparent url(images/b_gardenSubNav.gif) no-repeat 0 0;text-indent: -9009px;margin: 0;}

ul#gardenSubNav li#private a {height:15px;background-position:0 0;}
ul#gardenSubNav li#private a:hover {background-position:-96px 0}
#PrivatePage ul#gardenSubNav li#private a, #PrivatePage ul#gardenSubNav li#private a:hover {background-position:-96px 0}

ul#gardenSubNav li#commercial a {height:16px;background-position:0 -15px;}
ul#gardenSubNav li#commercial a:hover {background-position:-96px -15px}
#CommercialPage ul#gardenSubNav li#commercial a, #CommercialPage ul#gardenSubNav li#commercial a:hover {background-position:-96px -15px}

ul#gardenSubNav li#sketches a {height:17px;background-position:0 -31px;}
ul#gardenSubNav li#sketches a:hover {background-position:-96px -31px}
#SketchesPage ul#gardenSubNav li#sketches a, #SketchesPage ul#gardenSubNav li#sketches a:hover {background-position:-96px -31px}

#TeamPage #title, #RecognitionsPage #title {margin: 29px 0 30px 0; padding-left: 426px;}
#TeamPage .left, #RecognitionsPage .left {float: left;text-align: right;width: 426px;}
#TeamPage .left img, #RecognitionsPage .left img {margin-right: 30px; border: 1px solid #ffffff;}
#TeamPage .right, #RecognitionsPage .right {float: left; width: 460px;}
#TeamPage .teamMember, #RecognitionsPage .teamMember {float: left; padding-bottom: 25px;}

<!-- Added by Lenny on 06/24/2014 to create 3 blocks on front page -->

#block {
	width: 1024px;
	padding: 0 0 0 0;
}

#block a:link, a:active, a:visited {
	color: blue;
	text-decoration: none;
	border: none;
}

#block a:hover {
	color: #afe9e1;
}

#leftblock {
	color: white;
	text-align: center;
	border: 0px solid white;
	height: 160px;
	width: 325px;
	background-image: url(images/bg2.gif);
	float: left;
}

#centerblock {
	color: white;
	text-align: center;
	border: 0px solid white;
	height: 160px;
	width: 325px;
	background-image: url(images/bg2.gif);
	float: center;
	margin:0 auto;
	display: block;
}

#rightblock {
	color: white;
	text-align: center;
	border: 0px solid white;
	height: 160px;
	width: 325px;
	background-image: url(images/bg2.gif);
	float: right;

}

#blockclear {
	clear: both;
}

.blocktitle {
	font-size: 20px;
}

#footer1 {
	margin-top: 14px;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #5d7572;
}

#footerContent1 {

	padding-top: 7px;
	background-color: #5d7572;
	color: #0f2321;
	text-align: center;
	font-size: 8px;
	font-weight: bold;
	height: 50px;
}

#footerContent1 a:link, #footerContent1 a:active, #footerContent1 a:visited  {
	color: #0f2321;
}

#footerContent1 a:hover  {
	color: #aae1da;
}



#footer2 {
	margin-top: 14px;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #5d7572;
}

#footerContent2 {

	padding-top: 7px;
	background-color: #5d7572;
	color: #0f2321;
	text-align: center;
	font-size: 8px;
	font-weight: bold;
	height: 30px;
}

#footerContent2 a:link, #footerContent2 a:active, #footerContent2 a:visited  {
	color: #0f2321;
}

#footerContent2 a:hover  {
	color: #aae1da;
}


#slogan {
	padding-top: 2px;
	background-color: #5d757s;
	font-size: 20px;
	color: #0f2321;
	text-align: center;
	font-weight: italic ;
	height: 40px;
	<!--	background-color: #5d7572;  -->
}

<!-- end of create 3 blocks on front page -->


ul#servicesSubNav li#LivingRoofs a {height:17px;background-position:0 0;}
ul#servicesSubNav li#LivingRoofs a:hover {background-position:-77px 0}
#DesignPage ul#servicesSubNav li#LivingRoofs a, #DesignPage ul#servicesSubNav li#LivingRoofs a:hover {background-position:-77px 0}