@charset "UTF-8";
/* CSS Document - tyrrell */


/* CSS Reset */
:link,:visited { text-decoration:none } 
ul,ol { list-style:none } 
h1,h2,h3,h4,h5,h6,pre,code { font-size:11px; } 
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0 0 0 0;
	padding:0
} 
dl,dt,dd{padding:0; margin:0;}
a img,:link img,:visited img { border:none } 
address { font-style:normal } 
a:active, a {outline: none;}
:focus {-moz-outline-style: none;}


*{
	margin:0;
	padding:0;
}

div:active, div:focus, div:hover {
    outline-style: none; -moz-outline-style:none;
} 

body#gardentypes a#gardentypeslink, body#plantchoices a#plantchoiceslink, body#designconcepts a#designconceptslink  {
color: #003300;
text-decoration:none;
}

body {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #d7d7b8;
	text-align: center;
/* part 1 of 2 centering hack */
	}
a {
	text-decoration: none;
	color:  #003300;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
a:visited {
	color:  #003300;
	}
a:active {
	color:  #003300;
	}
a:hover {
	color: #003300;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px; 
	margin-left: 5px;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 5;
	color: #003300;
	font-variant: normal;
	text-transform: none;

	}
h2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #003300;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0px none;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
#container {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #FFFFFF;
	border: 2px solid #DDE0BA;
	text-align:left; /* part 2 of 2 centering hack */
	width: 960px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	
	}
html body #container {
	width: 960px;
	background-image: url(images/bkgrd.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	}

#leftcol {
	float: left;
	width: 350px;
	background-image: url(images/mainpic.jpg);
	background-repeat: no-repeat;
}
#leftcol_gallery {
	float: left;
	background-color: #DCE6D2;
	width: 350px;
	background-image: url(images/mainpic_gallery.jpg);
	background-repeat: no-repeat;

}

#logo {
	background-color: #FFFFFF;
	text-align: right;
	margin-right: 0px;
	width: 580px;
	height: auto;
}
#nav {
	background-color: #bbcca8;
	width: 350px;
	text-align: center;
	margin-top: 135px;
	height: 24px;
	padding-top: 7px;
	padding-bottom: 0px;

}
#quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #bbcca8;
	margin-top: 325px;
	text-align:center;
	padding-top: 25px;
	width: 350px;
}
#quote_gallery {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #bbcca8;
	background-color: #003300;
	margin-top: 10px;
	text-align:center;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
#quote_gallerymain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #bbcca8;
	background-color: #003300;
	margin-top: 325px;
	text-align:center;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
#maintext {
	width: 580px;
	padding: 20px 7px 5px 20px;
	background-color: #FFFFFF;
	float: left;
	border-style: none;
	margin-left: 0px;
}
#footerNav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#footerNav ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#footerNav ul li a {
	font-size: 11px;
	color: #082C04;
}
#maintext div {
	font-size: 12px;
	line-height: 18px;
	margin-left: 5px;
	margin-bottom: 0px;
	border-style: none;
	}
	
#maintext a {
	text-decoration: underline;
	color:  #003300;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
#maintext a:visited {
	color:  #003300;
	}
#maintext a:active {
	color:  #003300;
	}
#maintext a:hover {
	text-decoration: underline;
	}
.clr {
	clear: both;
	line-height:0px;
}

.greenbar {
	width: 606px;
	height: 24px;
	background-color: #bbcca8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 4px;

}
.homelink {
	text-align: right;
	padding-right:35px;
	padding-top: 5px;
}
#rightcontent .homelink a, a:link, a:visited {
	text-decoration: none;
	color:  #FFF;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
#rightcontent .homelink a:hover {
	text-decoration: none;
	color:  #769357;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
#rightcontent {
	float: left;
	width: 606px;
	height: auto;
}

#footer  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003300;
	margin-top: 15px;


}
#footerNav a:link, #footerNav a:visited {
	text-decoration: none;
}

#footerNav a:hover {
	text-decoration: underline;
	
}
.rightlink {
	text-align: right;
	margin-right: 5px;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #bbcca8;
	list-style-type: square;
	margin-top: 0px;
	padding-top: 0px;

}
.quotes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 10px 0px 0px;
	border-top: 1px dotted #000;
	padding-left: 0px;
	font-weight: bold;

}
.quoter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	margin-top: 6px;
	margin-bottom: 30px;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 15px;

}
.formtext {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #000000}

.sidethumbnails {

	margin-top: 10px;
	margin-left: 25px;
	min-height: 450px;
	
}
.thumbnail
{
	float: left;
	width: 135px;
	text-align: center;
	border: 1px solid #999;
	margin: 0 10px 10px 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.thumbnailspace
{
	width: 135px;
}
.clearboth { clear: both; }

.gallerypic
{
	text-align: center;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #88A666;
}

.gallerypic img
{
border: 2px solid #e5e5e5;

}
.gallerylink
{
text-align: right;
margin-top: 25px;
}
.gallerylink a, a:hover, a:visited {
	text-decoration: none;
	color:  #769357;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
.thumbnailgallery
{
	width: 130px;
	margin: 0 2px 2px 0;
	text-align: center;
}
.thumbnailgallery img
{
border: 2px solid #e5e5e5;
}
.visualize
{
	width: 300px;
	text-align: center;
	margin: 5px 5px 5px 5px;
	padding: 3px 3px 3px 3px;
	border: 1px solid #e5e5e5;

}
.listTextColor {
	color: #000;
}
.listColumns {
	float: left;
	margin-right: 20px;
	padding-left: 6px;
	list-style: square inside;
	font-size: 12px;
}
.listColumns li {
}
.noBullets {
	list-style: none;
	font-weight: bold;
	margin-left: -10px;
	padding-left: 6px;
}
#contactForm td {
	padding-top: 8px;
	width: auto;
}
#contactForm {
	width: 100%;
}
.LightGreenText {
	color: #bbcca8;
	font-size: 14px;
	font-weight: bold;
}
.groupTextHeight {
	font-size: 11px;
}
.divBarTop {
	font-size: 9px;
	color: #093305;
	margin-right: 12px;
	margin-left: 12px;
}
.listColumns li {
}