/* Snapdragon Landscapes Screen Styles              */
/* Copyright(C)2006 Source Internet Development Ltd */

html {height: 100%;}
body {height: 100%; background-color: #394218; margin: 0px}

h1 {}
h2 {}
h3 {display: none;}

#header {
width: 780px;
height: 160px;
background: top no-repeat url(../images/image-noflash-header.jpg);
}

#page-content {
width: 750px;
padding: 20px 15px 0px 15px;
margin: 0px;
}

#page-content-garden {
width: 750px;
padding: 20px 15px 0px 15px;
margin: 0px;
background: no-repeat top right url(../images/bg-garden-design.jpg);
}

#left-content {
float: left;
width: 435px;
text-align: left;
margin: 0px;
}

#right-content {
float: right;
width: 315px;
margin: 0px;
}

#main-content {
width: 750px;
text-align: left;
margin: 0px;
}

#footer {
clear: both;
width: 760px;
padding: 45px 0px 25px 20px;
margin: 0px;
text-align: left;
background: no-repeat bottom url(../images/bg-footer.gif);
}

.footerText {
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 70%;
font-weight: bold; 
color: #FFFFFF;
margin: 0px;
}

a.footerText {
font-size: 100%;
text-decoration: underline; 
color: #FFFFFF;
}

a.footerText:hover {
text-decoration: underline; 
color: #8CC51D;
}


.bodyText {
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 90%; 
color: #FFFFFF;
margin: 0px 0px 20px 5px;
line-height: 130%;
}

a.bodyLink {
font-size: 100%;
text-decoration: underline;
color: #E4DD68;
font-weight: bold;
}

a.bodyLink:hover {
font-size: 100%;
text-decoration: underline;
color: #8CC51D;
}

.breadcrumbText {
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 70%;
font-weight: bold;
color: #FFFFFF;
margin: 0px 0px 10px 2px;
}

.breadcrumbText strong {
color: #E4DD68;
}

a.breadcrumbText {
font-size: 100%; 
color: #E4DD68;
text-decoration: underline;
}

a.breadcrumbText:hover {
color: #FFFFFF;
text-decoration: underline;
}

#leafBullets {vertical-align: top;}
#leafBullets ul {list-style-image: url(../images/bullet-leaf.gif);}
#leafBullets li {padding: 0px 0px 5px 0px;}

.bulletText {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 95%; 
color: #FFFFFF;
font-weight: bold;
padding-left: 8px;
}

#contactMapBox {
background-color: #313914;
/*height: 240px;*/
padding: 24px 25px 24px 25px;
margin-bottom: 20px;
overflow: hidden;
}

#map {
width: 340px;
height: 420px;
margin: 0 0 10px 0;
border: 1px solid #000000;
}

.contactTextHeader, .contactText, .tableHeaderText {
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 80%; 
color: #FFFFFF;
}

.contactText {
font-weight: bold;
line-height: 130%;
margin: 0px 0px 18px 0px;
}

.contactTextHeader {
margin: 0px 0px 3px 0px;
}

a.bodyLink {
font-size: 100%;
text-decoration: underline;
color: #E4DD68;
font-weight: bold;
}

a.bodyLink:hover {
font-size: 100%;
text-decoration: underline;
color: #8CC51D;
}

.mapText {
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
color: #000000;
}

#enquiryFormHeader {
margin-bottom: 15px;
}

.formAsterix {
	color: #CC6600;
	font-weight: bold;
}

TABLE.enquiryFormTable {
border: 0px;
margin-bottom: 15px;
}

TABLE.enquiryFormTable TH {
text-align: left;
padding: 5px 15px 8px 0px;
}

TABLE.enquiryFormTable TD {
text-align: left;
vertical-align: top;
padding: 5px 15px 8px 0px;
}

.formStandardBox, .formStandardRolldowns, .formMultilineBox {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
color: #000000;
border: 2px solid #313914;
}

.formMultilineBox {
width: 256px;
}

.formStandardBox {
width: 250px;
padding: 4px;
}

.formButton {
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
font-weight: bold;
color: #000000;
padding: 3px;
}

#imageList {
height: 165px; 
margin: 0px 0px 25px 0px; 
padding: 0px;
}

#imageList ul{
list-style-type: none; 
margin: 0px; 
padding: 0px;
}

#imageList li{
float: left;
white-space: nowrap; 
margin: 0px 17px 0px 0px; 
padding: 0px;
}

#leftImage {
float: left;
}

#rightImage {
float:right;
}

#fullImageDIV {
text-align: left;
margin-bottom: 20px;
margin-top: 5px;
}

#slideImageDIV {
text-align: center;
border: 3px solid white;
margin: 5px 0 4px 0;
padding: 0;
}

#titleImage{}

#headerPrint {display:none;}

TABLE.teamTable {
width: 750px;
border: 0px;
margin: 0px 0px 0px 0px;
}

TABLE.teamTable TD.imageCell {
vertical-align: top;
padding-bottom: 15px;
width: 134px;
}

TABLE.teamTable TD.textCell {
vertical-align: top;
padding: 35px 15px 0px 0px;
}

.teamName {
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 100%; 
color: #E4DD68;
margin: 0px 0px 0px 0px;
font-weight: bold;
}

.teamAbout {
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 85%; 
color: #FFFFFF;
margin: 0px 0px 0px 0px;
}