﻿/* CSS layout */

body {

	margin: 10px 0px 10px 0px;

	padding: 0;

	background-color: #80715A;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;

}
.photo-right { margin:0 0 10px 20px; float:right;}
.photo-left { margin: 0 15px 10px 0 ; float:left;}
.border {border:4px solid #000;}
#wrapper {

	margin: 0px auto 0px auto;

	background-color: #534B37;

	width: 960px;
	position:relative;
}

#pwrapper {

	margin: 0px auto;

	background-color: #000000;

	width: 960px;

}

#masthead {

	padding: 0px;
	margin: 0px;
	background-color: #EFEEE1;
	height: 140px;
	position:relative;
}
#masthead #mike {

	right: 0px;
	top: 0px;
	height: 140px;
	width:128px;
	position:absolute;
	border:0px;
	margin:0;
	padding:0;
	background-color:transparent;
}
#masthead table {

	background-color: #EFEEE1;

	height: 140px;

	border-spacing: 0px;

	border-collapse: collapse;

}

#masthead img {

	padding: 0px;
	border:0;

	margin: 0px;

}

#masthead a {

	text-decoration: none;

	color: #000000;

}

#logo {

	float: left;

	width: 371px;

}

#nav-bar {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #000000;

	text-align: center;

	float: left;

	width: 452px;

	padding-top: 59px;

}

.mike {

	float: right;

}

.mike img {

	border-width: 0px;

}

#header {

	width: 864px;

	margin-left: 48px;

	margin-right: 48px;

	margin-top: 20px;

}

#header img {

	float: left;

}

#contact_form {

	width: 864px;

	margin-left: 48px;

	margin-right: 48px;

	margin-top: 20px;

}

#contact_form a {

	color: #94C800;

}

.contact_col {

	padding: 20px;

	border: thin solid #58A618;

	margin-top: 20px;

}

#srvheader {

	width: 864px;

	margin-left: 48px;

	margin-right: 48px;

}

#srvheader img {

	float: right;

	padding-left: 10px;

}

#header p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	color: #FFFFFF;

	text-align: left;

	margin-left: 10px;

	margin-right: 10px;

	vertical-align: top;

}

#header ul li {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	color: #FFFFFF;

	text-align: left;

	margin-left: 5px;

	list-style-type: disc;

}

#homenav {

	font-size: 20pt;

	font-family: "Arial Black";

	color: #FFFFFF;

	text-align: center;

	height: 80px;

	font-weight: bold;

	padding-top: 10px;

	padding-bottom: 10px;

}

#home_title {

	font-size: 18pt;

	font-family: "Arial Black";

	color: #FFFFFF;

	text-align: center;

	height: 80px;

	font-weight: bold;

	padding-top: 10px;

	padding-bottom: 10px;

}

#design-nav {

	font-size: 20pt;

	font-family: "Arial Black";

	color: #FFFFFF;

	text-align: center;

	font-weight: bold;

	padding-top: 20px;

	padding-bottom: 10px;

}

#projects {

	font-family: Arial, Helvetica, sans-serif;

	color: #58A618;

	text-align: center;

	height: 170px;

	padding-top: 10px;

	padding-bottom: 10px;

	background-color: #000000;

}

#projects img {

	border-width: 0px;

	margin: 10px 2px;

}

#projects a {

	color: #58A618;

}

#poolpic {

	margin-left: 20px;

	margin-right: 20px;

	padding-top: 10px;

}

#pool-content {

	margin-left: 70px;

	margin-right: 70px;

}

#homepic {

	margin-left: 48px;

	margin-right: 48px;

}

#homepic img {

	border-width: 0px;

}

#homeinfo {

	margin-left: 48px;

	margin-right: 48px;

	margin-top: 20px;

	width: 864px;

}

#homeinfo a {

	color: #94C800;

}

.nav_buttons {

	font: normal 13px Arial, Helvetica, sans-serif;

	padding: 48px 0px 5px 0px;

	text-align: center;

	display: inline;

	float: left;

	width: 459px;

	background-image: url('landscape_design_images/nav-line-prod.jpg');

}

.nav_buttons a {

	padding: 3px 0.5em;

	text-decoration: none;

	color: #FFFFFF;

	background-color: #C0C0C0;

	border: thin solid #C0C0C0;

	margin-top: 10px;

}

.nav_buttons_font {

	color: #FFFFFF;

}

.nav_buttons a:hover, .nav_buttons a.active {

	color: #000000;

	background-color: #FFF2BF;

	border-style: outset;

}

.nav_buttons p {

	margin-bottom: 10px;

}

.nav_space {

	line-height: .2em;

}

.nav_image {

	border-width: 0px;
	border:none;

}

.hicontent {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #FFFFFF;

	text-align: left;

	font-style: normal;

	padding-right: 10px;

	padding-left: 10px;

}

.lhicontent {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #FFFFFF;

	text-align: left;

	font-style: normal;

	padding-left: 10px;

	padding-right: 20px;

}

.rhicontent {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #FFFFFF;

	text-align: left;

	font-style: normal;

	padding-left: 20px;

	padding-right: 10px;

}

.thicontent {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFFFF;

	text-align: center;

	font-style: normal;

	padding-right: 10px;

	padding-left: 10px;

	height: 40px;

}

.tlhicontent {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFFFF;

	text-align: center;

	font-style: normal;

	padding-right: 20px;

	padding-left: 10px;

	height: 40px;

}

.trhicontent {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFFFF;

	text-align: center;

	font-style: normal;

	padding-left: 20px;

	padding-right: 10px;

	height: 40px;

}

.srvhicontent {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #FFFFFF;

	text-align: left;

	font-style: normal;

	padding-right: 10px;

	padding-left: 10px;

	border-right-color: #73A618;

	border-bottom-color: #73A618;

	border-left-color: #73A618;

	border-left-width: thin;

	border-bottom-width: thin;

	border-right-width: thin;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

}

.srvlhicontent {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #FFFFFF;

	text-align: left;

	font-style: normal;

	padding-left: 10px;

	padding-right: 10px;

	border-right-color: #73A618;

	border-bottom-color: #73A618;

	border-left-color: #73A618;

	border-left-width: thin;

	border-bottom-width: thin;

	border-right-width: thin;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	margin-right: 20px;

}

.srvrhicontent {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #FFFFFF;

	text-align: left;

	font-style: normal;

	padding-left: 10px;

	padding-right: 10px;

	border-right-color: #73A618;

	border-bottom-color: #73A618;

	border-left-color: #73A618;

	border-left-width: thin;

	border-bottom-width: thin;

	border-right-width: thin;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

}

.srvthicontent {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFFFF;

	text-align: center;

	font-style: normal;

	padding-right: 10px;

	padding-left: 10px;

	height: 40px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-width: thin;

	border-right-width: thin;

	border-left-width: thin;

	border-top-color: #73A618;

	border-right-color: #73A618;

	border-left-color: #73A618;

	margin-right: 30px;

	margin-left: 30px;

}

.srvtlhicontent {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFFFF;

	text-align: center;

	font-style: normal;

	padding-right: 10px;

	padding-left: 10px;

	height: 40px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-width: thin;

	border-right-width: thin;

	border-left-width: thin;

	border-top-color: #73A618;

	border-right-color: #73A618;

	border-left-color: #73A618;

	margin-right: 10px;

	padding-top: 10px;

	vertical-align: top;

}

.srvtrhicontent {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFFFF;

	text-align: center;

	font-style: normal;

	padding-left: 10px;

	padding-right: 10px;

	height: 40px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-width: thin;

	border-right-width: thin;

	border-left-width: thin;

	border-top-color: #73A618;

	border-right-color: #73A618;

	border-left-color: #73A618;

	margin-left: 10px;

	padding-top: 10px;

	vertical-align: top;

}

#content {

	width: 960px;

	height: auto;

}

#content a {

	color: #58A618;

}

#design_left_col {

	width: 130px;

	float: left;

	padding-top: 0px;

	margin-left: 48px;

}

#left_col {

	width: 130px;

	float: left;

	padding-top: 20px;

	margin-left: 48px;

}

#left_col2 {

	width: 210px;

	float: left;

	padding-top: 40px;

}

#left_col a {

	text-decoration: none;

	color: #58A618;

}

#design_right_col {

	float: right;

	width: 175px;

	padding-top: 5px;

	padding-right: 48px;

}

#right_col {

	float: right;

	width: 175px;

	padding-top: 40px;

	padding-right: 48px;

}

#right_col img {

	margin-top: 7px;

	margin-bottom: 7px;

}

#pright_col {

	float: right;

	width: 190px;

	padding-top: 25px;

	padding-right: 48px;

}

#pright_col img {

	margin-top: 8px;

	margin-bottom: 20px;

	float: right;

}

#poright_col {

	float: right;

	width: 236px;

	padding-top: 50px;

	padding-right: 48px;

}

#poright_col img {

	margin-top: 7px;

	margin-bottom: 10px;

	float: right;

}

#design_page_content {

	width: 58%;

	float: left;

	padding-top: 5px;

}

#page_content {

	width: 58%;

	float: left;

	padding-top: 40px;

}

#page_content p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFFFF;

	font-style: normal;

	margin-top: 10px;

}

#page_content a {

	color: #73A618;

}

#contact a {

	color: #73A618;

}

#porpage_content {

	width: 48%;

	float: left;

	padding-top: 45px;

}

#porpage_content p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFFFF;

	font-style: normal;

}

#porpage_content a {

	color: #73A618;

}

#process_content {

	width: 52%;

	float: left;

	padding-top: 25px;

}

#process_content p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12pt;

	color: #FFFFFF;

	font-style: normal;

	margin-top: 10px;

}

#process_content a {

	color: #73A618;

}

#footer {

	clear: both;

	padding-top: 20px;

	padding-bottom: 5px;

}

#footer p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14pt;

	text-align: center;

}

#footer a {

	text-decoration: underline;

	color: #73A618;

}

#contact {

	clear: both;

	padding:10px;

}

#contact p {



	font-size: 20px;

	color: #FFFFFF;

	text-align: center;

	margin-bottom: 5px;

}

.contact-arialblack {

	font-size: 14pt;

	font-family: "Arial Black";

	color: #FFFFFF;

	text-decoration: underline;

}

.greenbtn {

	color: #73A618;

}

.greenln {

	color: #73A618;

	font-weight: bolder;

}

.align-right {

	text-align: right;

}

.align-center {

	text-align: center;

}

.h1-center {

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

	font-size: 28px;

	color: #FFFFFF;

	font-weight: bold;

}

h1 {

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 36px;

	color: #FFFFFF;

	padding-left: 20px;

	padding-bottom: 10px;

}

h2 {

	font-family: "Arial Black", Helvetica, sans-serif;
	font-weight:normal;


	font-size: 28px;

	color: #FFFFFF;

}

h3 {

	font-family: Arial;

	font-size: 24px;

	color: #FFFFFF;
	font-family:"Times New Roman", Times, serif;
}

h4 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

}

.threexlarge {

	font-size: 48px;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}

.xxlarge {

	font-size: 24pt;

	font-family: "Arial Black";

	color: #FFFFFF;

}

.xlarge-arialblack {

	font-size: 20pt;

	font-family: "Arial Black";

	color: #FFFFFF;

}

.center-arialblack {

	font-size: 20pt;

	font-family: "Arial Black";

	color: #FFFFFF;

}

.xlarge {

	font-size: x-large;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}

.large-bold {

	font-size: large;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-weight: bold;

}

.large-normal {

	font-size: large;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}

.large-20x {

	font-size: 20px;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	line-height: 25px;

	padding-top: 5px;

}

.large {

	font-size: large;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	line-height: 30px;

}

.large-space {

	font-size: large;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	line-height: 24px;

}

.large-arial-grn {

	font-size: 18pt;

	font-family: Arial, Helvetica, sans-serif;

	color: #58A618;

	font-weight: bold;

}

.large-arial {

	font-size: 18pt;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-weight: bold;

}

.norm-arial {

	font-size: 16pt;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-weight: bold;

}

.med-arial {

	font-size: 14pt;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}

.med-arial-bld {

	font-size: 14pt;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-weight: bold;

}

.med-arial-grn {

	font-size: 14pt;

	font-family: Arial, Helvetica, sans-serif;

	color: #58A618;

}

.small-arial {

	font-size: 12pt;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}

.small-arial-it {

	font-size: 12pt;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-weight: bold;

	font-style: italic;

	margin-right: 80px;

	margin-left: 80px;

}

.small-arial-grn {

	font-size: 11pt;

	font-family: Arial, Helvetica, sans-serif;

	color: #58A618;

	font-weight: bold;

	text-decoration: underline;

}

.paddingtop {

	padding-top: 10px;

}

.mar-bottom {

	margin-bottom: 15px;

}

.mar-topbottom {

	margin-top: 15px;

	margin-bottom: 10px;

}

br.small {

	line-height: 5px;

}

li.green {

	list-style-image: url('landscape_design_images/greendot-brownbg.jpg');

	padding-left: 5px;

	margin-left: 20px;

	padding-top: 5px;

	padding-bottom: 5px;

}

ul.service {

	margin: 0;

	padding: 0;

}

.lower_content {

	font-size: 14pt;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-align: center;

	clear: both;

}

#portfolio_content {

	padding-top: 45px;

}

#portfolio_content p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFFFF;

	font-style: normal;

}

#portfolio_content a {

	color: #73A618;

}

#portfolio_content img {

	float: right;

}

.thumbnail {

	position: relative;

	z-index: 0;

}

.thumbnail:hover {

	background-color: transparent;

	z-index: 50;

}

.thumbnail span {

	/*CSS for enlarged image*/

	position: absolute;

	background-color: #FFFFE0;

	padding: 5px;

	left: -1000px;

	border: 1px dashed gray;

	visibility: hidden;

	color: black;

	text-decoration: none;

}

.thumbnail span img {

	/*CSS for enlarged image*/

border-width: 0;

	padding: 2px;

}

.thumbnail:hover span {

	/*CSS for enlarged image on hover*/

visibility: visible;

	top: 0;

	left: 60px; /*position where enlarged image should offset horizontally */

}

.dp-design {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	color: #FFFFFF;

	font-style: normal;

	margin-top: 40px;

	line-height: 25px;

}

.dp-process {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFFFF;

	font-style: normal;

	margin-top: 30px;

}

.dp-testimonals {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFFFF;

	font-style: normal;

	margin-top: 10px;

}

.dp-begin {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFFFF;

	font-style: normal;

	margin-top: 10px;

}

.dp-about {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #FFFFFF;

	font-style: normal;

	margin-top: 10px;

}

.dp-general {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #FFFFFF;

	font-style: normal;

}

.design-button {

	font-size: 14pt;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}

.contact-large-normal {

	font-size: large;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}

.contact-align-center {

	text-align: center;

	padding-top: 10px;

	padding-bottom: 10px;

}

#confirm {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #FFFFFF;

	font-style: normal;

	margin-left: 48px;

	margin-right: 48px;

}

.confirm img {

	border-width: 0px;

}

.confirm a {

	color: #94C800;

}

.confirm p {

}

#footer_buttons {

	clear: both;

	font: normal 13px Arial, Helvetica, sans-serif;

	text-align: center;

	padding-bottom: 15px;

	width: 100%;

	padding-top: 15px;
	
	background-color: #534b37;

}
/*
#footer_buttons a {

	padding: 3px 0.5em;

	text-decoration: none;

	color: #000000;

	background-color: #C0C0C0;

	border: thin solid #C0C0C0;

}

.footer_buttons_font {

	color: #000000;

}

#footer_buttons a:hover {

	color: #000000;

	background-color: #FFF2BF;

	border-style: outset;

}
*/


.footer_buttons p {

	margin-bottom: 10px;
		background-color: #534b37;

}

.footer_space {

	line-height: .2em;

}

.footer_image {

	border-width: 0px;

}



#content #page {
	width: 864px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}
#content #page.big-trees {
	height:1100px;
	padding-right:420px;
	width:444px;
}
.absolute {
	position: absolute;
}
#bigtree5 {
	right: -10px;
	top: 522px;
	z-index: 100;
	border:1px #333 solid;
}
#bigtree4 {
	top: 0px;
	right: 26px;
	z-index: 100;
	border:1px #333 solid;
}
#bigtree3 {
	top: 162px;
	right: 8px;
	z-index: 200;
	border:1px #333 solid;
}
#bigtree2 {
	top: 620px;
	right: 397px;
	z-index: 150;
	border:1px #333 solid;
}
#bigtree1 {
	left: 0px;
	top: 422px;
	z-index: 220;
	border:1px #333 solid;
}
#free-online-consult {
	position: absolute;
	z-index: 400;
	height: 205px;
	width: 205px;
	right:20px;
	top:190px;
}



.auto-style3, h4 {

	font-size: 14pt;

	font-family: Arial, Helvetica, sans-serif;

	color: #94C800;

	font-weight: bold;

}
.no-margins p, .no-margins h4 {
	margin-top: 0px;
	margin-bottom: .5em;
}
p.indent {margin-left:25px;}
#pool-content table tr .leftcol {
	padding-right: 20px;
}
.leftcol.no-margins blockquote {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
#footer_buttons.nav_buttons {
	background: url(none);
	background-color:#534b37 ;
	
}

#footer_buttons.nav_buttons a {
	color:#000;
}
.clear {clear:both;}

#footer_buttons  {
	background-color:#534b37 ;
		width: 960px;
		padding:10px 0px;
		margin:0;
	
}#wrapper #footer_buttons {
	background: #534B37 url(none);
	border-bottom:10px solid #80715A;
}
.special {
	width: 450px;
	height: 150px;
	text-align: center;
	background: url(images/special-bg.png) no-repeat center top;
	position:relative;
	float:left;
	left:0;
}
.special h3 {
	font-size: 19px;
	font-weight:normal;
	position:absolute;
	width: 450px;

	text-align:center;
	top:20px;
	left:0;
	line-height:1.2 em;




}
.special h3 strong {
	font-size: 22px;
}

