/*global*/
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form{
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
html,body {
	height: 100%;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	text-align: center;
	color: #404242;
	background: url(images/bg.png) repeat-x #172e32;
	margin: auto;
}



/*text*/
p {line-height: 1.2em;}

h1 {line-height: 2em; font-size: 1.8em; font-weight: normal; color: #448e6b; margin-bottom: 10px;}

h2 {line-height: 1.6em; font-size: 1.4em; font-weight: normal; color: #448e6b;}

h3 {line-height: 1.4em; font-size: 1.2em; font-weight: normal; color: #448e6b;}

li { line-height: 1.8em; }

hr { color: #dcdcdc; margin-top: -2px; }

.center {text-align: center;}

.bold {font-weight: bold;}

a {
color: #2a8fb4;
text-decoration: none;
}

a:hover {
color: #008000;
}

a:active {
color: #008000;
}

a:visited {
color: #2a8fb4;
}

.selected {
font-weight: bold;
}

/*box classes*/
.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
}

.fleft {float: left;}

.fright {float: right;}

.phone {float:right;margin-left: 5px;margin-right: -10px;margin-top: 20px;}

.cr { clear: right; margin: 5px; }

.cl { clear: left; margin: 10px 40px 0 0; }

/* Form Styling */
#form_div {
	padding-left: 15px;
}

.submit {
margin-top: 5px;
width: 185px;
height: 30px;
}

#time {
height: 30px;
width: 185px;
font-size: 16px;
padding: 3px;
}

.input {
	width: 175px;
	height: 20px;
	font-size:11px;
    border: 1px solid #cccccc;
    background: url(images/formgradient.jpg) repeat-x #ffffff;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 14px;
	}
.input:hover {
    border: 1px solid #aaaaaa;
}
.textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 0px; line-height: 14px; margin: 0px;
	width: 350px;
	height: 150px;
	line-height: 11px;
	font-size:11px;
    border: 1px solid #cccccc;
    background: url(images/formgradient.jpg) repeat-x #ffffff;
	margin-bottom: 10px;
	padding: 5px;
}
.textarea:hover {
    border: 1px solid #aaaaaa;
}

.url {display:none;}

/*-------------------------------*/
/*---------- START -------------*/
/*-----------------------------*/

#container {
height: 100%;
margin: auto;
width: 800px;
text-align: left;
}

#header {
background: url(images/headerbg.png) no-repeat;
width: 800px;
height: 195px;
position: relative;
}

#nav ul {
margin: auto;
width: 606px;
}

#nav li {
display: inline;
float: left;
text-align: center;
}

#nav p {
margin-top: 7px;
}

#nav a {
color: #dae2de;
font-size: 14px;
}

#nav a:hover {
color: #ffffff;
}

.home {
background: url(images/homebutton.png) no-repeat;
width: 124px;
height: 34px;
}

.home:hover {
background: url(images/homerollover.png) no-repeat;
width: 124px;
height: 34px;
}

.aboutus {
background: url(images/aboutbutton.png) no-repeat;
width: 120px;
height: 34px;
}

#aboutusinline {
text-align: left;
margin: 0 10px -10px 15px;
}

.aboutus:hover {
background: url(images/aboutrollover.png) no-repeat;
width: 120px;
height: 34px;
}

.buildings {
background: url(images/buildingsbutton.png) no-repeat;
width: 119px;
height: 34px;
}

.buildings:hover {
background: url(images/buildingsrollover.png) no-repeat;
width: 119px;
height: 34px;
}

.landscaping {
background: url(images/landscapingbutton.png) no-repeat;
width: 120px;
height: 34px;
}

.landscaping:hover {
background: url(images/landscapingrollover.png) no-repeat;
width: 120px;
height: 34px;
}

.contactus {
background: url(images/contactusbutton.png) no-repeat;
width: 123px;
height: 34px;
}

.contactus:hover {
background: url(images/contactusrollover.png) no-repeat;
width: 123px;
height: 34px;
}

#banner {
position: relative;
}

#title{
float: left;
margin-left: 100px;
}

#tel {
color: #ffffb5;
text-align: center;
margin: 10px 0 0 25px;
padding: 2px 0 0 0;
font-size: 14px;
background: url(images/tel.png) no-repeat;
float: left;
width: 239px;
height: 40px;
}

#yourgarden {
text-align: right;
color: #2a8fb4;
position: absolute;
top: 148px;
right: 66px;
font-size: 17px;
letter-spacing: 2px;
}

#contentAbsolute {
position: absolute;
top: -30px;
left: 53px;
z-index: 20;
}

#contentWrap {
background: url(images/contentwrapslice.png) repeat-y;
width: 800px;
position: relative;
}

#contentTop {
background: url(images/contenttop.png) no-repeat;
width: 693px;
height: 20px;
margin: auto;
}

#content {
background: url(images/contentslice.png) repeat-y;
width: 693px;
overflow: auto;
margin: auto;
}

#video {
height:250px;
width:625px;
margin:0 auto;
border-bottom: 1px solid #DCDAD9;
}

#contentLeft {
margin: 0px 20px;
float: left;
width: 190px;
border-right: 1px solid #dcdbd5;
height: 100%;
padding: 10px;
}

#contentLeft li {
list-style: none;
margin-left: 5px;
padding-left: 25px;
background-image: url(images/acorn.png);
background-repeat: no-repeat;
background-position: 0 .2em;
color: #078a51;
font-size: 14px;
line-height: 1.3em;
}

#contentLeft a {
font-size: 15px;
text-decoration: underline;
}

#contentLeft a:hover {
color: #91d9f3;
}

#tel2 {
color: #575757;
text-align: center;
padding: 2px 0 0 0;
font-size: 14px;
background: url(images/tel2.png) no-repeat;
float: left;
width: 187px;
height: 40px;
}

#contentRight {
float: left;
width: 400px;
padding: 10px;
text-align: center;
}

#contentBottom {
background: url(images/contentbottom.png) no-repeat;
width: 693px;
height: 20px;
margin: auto;
}

#footer {
position: relative;
background: url(images/footerbg.png) repeat-y;
width: 800px;
height: 200px;
}

#url-box {
position: absolute;
color: #448e6b;
top: 5px;
left: 500px;
}

#url-box p {
color: #448e6b;
font-size: 14px;
letter-spacing: -1.2px;
}

#url-box a {
position: absolute;
font-size: 14px;
letter-spacing: 0.02em;
}

#url-box a:hover {
color: #448e6b;
}

#url-box br {
margin: 0;
padding: 0;
line-height: 1px;
}

#footerContentLeft li {
list-style-type: none;
margin: 0 10px 0 0;
line-height: 1.4em;
}

#footerContentLeft a {
color: #ffffff;
text-decoration: underline;
}

#footerContentLeft a:hover {
color: #448e6b;
}

#footerContentLeft {
float: left;
width: 350px;
color: #ffffff;
padding: 75px 0 0 100px;
}

#footerContentRight {
float: left;
width: 200px;
color: #ffffff;
text-align: right;
padding: 100px 0 0 40px;
}

#footerContentRight a {
color: #ffffff;
text-decoration: underline;
}

#footerContentRight a:hover {
color: #448e6b;
}

/* OTHER PAGES */

#error {
margin: 10px 30px;
}

#error h2 {
color: #ff0000;
text-align: center;
}

#error p {
margin-top: 10px;
}

#error li {
list-style: none;
margin-left: 5px;
padding-left: 25px;
background-image: url(images/acorn.png);
background-repeat: no-repeat;
background-position: 0 .2em;
color: #078a51;
font-size: 14px;
line-height: 1.3em;
}

#contentPages {
margin: 0 30px;
}

#contentPages p {
margin-bottom: 10px;
}

#contentPages * ul {
margin-top: 10px;
}

#contentPages * li{
margin: 0 0 0 30px;
list-style: none;
margin-left: 5px;
padding-left: 25px;
background-image: url(images/acorn.png);
background-repeat: no-repeat;
background-position: 0 .2em;
}

#contentPages * a:hover {
color: #00b9ff;
}

#accordion p {
margin-bottom: 10px;
}

#accordion h3 {
margin-top: 10px;
padding: 5px;
font-size: 14px;
text-align: left;
}

#thickboxContent {
font-size: 12px;
display: none;
background: url(boxbg.jpg);
}

#slideshow {
padding: 0;
margin:  10px 0 240px 15px;
}

.pics img {
padding: 15px;
border:  1px solid #ccc;
background-color: #eee;
top:  0;
left: 0
}

#tooltip {
position: absolute;
border: 1px solid #cccccc;
background: #ececec;
font-family: georgia;
font-weight: bold;
font-size: 20px;
color: #777777;
padding: 10px;
filter:alpha(opacity=90);
-moz-border-radius: 10px;
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

iframe {
padding: 5px;
background: #ececec;
border: 1px solid #cccccc;
}

.loader {
position: absolute;
margin-left: -5000px;
}

#slideshowAbout {
margin: 20px 400px 160px 0;
}

#slideshowBuildings {
position: relative;
}

#slideshowLandscape {
position: relative;
left: 340px;
bottom: 11px;
}

.accordionImages {
margin: 0 2px;
}

.accordionImages img {
margin: 0 4px;
padding: 5px;
border: 1px solid #688fb4;
background: #d2e0e6;
}

.accordionImages img:hover {
background: #e7eff3;
}

.ulleft {
float: left;
width: 300px;
}

.ulright {
float: left;
width: 320px;
}

#info1 {
position: absolute;
top: 132px;
right: 90px;
font-size: 14px;
color: #000000;
padding: 10px;
background: #f0efee;
border: 1px solid #cbcbcb;
-moz-border-radius: 10px;
width: 190px;
text-align: center;
}

#info2 {
position: absolute;
top: 182px;
right: 90px;
font-size: 12px;
color: #000000;
padding: 10px;
background: #f0efee;
border: 1px solid #cbcbcb;
-moz-border-radius: 10px;
width: 190px;
text-align: center;
}

.toTop {
float: right;
}

#aboutUsThickbox {
display: none;
}

#contentLeft b {
font-weight: normal;
}

#servicesList a {
text-decoration: none;
color: #078A51;
}

#towns{
display:none;
}

.textonly{
display:none;
}

#xmastrees{
display:none;
}