﻿/* CSS layout */
#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: #58A618;
}
.contact_col {
	padding: 20px;
	border: thin solid #58A618;
	margin-top: 20px;
}
#srvheader {
	width: 864px;
	margin-left: 48px;
	margin-right: 48px;
	margin-top: 20px;
}
#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;
}
#design-nav {
	font-size: 20pt;
	font-family: "Arial Black";
	color: #FFFFFF;
	text-align: center;
	height: 60px;
	font-weight: bold;
	padding-top: 20px;
}
#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;
}
#homepic {
	margin-left: 48px;
	margin-right: 48px;
}
#homepic img {
}
#homeinfo {
	margin-left: 48px;
	margin-right: 48px;
	margin-top: 20px;
	width: 864px;
}
#homeinfo a {
	color: #58A618;
}
.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;
}
#left_col {
	width: 212px;
	float: left;
	padding-top: 20px;
}
#left_col a {
	text-decoration: none;
	color: #58A618;
}
#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;
}
#page_content {
	width: 54%;
	float: left;
	padding-top: 60px;
}
#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 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
}
.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, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
}
h3 {
	font-family: Arial;
	font-size: 20px;
	color: #FFFFFF;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.3xlarge {
	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;
}
.contact-arialblack {
	font-size: 14pt;
	font-family: "Arial Black";
	color: #FFFFFF;
	text-decoration: underline;
}
.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 {
	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: 18px;
	color: #FFFFFF;
	font-style: normal;
	margin-top: 40px;
}
.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;	
}
