body 
{
background:#e0e0e0;
margin:0;
padding:0px; 
line-height:1.5em;
}

div.textpadding
{
padding: 1.5em 1.5em 0 1.5em;
}
#banner 
{
margin:20px 0 0 0;
height: 100px; 
background:url('../images/logo1.png') no-repeat;
font-size:.75em;
font-style:italic;  
text-align:center;
}
			
#banner h1 
{
font-variant: small-caps;
color: #00dd00;
font-size:3.25em
}

#main
{
width:80%; 
border:medium double green ;
margin:20px auto;	
background: url('../images/banner.jpg') repeat-x #fff;
}
#mainleft {
	width:10%;
	float:left;
	height:10px;
	margin: 10px 0px;
}
#mainright 
{
	width:20%;
	float:left;
	background:none;
	font-size: 0.75em;
	color:#448;
	text-align:center;
	line-height:1.5em;
	margin: 10px 0px;
}

div#mainright img {		/* applies attr to a div with the id of mainright */

text-align:center;
border:0px none;
width:130; height:230; 
padding: 20px 0px;
}

#maincenter {
margin: 10px 10px;
line-height:1.5em;
width:63%;
float:left;
background:none;
padding:0 0;
text-align:justify;
}


#maincenter.expand {
width:75%;
}

#maincenter li {
font-style:italic;
list-style-type:circle;
padding:.1em;
}
#nostyle li {
	list-style-type:none;
	font-style:normal;
}
#trailer
{
clear:both;
font-size:.75em;
text-align:center;
color: #AEAEAE;
margin-top:10px;

}	

#centeredmenu {
   float:left;
   width:100%;
   /*background:#fff;*/
   /*border-bottom:1px solid #e0e0e0;*/
   overflow:hidden;
   position:relative;
   /*margin-bottom:10px;*/
   font-size:.75em;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0 2px;
	padding:0;
	position:relative;
	right:50%;
	border: 1px solid #e0e0e0;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   /*background:#ddd;*/
   color:#448;	/* was #000 (black) */
   text-decoration:none;
   line-height:1.3em;
}
#centeredmenu ul li a:hover {
   background:#369;
   color:#fff;
}

#centeredmenu ul li a.active:hover,
#centeredmenu ul li a.active {
   color:#fff;
   background:#000;
   font-weight:bold;
}
#index-page #index-menu a,  /* used to enable different attributes for the active link (needs each page to have id set) */
#commercial-page #commercial-menu a,
#domestic-page #domestic-menu a,
#countryside-page #countryside-menu a,
#contact-page #contact-menu a,
#plantfinder-page #plantfinder-menu a,
#gallery-page #gallery-menu a,
#shop-page #shop-menu a,
#x-page #x-menu a
{
	background-color:#CFC; 
}

#contact-wrap {
	width: 100%;
	background: none;
	float:left;
/*	padding: 20px 50px 20px 50px;
*/	padding: 0 0;
/*	margin: 20px auto;
	min-height: 500px;*/
	height: auto !important;
/*	height: 500px;
*/}

#contact-area {
	width: 100%;
	margin-top: 25px;
	background-color:#fafafa;

}

#contact-area input, #contact-area textarea{
	padding: 1px;  /*-- 5px --> */
	width: 70%;
	font-family: Helvetica, sans-serif;
	font-size:12px;
/*	font-size: .95em;
*/	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #900;
}

#contact-area input.submit-button {
	margin: 0;
	font: bold .75em Arial, Sans-serif;
	border: 1px solid #448;
	background: #fff;
	padding: 2px 2px;
	color: #448;
	width: auto;
}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 25%;
	padding-top: 5px;
	clear: both;
}
#gallery {
	background-color: #e0e0e0;
	padding: 10px;
}
#gallery ul {
	list-style: none;
}
#gallery ul li {
	display: inline;
}
#gallery ul img {
	border: 5px solid #f0f0f0; /* #3e3e3e; */
	border-width: 5px 5px 10px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 10px;
	color: #fff;
}
#gallery ul a:hover {
	color: #fff;
}