body {
background: #F3F3F3 url("images/bg.jpg") top repeat-x;
margin:0px;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
}

#thick-img {margin: 10px;}

#domain {padding-left: 10px;line-height: 30px;}

.right {text-align: right; padding-right: 12px;line-height: 30px;margin: 0;}

.green {color:#009933;}

img {border:0px;}
table {font-size:1em;}
td {vertical-align:top;}

p {margin: 5px 0 8px 0;}

a:link 		{color:#686A6F;}
a:visited 	{color:#686A6F;}
a:hover		{color:#009933;}

ul {
	text-align:left;
	color:#009933;
	padding-left:50px;
	padding-top:15px;
}
ul.left {float:left; width:250px;}
ul.right {float:right; width:400px;}
li {padding-bottom: 0.2em;}

#foot h1 {
	font-size: 1.4em;
	font-weight: bold;
	padding:0px;
	margin:0px;
	position:relative;
	right:40px;
	color:#339933;
	width:400px;
}
h2, h1 {font-size: 1em; font-weight: bold; padding:0px; margin:0px;}
h3 {font-size: 1em; font-weight: bold; padding:0px; margin:0px;}

.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
}

ul h2 {font-size: 1em; font-weight: normal; padding:0px; margin:0px;}

.headoverlay a {color: #126d33;text-decoration: none;}

address {font-style: normal;}
acronym {border:none;}

b {
	color:#009933;
}
#title {background: url("images/top.jpg") top no-repeat; vertical-align:bottom;}
#title b {color:#fff; margin-left:10px;}

.bb {
border-bottom: 1px solid #CFCFCF;
margin-bottom:14px;
padding-bottom:10px;
}
.bt {
border-top: 1px solid #CFCFCF;
margin-top:10px;
padding-top:10px;
}

#testimonials p {
border:1px solid #CFCFCF; margin:10px; padding:20px;
}
#testimonials img {margin-right:20px;}
#testimonials img.pat {margin-bottom:60px;}


#about-l {
background: url("images/side4.jpg") top no-repeat;
}
#about-r {
background: url("images/side6.jpg") top no-repeat;
}


#about, #garden-design-services {
background: url("images/side5.jpg") top center no-repeat;
}
#about div, #garden-design-services div {
margin:40px;
color:#686A6F;	
}

img.business {
position:absolute;
top: 152px;
z-index:300;
margin-left:22px;
}

#buttons div {
padding-top:10px;
margin-left: 250px;
}

img.logomain {position: absolute;z-index:10; margin-top:21px;}

img.luggage {
position:absolute;
z-index:300;
}

#content {
text-align:left;
}
#content div {
	margin-left:210px;
	margin-right:17px;
	margin-bottom:50px;
	padding:20px;
	border:2px solid #006633;
	background: #fff;
	color:#686A6F;
}
#contact div.main {
margin-left:250px;
margin-right:55px;
margin-bottom:50px;
padding:20px;
border:2px solid #339933;
background: #fff;
color:#686A6F;
}
#contact div.gallery img{
margin:4px; border:1px solid #63426C;
}
#contact div.gallery img:hover{
margin:3px; border:2px solid #63426C;
}
#contactr {
width:200px;
float:right;
}
div#left {
margin:0px;
float:left;	
width:210px;
padding:0px;
border:0px;
background: #fff;
color:#686A6F;
}
div#right {
	margin:0px;
	float:right;
	width:229px;
	padding:0px;
	padding-left:10px;
	border:0px;
	border-left:1px solid #CFCFCF;
	background: #fff;
	color:#686A6F;
	height: 156px;
	top: 225px;
}

#prices {
	width:600px;
	color: #686A6F;
	background: #b3b3b3;
	left: 142px;
	top: 304px;
}
#prices td {background: #fff;}


#foot {
background: url("images/landscaping-05.jpg") top no-repeat;
}



#foot p.nav {
margin-top:185px;
margin-left:13px;
text-align:left;
font-size:0.8em;	
}
#foot a 			{margin-right:7px; margin-left:7px;}
#foot a:link 		{
	text-decoration:none;
	color:#009933;
}
#foot a:visited 	{
	text-decoration:none;
	color:#009933;
}
#foot a:hover		{text-decoration:underline; color:#666666;}

#foot span {float:right; margin-right:23px; position:relative; bottom:13px;}
#foot span b {color:#fff;}

#foot a span{color:#B3B3B3;float:none; margin-right:0px; position:relative; bottom:0px; text-decoration:underline;}
#foot a span:hover{
	color:#009933;
}

#foot p.testimonial {
margin-top:60px;
margin-left:200px;
padding-left:8px;
border-left:solid 8px #b3b3b3; 
float:left;
width:230px;
text-align:left;
color:#6b6d6d;
position:absolute;
z-index:400;
}


#foot2 {
background: url("images/landscaping-11.jpg") top no-repeat;
text-align:right;
font-size:0.8em;
}	
#foot2 p {
margin-right:23px;
}	
#foot2 a:link 		{text-decoration:none; color:#fff;}
#foot2 a:visited 	{text-decoration:none; color:#fff;}
#foot2 a:hover		{text-decoration:underline; color:#fff;}

#foot3 {margin-top:40px; padding:8px; text-align:center; background:#ECEAEB; border-top:1px solid #B3B3B3; font-size:0.9em;}
#foot3 p {width:800px; color:#4f4f4f;}

#form input{
margin:1px;
padding:1px;
border:1px solid #C9D1D4;
background:#fff;
width:200px;
font-size:1.1em;
}
#form textarea {
font-family:Arial,Helvetica,sans-serif; 
margin:1px;
padding:1px;
border:1px solid #009933;
background:#fff;
width:200px;
font-size:1.1em;
}

#form input.submit {
margin:1px;
padding:1px;
border:2px solid #009933;
background:#63426C;
width:120px;
color:#fff;
font-weight:bold;
cursor: pointer;
}

#form input:focus {border:1px solid #f23a3a;background: #EFF4F6;}
#form input:hover {background: #EFF4F6;}

#form textarea:focus {border:1px solid #f23a3a;background: #EFF4F6;}
#form textarea:hover {background: #EFF4F6;}

#form input.submit:hover {
margin:1px;
padding:1px;
border:2px solid #009933;
background:#fff;
width:120px;
color: #009933;
font-weight:bold;
cursor: pointer;
}



p#top {
text-align:right;
margin-top:20px;
margin-right:100px;
}


div#towns {
border-top:1px solid #009933;
padding-top:5px;
font-size:0.8em;
color:#686A6F;
width:850px;
text-align:justify;
}

div#regions, div#services {display: none;}

/*tooltips....................................................*/
a.hover{position:relative;z-index:24; text-decoration:none;}
a.hover:hover{z-index:25; background-color: #F1F1F1;}
a.hover span{display: none}
a.hover:hover p {width:160px;}
a.hover:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:1em;left:10em;
    padding: 0px;
    border:1px solid #1C1C1C;
    background-color:#F1F1F1;
    text-align: center;
    text-decoration:none;
}
/*.........................................*/

#headoverlay {
float:right;
	width:500px;
	height:75px;
}

.headoverlay {
text-align:left;
color:#666666;
font-size:14px;
}

.headoverlay {
text-align:left;
color:#666666;
font-size:14px;
}
