/* CSS Document */

body {
	background-color:#D5F9E6;
	padding:0;
	margin:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
}
/* for all browsers that understand min-width */
.hwidth {
	width: 100%;
	min-width:720px;
	margin: 0 auto;
	text-align: left;
	white-space:normal;
	background-color:#D5F9E6;
	padding:0;
	border:0;
	background-image:  url("../pics/logo_red_right.gif");
	background-repeat: repeat-x;
}
/* the bodge for IE6 browsers  - i found how to do this at http://www.cssplay.co.uk/boxes/minwidth.html*/
* html .hmin0{
	border-left:720px solid #D5F9E6;
	position:relative; 
	float:left; 
	background-color:#D5F9E6;
	padding:0;
	margin: 0;
	}
* html .hmin1{
	position:relative;
	float:left;
	margin-left:-720px;
	padding:0;
	border:0;
	}
/*\*/
* html .hmin0, * html .hmin1 {
	height: 1px;
}
/*/
.width {
	display: inline-block;
}
/**/
#header {
	position: relative;
	margin:0;
	top:0px;
	left: 0%;
	border: 0;
	padding:0;
	z-index: 0;
	background-image:  url("../pics/logo_red_right.gif");
	background-repeat: repeat-x;
	width:100%;
	}
div#header a:hover {
	background-color:transparent;
	}	
.logo {
	background-image:  url("../pics/logo_red_right.gif");
	background-repeat: repeat-x;
	}
#nav{
	margin:0 0 0 345px; 
	position:absolute;
	top:96px;
	right: 0%;
	padding:0;
	right: 0px;
	text-align:right;
	border:0;
}
#navsite {
	right: 0%;
	padding:0 0 0 0;
	margin: 2px 2px 0px 285px; 
	background: #D5F9E6;
	color: #FFFFFF;
   	font-size:.8em;
	text-align: center;
	width: 103px;
	border:0;
	}
#navsite a{
	padding:0;
	margin:0;
	border:0;
	}
#navsite div {
	padding:0;
	border:0;
	margin:0;
	}
#navsite a:hover{
	background: #D5F9E6;
	}
#navsite img{
	padding:2px 0 2px 0;
	margin:0;
	border:0;
	}
#TOPBOX {
	background: #0C3921;
	color: #FFFFFF;
	padding-top:1.5em;
	padding-right:.5em;
	padding-bottom:1.2em;
   	text-align: right;
	font-size:.8em;
	font-family:Arial, Helvetica, sans-serif;
	margin:2px;
	right: 0%;
	top: 96px;
	width: 380px;
	background-image:url(../pics/green_corner_bl.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	}
.box_break {
	line-height:1.02em;
	}
#bottombox {
	right: 0%;
	padding:.65em 0 .65em 0;
	margin: 2px 2px 2px 285px; 
	background: #0C3921;
	color: #FFFFFF;
   	font-size:.8em;
	text-align: center;
	width: 103px;
	background-image:url(../pics/green_corner_bl.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	border:0;
	}
div#bottombox a:link {
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
	}
div#bottombox a:visited {
	font-weight: bold;
	color:#999999;
	text-decoration:none;
	}
div#bottombox a:hover {
	background-color:#991A4D;
	text-decoration:none;
	}
.snail {
	background: #0C3921;
	text-align:center;
	color: #FFFFFF;
	}
.fifty {
	width:50%;
	display:block;
	float:left;
	clear:both;
	text-align:left;
	margin-bottom:1em;
	font-weight:bold;
	font-size:1em;
	font-style:italic;
	}
#construction_pictures {
	position:relative;
	top:10px;
	clear:both;
	width:550px;
	left:5%;
	text-align:center;
	margin-bottom:5px;
	}	
#construction_pictures br {
	clear:both;
	}
div#construction_pictures img{
	border-color: #0C3921;
	border-width:2px;
	}
#con_rollovers {
	float:left;
	display:block;
	width:187px;
	}
#con_main {
	float:left;
	display:block;
	margin-top:60px;
	margin-bottom:20px;
	margin-left:10px;
	width:345px;
	}
.left {
	margin-right:90px;
	padding:2px;
	}
.right {
	margin-left:90px;
	padding:2px;
	}
.ND {
	display: none
  	}
#prev_next {
	color:#999999;
	width:550px;
	left:0%;
	text-align:left;
	font-weight: bold;
	position:relative;
	font-size:1.1em;
	}
#prev_next a:link{
	color:#666666;
	}
#prev_next a:visited{
	color:#999999;
	}
#prev_next a:hover{
	background-color:#991A4D;
	border-color:#B50D5C;
	color:#FFFFFF;
	}
#development_pictures a:hover {
	background-color:transparent;
	}
.dev_img {
	float:left;
	clear:none;
	}
.dev_text {
	float:left;
	padding-left:1em;
	margin-top:50px;
	display:block;
	width:6em;
	}
#flat .dev_text {
	width:6em;
	}
#rubble {
	position:relative;
	clear:both;
	left: 10%;
	height: 225px;
	width: 70%;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .95em;
	}
#flat {
	position: relative;
	clear:both;
	left: 30%;
	/*top: -30px;*/
	height: 225px;
	width: 65%;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .95em;
	}
#grass {
	position:relative;
	clear:both;
	left: 37%;
	top: 40px;
	height: 225px;
	width: 65%;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .95em;
	}
#early {
	position:relative;
	clear:both;
	left: 30%;
	top: 80px;
	height: 225px;
	width: 65%;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .95em;
	}
#plants {
	position:relative;
	clear:both;
	left: 10%;
	top: 80px;
	height: 225px;
	width: 85%;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .95em;
	}
#butterfly {
	position: relative;
	left: 5%;
	z-index: 1;
	clear:both;
	width:65%;
	top:1px;
	border:0;
	color:#0C3921;
	font-size: .95em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:2em;
	}
#comments {
	position:relative;
	clear:both;
	width:55%;
	left:12%;
	top: 10px;
	border:0;
	color:#0C3921;
	font-size: .95em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:2em;
	background-image:url(../pics/0green_bg.jpg);
	}
.submit {
	color:#FFFFFF;
	background-image: url("../pics/submit.jpg");
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#0C3921;
	margin-right:1em;
	margin-top:1em;
	}
.reset {
	color:#FFFFFF;
	background-color: #0C3921;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	}
.txt {
	display: block;
	float:left;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	}
.txt textarea{	
	font-family:Arial, Helvetica, sans-serif;
	}
#comments label {
	display:block;
	text-align:right;
	float:left;
	width:8em;
	padding-right:1em;
	margin-bottom:1em;
	}
#comments br {
	clear:left;
	}
a:link {
	font-weight: bold;
	color: #991A4D;
	}
a:visited {
	font-weight: bold;
	color: #0C3921;
	}
a:hover {
	background-color:#FFFFFF;
	}
#plantlist {
	color:#FFFFFF;
	background-color: #0C3921;
	position:relative;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	top:10px;
	clear:both;
	width:70%;
	left:5%;
	text-align:center;
	background-image:url(../pics/left_corner2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	}
#plain_corner {
	background-image:url(../pics/green_corner_tr.gif);
	background-position:right top;
	background-repeat:no-repeat;
	margin:0;
	padding:1em;
	border:0;
	}
#plantlist ul {
	text-align:left;
	}
#plantlist li {
	padding-bottom:0.2em;
	}
#plantlist a:link {
	font-weight:normal;
	color:#FFFFFF;
	}
#plantlist a:visited {
	font-weight:normal;
	color:#999999;
	}
#plantlist a:hover {
	background-color:#991A4D;
	}
#plantlist img{
	border-color: #D5F9E6;
	border-width:2px;
	margin:1px;
	}
#plantlist img a:hover{
	border-color: #991A4D;
	border-width:2px;
	margin:1px;
	}
#plantlist_links, #plantlistlinks_b {
	color: #FFFFFF;
	height:1.3em;
	}
.plant_pictures #plantlist_links, .plant_pictures #plantlistlinks_b {
	display:block;
	clear:both;
	color:#666666;
	}
#plantlist_links a:link, #plantlist_links_b a:link  {
	font-weight: bold;
	color:#EEEEEE;
	}
.plant_pictures #plantlist_links a:link, .plant_pictures #plantlist_links_b a:link {
	color:#666666;
	}
#plantlist_links a:visited, #plantlist_links_b a:visited {
	font-weight: bold;
	color:#999999;
	}
#plantlist_links a:hover, #plantlist_links_b a:hover {
	background-color:#991A4D;
	border-color:#B50D5C;
	color:#FFFFFF;
	}
#plantlist p{
	padding: 0 1em 1em 1em;
	margin-top:0;
	border-top:0;
	}
#center {
	text-align:center;
	}
.botanicalname {
	font-style:italic;
	font-weight:bold;
	}
#biggertext {
	font-size:2.5em;
	font-weight:bold;
	color: #B50D5C;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	padding:0.5em;
	}
#boldtext{
	font-size:1.2em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	border:0;
	margin:0;
	padding: 0 0 0 1em;
	}
#boldtext a:link{
	border:0;
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:bold;
	}
#boldtext a:visited{
	border:0;
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:bold;
	}
.plant_pictures {
	position:relative;
	top: 6em;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	width:85%;
	left:5%;
	text-align:left;
	}
#text_left {
	text-align:left;
	}
.picright {
	position:relative;
	float:right;
	border:0;
	margin:0;
	padding:10px 0 10px 0;
	}
.txt_float{
	float:left;
	margin:50px 0 0 0;
	padding: 0 5px 0 0;
	border:0;
	display:block;
	width:200px;
	text-align:right;
	}
.txt_right{
	margin:50px 0 0 0;
	padding: 0 0 0 5px;
	border:0;
	text-align:left;
	float:left;
	display:block;
	width:200px;
	}
.img_float {
	float:left;
	clear:none;
	border:0;
	padding:0;
	margin:0;
	}
div.plant_pictures img{
	border-color: #0C3921;
	border-width:2px;
	}
.gallery_numbers {
	font-size: .95em;
	font-family:Arial, Helvetica, sans-serif;
	background: #0C3921;
	color: #FFFFFF;
	width:190px;
	height:1em;
	}
.design {
	color:#000000;
	position:relative;
	padding:1em;
	font-family:Arial, Helvetica, sans-serif;
	top:10px;
	clear:both;
	width:75%;
	left:5%;
	text-align:left;
	}
.design a:link{color:#666666;}
.design a:visited{color:#999999;}
.design a:hover{color:#991A4D;}

.design_final {
	color:#000000;
	position:relative;
	padding:1em;
	font-family:Arial, Helvetica, sans-serif;
	top:10px;
	clear:both;
	width:80%;
	left:5%;
	text-align:left;
	}
.design img, .design_final img{
	padding:0 0 0 0;
	border-width:0;
	border-color:#0C3921;
	margin:20px;
	}
.design .images img, .design_final .images img{
	border-color:#0C3921;
	border-width:2px;
	border-style:solid;
	padding:8px;
	background-color:#999999;
	}
.images{
	margin:15px;
	display:block;
	clear:both;
	}
#planleft, #planright, #plan{
	float:left;
	}
#thanks {
	font-size: .95em;
	font-family:Arial, Helvetica, sans-serif;
	background: #0C3921;
	color: #FFFFFF;
	text-align:center;
	}
div#thanks a:link {
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
	}
div#thanks a:visited {
	font-weight: bold;
	color:#999999;
	text-decoration:none;
	}
div#thanks a:hover {
	background-color:#991A4D;
	text-decoration:none;
	}
#earlyplan {
	position:relative;
	float:left;
	}
#earlyplan img{
	border-color:#0C3921;
	border-width:2px;
	border-style:solid;
	padding:8px;
	background-color:#999999;
	}
#final_plan_right {width:10em;}
#final_plan_left {width:9em;}
#final_plan_left, #final_plan_centre, #final_plan_right {position:relative; float:left; padding:0; margin:0; border:0}
#final_plan_left, #final_plan_centre, #final_plan_right, #early_plan_key {font-size:.6em;}
#final_plan_left img, #final_plan_centre img, #final_plan_right img {padding:0px; border:0; margin:1px 2px 0 2px;}
#main_image img {border:0; margin:100px 10px 20px 0px; padding:0px;}
.final_plan_width {width:670px; text-align:left; margin-top:40px; margin-left:0px; margin-right:0px; padding:0;}
#key {width:14em; text-align:left;}
#key_seating img {background-color:#6E746A; border-color:#0C3921; border-width:1px; border-style:solid; 	margin:1px 2px 0 2px; padding:0;}
#key_border img {background-color:#D5F9E6; border-color:#0C3921; border-width:1px; border-style:solid; 	margin:1px 2px 0 2px; padding:0;}
#key_herb img {background-color:#561444; border-color:#0C3921; border-width:1px; border-style:solid; 	margin:1px 2px 0 2px; padding:0;}
#key_paving img {background-color:#D492D9; border-color:#0C3921; border-width:1px; border-style:solid; 	margin:1px 2px 0 2px; padding:0;}
#key_prominant_plant img {border-color:#D5F9E6; border-width:1px; border-style:solid; 	margin:1px 2px 0 2px; padding:0;}
#key_deck img {background-color:#6B0C2F; border-color:#0C3921; border-width:1px; border-style:solid; 	margin:1px 2px 0 2px; padding:0;}
#key_raised_bed img {background-color:#6C905D; border-color:#0C3921; border-width:1px; border-style:solid; 	margin:1px 2px 0 2px; padding:0;}
#key_wall img {background-color:#37010F; border-color:#0C3921; border-width:1px; border-style:solid; 	margin:1px 2px 0 2px; padding:0;}
#key_grass img {background-color:#0C3921; border-color:#0C3921; border-width:1px; border-style:solid; 	margin:1px 2px 0 2px; padding:0;}
#key_deck img {background-color:#6B0C2F; border-color:#0C3921; border-width:1px; border-style:solid; 	margin:1px 2px 0 2px; padding:0;}
#key_wall img {background-color:#37010F; border-color:#0C3921; border-width:1px; border-style:solid; 	margin:1px 2px 0 2px; padding:0;}
.earlyplanwidth {width:530px; text-align:left;}
h3 {padding: 10px 0 0px 25px; margin: 50px 5px 10px 5px; border:0; background-image:url(../pics/title_shape.gif); background-repeat:no-repeat; background-position:left top;}
#hide {color:#000000; font-size:48px; display:none;}
.design h2 { background:url(../pics/design_title.gif); background-repeat:no-repeat; height:44px; width:153px; margin:20px 0 20px 0;}
h5 {font-size:1.1em; text-align:center;}
#links{
	color:#000000;
	position:relative;
	padding:1em;
	font-family:Arial, Helvetica, sans-serif;
	top:10px;
	clear:both;
	width:75%;
	left:5%;
	text-align:left;
	font-size:0.95em;
	}
h2 {color:#666666;}
#links a:visited{
	color:#666666;
	}
#links a:hover{
	background-color:#991A4D;
	border-color:#B50D5C;
	color:#FFFFFF;
	}
#slideshow_nav{
	padding:20px;
	}
#slideshow img{
	border-color:#666666;
	border-width:1px;
	}
#main {
	color:#0C3921;
	position:relative;
	padding:0 1em 2em 1em;
	font-family:Arial, Helvetica, sans-serif;
	top:10px;
	clear:both;
	width:75%;
	left:9%;
	text-align:left;
	font-size:1em;
	}
#main a {
	color:#0C3921;
	}
#main a:visited{
	color:#666666;
	}
#main a:hover{
	background-color:#991A4D;
	border-color:#B50D5C;
	color:#FFFFFF;
	}
#main li{
	padding:0.3em;
	}