body 
{
	margin: 0;
	padding: 0;
	border: 0;			      /* This removes the border around the viewport in old versions of IE */
	width: 100%;
	min-width: 900px;    	/* Minimum width of layout - The min-width property does not work in old versions of Internet Explorer */
  background-color: #6d9400; /* green */
  color: #17365d; /* dark blue */
	font-size: 90%;
	font-family: Calibri, Arial;
}
a
{
  font-size: 16pt;
	color:#4f81bd; /* light blue */
}
a:hover
{
	color:#800000; /* maroon */
	text-decoration:none;
}
button, input[type="button"], input[type="submit"]
{
  border: 0;
  border-style: none;
  background: inherit;
  font: inherit;
  font-size: 16pt;
	color:#4f81bd; /* light blue */
  cursor: hand;
  cursor: pointer;
  padding: 0px;
  text-decoration: underline;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover
{
	color:#800000; /* maroon */
	text-decoration:none;
}
.heading
{
  font-size: 16pt;
  color: #800000; /* maroon */
}
#gallery .heading
{
  color: white;
  text-align: center;
}
#gallery a:hover
{
  color: #6d9400; /* green */
  text-align: center;
}
acronym
{
  cursor: help;
}
img 
{
	margin: 2px;
	border: 0;
}
/* Header styles */
#header 
{
  margin-top: -20px;
	width:100%;
	text-align: center;
  background: transparent url('images/greenbg.jpg') repeat-x scroll center top;
}
#banner
{
  width: 100%;
  height: 100px;
  background: transparent url('images/ThePinkGeranium.png') no-repeat scroll center top;
  padding: 0;
  margin: 0;
}
.photobanner
{
  background: transparent;
  width: 100%;
}
.photobanner img
{
  width: 85px;
  height: 85px;
  margin: 4px 0 0 0;
}
/* column settings */
.maincontainer
{
	overflow:hidden;	   /* This chops off any overhanging divs */
	background-color: white;
}
#gallery .maincontainer
{
	background-color: black;
	color: white;
	text-align: center;
}
#gallery .leftcontainer
{
  text-align: left;
}
.maincontainer, .leftcontainer
{
	position:relative;   /* This fixes the IE7 overflow hidden bug */
	float:left;
	width:100%;
}
.leftcontainer
{
	right:86%;			    /* move leftcontainer left the width of maincontent (including 1% padding either side) */
  background:#dbe0b8;	/* left column background colour - light grey green */
}
.leftcolumn,
.maincontent
{
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
.leftcolumn 
{
	width:14%;			/* left column content width (no padding - same as column width) */
	left:86%;			  /* move leftcolumn right the amount which leftcontainer was moved left (no padding) */
  background-color: #dbe0b8;	/* left column background colour - light grey green */
}
.maincontent 
{
	width:84%;			/* right column content width (column width minus left and right padding of 1% each) */
	left:87%;			  /* move maincontent right the amount which leftcontainer was moved left (plus left padding of 1%) */
}
/* Menu styles within leftcolumn */
#menu a, #menu a:hover
{
  font-size: 12pt;
  color: white;
  text-decoration: none;
}
/*
#menu a:hover, #menu li:hover a
{
  color: #17365d; 
}
*/
ul#menu
{
  margin: 0;
  padding: 20px 0;
}
#menu li 
{
  margin: 0;
  padding: 1em;
  left: 0;
  list-style-type: none;
  background: #17365d url('images/menubg.png') repeat-x scroll left center; /* dark blue */
  font-size: medium;
  border-bottom: 1px #dbe0b8 solid;
}
#menu li:hover
{
  background: #4f81bd url('images/menubg-hover.png') repeat-x scroll left center; /* light blue */
  cursor: pointer;
}
#menu span 
{
  position: absolute;
  top: 340px;
  left: 0;
  height: 30px;
  width: 93%;
  padding: 7px;
  margin: 2px;
  background: white;
  color: #17365d; /* dark blue */
  font-size: smaller;
  border: 1px #4f81bd solid; /* light blue */
  visibility: hidden;
  text-align: left;
}
#menu li:hover span, #menu li:focus span 
{
  visibility:visible;
}
#menu li ul
{
  position: absolute;
  top: 95px;
  left: 50px;
}
#menu li li
{
  position: relative;
  top: 0;
  left: 0;
  width: 120px;
  background: #800000; /* maroon */
  color: #fff;
  border-bottom: 1px #fff solid;
}
#menu li ul
{
  display: none;
}
#menu li:hover ul, #menu li:focus ul
{
  display: block;
}
#menu li.explanation
{
  background:transparent;
}
/* Content styles */
.subheading
{
  font-size: 15pt;
}
.emphasize
{
  font-size: 14pt;
  color: #6d9400; /* green */
}
.small
{
  font-size: 10pt;
}
.center
{
  text-align: center;
}
.right
{
  text-align: right;
}
.spacer
{
  height: 50px;
}
.feature
{
  color: #6d9400; /* green */
}
.conclusion
{
  font-weight: bold;
}
#facebook
{
  position: relative;
  bottom: 0;
  text-align: center;
}
#landscaping-images
{
  float: right;
  width: 220px;
  padding: 10px;
}
#article-image
{
  float: right;
  width: 300px;
  padding: 10px;
}
#retailcollage
{
  float: left;
  width: 180px;
  padding: 0px 15px 0px 10px;
}
#winterstroommap
{
  float: right;
  width: 50%;
  padding: 10px;
}
#wonderwalls
{
  float: right;
  width: 20%;
  padding: 10px;
}
#home-images
{
  text-align: center;
}
#home-images img
{
  width: 250px;
}
#retailimages
{
  float: right;
  width: 50%;
  padding: 10px;
}
#producttable tr
{
  border-bottom: 1px #999 solid; /* grey */
}
#contactform label
{
  clear: both;
  display: block;
  float: left;
  width: 250px;
  padding: 7px;
  vertical-align: top;
  color: #800000; /* maroon */
  font-size: 14pt;
}
#contactform input, #contactform textarea
{
  float: left;
  width: 250px;
  padding: 3px;
  margin: 4px;
}
input#submit
{
  clear: both;
  float: none;
  display: block;
  width: 100px;
  background-color: #6d9400; /* green */
  border: none;
  color: white;
  font-size: 12pt;
  text-transform: uppercase;
  margin: 4px 200px 4px 200px;
}
#thumbs
{
  width: 480px;
  margin: 0 auto;
  text-align: center;
  padding-top: 50px;
}
#thumbs span
{
  float: left;
  width: 120px;
}
.active
{
  font-size: 12pt;
  color: white;
  text-decoration: none;
}
.active:hover
{
  color: white;
}
.clear
{
  clear: both;
}
.required
{
  border: 1px #bf0000 solid; /* dark red */
}
.problem
{
  border: 1px red solid;
}
.completed
{
  border: 1px #6d9400 solid; /* green */
}
/* Footer styles */
#footer 
{
	clear:both;
	width:100%;
	line-height: 75px;
	text-align: center;
/*  background: transparent url('images/greenbg.jpg') repeat-x scroll center top;*/
}
#copyright
{
  color: white;
  font-size: 14pt;
  font-family: Cambria, Tahoma, Verdana, Arial;
}