* { 
margin: 0; /*remove all default margins!*/
padding: 0; /*remove all default padding!*/
}

html, body {
height:100%;
}

body {
background: #138f57 url(../images/gradient.jpg) repeat-x top;
font-family: Arial,verdana, Times, Sans-Serif;
font-size: 62.5%;
}

html {
color: #000;
}

img.noborder{border:0px;}
img.border{border:1px solid #777777;}
img.block {display:block;}
img.inline {display:inline;}
.clear {clear: both;}
* html .clear{clear:none;}

#container {
width:702px;
margin: 0 auto;
background: #ffffff;
min-height: 100%;
border-left: 1px solid #679d2d;
border-right: 1px solid #679d2d;
}
* html #container {
height:100%;
}
#head {
width:700px;
height:100px;
margin: 0 auto;
background:#fff;
}
.logo {
float:left;
position:relative;
left: 30px;
top: 30px;
width:181px;
height:45px;
}
.logo_home {
float:left;
position:relative;
left: 30px;
top: 20px;
width:220px;
height:54px;
}
.contact {
float:left;
position:relative;
left: 240px;
background:url(../images/back_top_contact.png);
width:262px;
height:86px;
}
.contact_home {
float:left;
position:relative;
left: 201px;
background:url(../images/back_top_contact.png);
width:262px;
height:86px;
}

#head  p {
color:#8b6137;
font-size:1.2em;
margin: 20px 0px 0px 17px;
}
#head  a {
color:#8b6137;
text-decoration:none;
}
#head  a:hover {text-decoration:underline;}

#navbar {
width:700px;
height:30px;
background: url(../images/navbar.png);
margin-top:5px;
}
#navbar ul {
margin: 0px 0px 0px 27px;
padding: 0px;
width: auto;
list-style-type: none;
}
#navbar  li {
float:left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#navbar a {
display:block;
font-size:1.2em;
text-decoration:none; 
color:#8d633b; 
height:30px;  
line-height:23px;
text-indent:15px;
font-weight:bold;
}

#navbar a.linkhome, #navbar a.linkhome:visited {width:93px;}
#navbar a.linkgallery, #navbar a.linkgallery:visited {width:108px;}
#navbar a.linkdiary, #navbar a.linkdiary:visited {width:91px;}
#navbar a.linkcontact, #navbar a.linkcontact:visited {width:120px;}
#navbar a.linklinks, #navbar a.linklinks:visited {width:91px;}

#navbar a:hover, #navbar a.select {background:url(../images/over.png) repeat-x bottom;color:#8ac73e;} 

#text {
width:700px;
margin: 0 auto;
background: #fff url(../images/background_text.png) no-repeat top;
min-height:200px;
padding-top:20px;
}
* html #text {height:200px;}

#lefttext {
position:relative;
float:left;
left:20px;
width:415px;
background: url(../images/line.png) no-repeat top right;
min-height:375px;
}
* html #lefttext {height:385px;}

#lefttext h2 {margin:2px 0px 10px 20px;text-indent: -20000px;}
#lefttext h2.welcome {background: url(../images/welcome.png) no-repeat;width:154px;height:25px;}
#lefttext h2.contact_title {background: url(../images/contact.png) no-repeat;width:154px;height:25px;}
#lefttext h2.links_title {background: url(../images/links.png) no-repeat;width:104px;height:25px;}
#lefttext h2.gallery_title {background: url(../images/gallery.png) no-repeat;width:154px;height:25px;}
#lefttext h2.diary {background: url(../images/gardening_diary.png) no-repeat;text-indent: -20000px;width:209px;height:22px;}
#lefttext h2.privacy_title {background: url(../images/privacy.png) no-repeat;text-indent: -20000px;width:179px;height:22px;}
#lefttext h2.legal_title {background: url(../images/legal.png) no-repeat;text-indent: -20000px;width:87px;height:22px;}
#lefttext h2.terms_title {background: url(../images/terms.png) no-repeat;text-indent: -20000px;width:236px;height:22px;}

#lefttext h2.gardenmaintenance {background: url(../images/garden_maintenance.png) no-repeat;width:250px;height:22px;}
#lefttext h2.gardendesign {background: url(../images/garden_design.png) no-repeat;width:183px;height:22px;}
#lefttext h2.planting {background: url(../images/planting.png) no-repeat;text-indent: -20000px;width:126px;height:22px;}
#lefttext h2.grasscutting {background: url(../images/grasscutting.png) no-repeat;text-indent: -20000px;width:173px;height:22px;}
#lefttext h2.patiolaying {background: url(../images/patio_laying.png) no-repeat;text-indent: -20000px;width:293px;height:22px;}
#lefttext h2.fencingtrellis {background: url(../images/fencing_trellis.png) no-repeat;text-indent: -20000px;width:209px;height:22px;}
#lefttext h2.pergolas {background: url(../images/pergolas_arbours.png) no-repeat;text-indent: -20000px;width:232px;height:22px;}
#lefttext h2.ponds {background: url(../images/ponds_water_features.png) no-repeat;text-indent: -20000px;width:272px;height:22px;}
#lefttext h2.turfing {background: url(../images/turfing.png) no-repeat;text-indent: -20000px;width:117px;height:22px;}
#lefttext h2.lawntreatment {background: url(../images/lawn_treatment.png) no-repeat;text-indent: -20000px;width:198px;height:22px;}
#lefttext h2.irrigation {background: url(../images/irrigation.png) no-repeat;text-indent: -20000px;width:146px;height:22px;}
#lefttext h2.patiocleaning {background: url(../images/patio_cleaning.png) no-repeat;text-indent: -20000px;width:185px;height:22px;}

#lefttext h3 {text-indent: -20000px;margin:10px 0px 10px 20px;}
#lefttext h3.spring_h3 {
background: url(../images/spring_title.png) no-repeat;
width:66px;
height:13px;
}
#lefttext h3.autumn_h3 {
background: url(../images/autumn_title.png) no-repeat;
width:81px;
height:13px;
}
#lefttext h3.winter_h3 {
background: url(../images/winter_title.png) no-repeat;
width:74px;
height:13px;
}
#lefttext h3.summer_h3 {
background: url(../images/summer_title.png) no-repeat;
width:80px;
height:13px;
}
#lefttext h4 {
font-size:1.4em;
margin:0px 0px 10px 19px;
color:#8c623a;
font-weight:normal;
}
#lefttext h4.h4_diary {
margin:0px 0px 10px 25px;
}

#lefttext ul.list_links {
font-size:1.3em;
color:#777777;
margin: 20px 0px 0px 25px;
padding: 0px;
width: auto;
list-style-type: none;
}
#lefttext ul.list_links li {
margin: 0px 0px 12px 0px;
}

#lefttext ul.list_diary {
font-size:1.3em;
color:#777777;
margin: 0px 20px 0px 40px;
padding: 0px;
width: auto;
}
#lefttext ul.list_diary li {
margin: 0px 0px 12px 0px;
}

#lefttext ul.gallery {
width: auto;
list-style-type: none;
}
#lefttext ul.gallery li {
float:left;
height:150px;
position: relative;
padding: 5px 0px 0px 15px;
margin: 0px 0px 12px 0px;
text-align:center;
}

#lefttext p {
font-size:1.3em;
color:#777777;
margin:0px 10px 10px 20px;
}

#gardendiary {
height:235px;
width:405px;
background: url(../images/back_home_diary.jpg)
}

#gardendiary h3.garden_diary{
text-indent: -30000px;
background: url(../images/garden_diary.gif) no-repeat bottom;
width:405px;
height:70px;
margin:0px;
}

#diary_menu {
height:90px;
width:405px;
}

#l {
position:relative;
float:left;
width:202px;
/*border:1px solid #000;*/
}
#l ul, #diary_menu ul {
width: auto;
list-style-type: none;
}
#l li {
float:left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 25px;
}

#diary_menu li {
float:left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 12px 0px 0px 35px;
}

#l a {
text-indent: -30000px;
display:block;
width:56px;
height:67px;
}
/* remove active/focus dotted border in Firefox 1.5 */
#l a:focus {outline: none;}

#l a.spring {background: url('../images/spring.jpg');}
#l a.summer {background: url('../images/summer.jpg');}
#l a.autumn {background: url('../images/autumn.jpg');}
#l a.winter {background: url('../images/winter.jpg');}

#diary_menu a {
text-indent: -30000px;
display:block;
width:57px;
height:66px;
}

/* remove active/focus dotted border in Firefox 1.5 */
#diary_menu a:focus {outline: none;}

#diary_menu a.spring {background: url('../images/spring3.png');}
#diary_menu a.summer {background: url('../images/summer3.png');}
#diary_menu a.autumn {background: url('../images/autumn3.png');}
#diary_menu a.winter {background: url('../images/winter3.png');}

#r {
position:relative;
float:left;
width:195px;
/*border:1px solid #000;*/
}
#r h4 {
text-indent: -15000px;
margin:5px 0px 5px 3px;
}
#r h4.autumnhome {
background: url('../images/autumn2.jpg');
width:64px;
height:14px;
}
#r h4.winterhome {
background: url('../images/winter2.jpg');
width:60px;
height:14px;
}
#r h4.summerhome {
background: url('../images/summer2.jpg');
width:64px;
height:14px;
}
#r h4.springhome {
background: url('../images/spring2.jpg');
width:54px;
height:14px;
}
#r p {
margin:0px;
}
#r ul.txt {
margin:0px 0px 5px 20px;
color:#00612c;
}
#r ul.txt li {font-size:1.3em;margin:0px;padding:0px;}
#r a.readmore {
background: url('../images/readmore.jpg');
width:140px;
height:29px;
display:block;
text-indent: -20000px;
}

#menuservice {
position:relative;
float:left;
width:226px;
left:35px;
padding-bottom:80px;
background: url(../images/back_left.png) no-repeat bottom left;
}
#menuservice ul {
margin: 0px 0px 0px 0px;
padding: 0px;
list-style-type: none;
}
#menuservice  li {
margin: 0px;
padding: 0px;
}
#menuservice a {
display:block;
font-size:1.3em;
color:#2c6a21;
text-decoration:none; 
width:184px;
height:26px;
line-height:24px;
text-indent:15px;
background: url(../images/line2.jpg) repeat-x bottom;
}
* html #menuservice a {height:26px;}
#menuservice a:hover,#menuservice a.selected  {
color:#fff;
text-decoration:none;
background:url(../images/over2.png);
}
#menuservice h2.services {
background: url(../images/services.png) no-repeat;
text-indent: -20000px;
width:111px;
height:26px;
margin:0px 0px 5px 0px;
}
span.marg {margin-left:15px;}
span.button {background:url(../images/button.gif) no-repeat 0px;}

#diaryright {position:relative;float:left;width:229px;top:30px;left:40px;}

#footer {
color:#868686;
font-size:1.1em;
padding:10px 0px 10px 20px; 
}
#footer a {
color:#777777;
text-decoration:none;
}
#footer a:hover {text-decoration:underline;}

#footer div.footerleft{float:left;}
#footer div.footerright{text-align:right;padding-right:18px;}

#lefttext table {
margin-bottom:10px;
color:#777777;
}
#lefttext td {
vertical-align:top;
font-size: 8pt; 
font-family: Tahoma,Arial, sans-serif;
padding:10px;
}
#lefttext td.arg {
width:100px;
text-align:right;
}
#lefttext span {color:#8c623a;}

#lefttext td.submit {border:0px;}

#lefttext input, #lefttext textarea,#lefttext select {color:#777777;}

.validation-advice {color:#8c623a;font-weight: bold;}

a.link {
color: #8ac73e;
text-decoration:none;
font-weight:bold;
}

a.link:hover {text-decoration:underline;}

.img_service {float:left;margin:11px;}
.img_service2 {margin:15px;}
.img_service3 {float:left;margin:14px;}