body {
	margin: 0;
	padding: 0 0 15px 0;
	background: #F7F8EA;
	font: 14px "trebuchet ms", sans-serif;
	color: #333;
}

div#page {
	width: 820px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #fff;
}

div#top {
	height: 140px;
	margin: 0;
	padding: 20px 50px 0 0;
	background-color: #F7F8EA;
	background-image: url("images/logo.gif");
	background-repeat: no-repeat;
	text-align: right;
	color: #726020;
}

form#logout{
	display: inline;
}

div#menu {
	clear: both;
	width: 800px;
	height: 239px;
	padding: 0 0 0 20px;
	background: url("images/menu.gif");
	background-repeat: no-repeat;
}

.menulink:link, .menulink:visited, .menulink:hover, .menulink:active {
	display: block;
	float: left;
	width: 87px;
	margin: 105px 0 0 22px;
	padding: 95px 0 10px 0;
	text-align: center;
}

.active:link, .active:visited, .active:hover, .active:active {	
	color: #EB6D20;
}

/*CONTENT*/
div#content {
	margin: 0;
	padding: 0 20px 0 20px;
}

h1 {
	margin: 15px 0 0 0;
	font: 34px georgia, serif;
	color: #938345;
	text-align: center;
}

h2 {
	margin: 15px 0 0 0;
	font: 24px georgia, serif;
	color: #938345;
}

h3 {
	margin: 18px 0 -10px 0;
}

p {
	margin: 15px 0 0 0;
	line-height: 20px;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 15px 0 0 0;
	border: 0;
	padding: 0;
}

ul {
	margin: 0 0 0 25px;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
	line-height: 18px;
}

a, a:link, a:visited, a:active {
	color: blue;
	text-decoration: none;
	cursor: pointer;
	color: #726020;
}

a:hover {
	color: #938345;
}

img {
	border: 0;
}

.clear {
	clear: both;
}

.center{
	text-align: center;
}

/*Home*/
div#gallery{
	clear: both;
	border-top: 1px solid #fff;
}
div.blog{
	overflow: hidden;
	float: left;
	width: 230px;
	margin: 30px 13px 20px 13px;
	padding: 0;
}

div.blog div{
	overflow: hidden;
	height: 160px;
	width: 230px;
	margin: 0;
	padding: 0;
}

div.blog img{
	float:none
	display: block;
	margin: 0;
}

p.dateline{
	font: italic 13px "trebuchet ms", sans-serif;
}

div.blog p{
	text-align: justify;
}

/*About Us*/
div.highlight{
	float: right;
	width: 270px;
	margin: 10px 0 25px 25px;
	border: 5px solid #F5EFE7;
	text-align: center;
}

p.about{
	margin-top: 23px;
}

/*Client Login*/
fieldset#loginForm{
	width: 310px;
}

fieldset#client{
	width: 740px;
	padding: 13px 20px 13px 20px;
	background: #F6F3DF;
}

fieldset#client table{
	float: left;
	margin: 0 25px 0 0;
}

fieldset#client h2{
	margin: 0;
}

div.cottageGardeners{
	margin: 20px 0 0 0;
	border: 1px solid #938345;
	padding: 0 5px 5px 5px;
}

div.cottageGardeners h3{
	margin: 0 -5px 0 -5px;
	padding: 3px;
	background: #938345;
	color: #fff;
}

div.client{
	margin: 20px 0 0 0;
	border: 1px solid #DCD06C;
	padding: 0 5px 5px 5px;
}

div.client h3{
	margin: 0 -5px 0 -5px;
	padding: 3px;
	background: #DCD06C;
	color: #fff;
}

/*Before and After*/
img.before{
	float: left;
	display: block;
	margin: 20px 16px 0 0;
	border: 1px solid #666;
}

img.after{
	display: block;
	margin: 20px 0 0 0;
	border: 1px solid #666;
	
}

/*Community*/
img.gallery{
	float: left;
	margin: 15px 6px 15px 6px;
	border: 1px solid #777;
}

/*Contact Us*/
div#contact{
	float: right;
	width: 330px;
	margin: 15px 0 0 20px;
	padding: 8px;
	background: #F6F3DF;
}

p.error{
	color: red;
}

p.confirmation{
	color: blue;
}

iframe{
	width: 370px;
	height: 280px;
	margin: 30px 0 0 0;
}

/*FOOTERS*/
p#footerMenu{
	clear: both;
	padding-top: 15px;
	text-align: center;
	font-size: 12px;
	color: #726020;
}

div#footer {
	clear: both;
	height: 23px;
	padding: 12px 0 0 0;
	background: url("images/footer.gif");
	background-position: bottom center;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 12px;
	color: #888;
}
