﻿/* color: a1a870 */

body {
	background: #a1a76f url(../images/bg1.gif) repeat-x fixed;
	padding: 10px 0 0 0;
}

form {
	margin: 0;
	padding: 0;
}

#container {
	position: absolute;
	left: 50%;
	margin-left: -385px;
	width: 770px;
}

#headbar {
	background: url(../images/headbar.gif);
	height: 37px;
	width: 770px;
}

#header {
	background: url(../images/header.jpg);
	height: 183px;
	width: 770px;
}

#plant {
	position: absolute;
	margin: 0 0 0 770px;
}

#shadow {
	position: absolute;
	margin: 4px 0 0 -13px;
}

/* Menu
----------------------------------------------------------------------*/
#header ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 2px 2px 0 0;
}

#header ul li a {
	display: block;
	margin-bottom: 1px;
	width: 179px;
}

#header ul li a:active {outline: none;}

#header a#home {
	background: url(../images/menu.gif);
	height: 24px;
}

#header a#projects {
	background: url(../images/menu.gif);
	background-position: 0 -25px;
	height: 24px;
}

#header a#gardens {
	background: url(../images/menu.gif);
	background-position: 0 -50px;
	height: 24px;
}

#header a#art {
	background: url(../images/menu.gif);
	background-position: 0 -75px;
	height: 24px;
}

#header a#offer {
	background: url(../images/menu.gif);
	background-position: 0 -100px;
	height: 24px;
}

#header a#completions {
	background: url(../images/menu.gif);
	background-position: 0 -125px;
	height: 24px;
}

#header a#references {
	background: url(../images/menu.gif);
	background-position: 0 -150px;
	height: 24px;
}

#header a:hover#home {background-position: 179px 0;}
#header a:hover#projects {background-position: 179px -25px;}
#header a:hover#gardens {background-position: 179px -50px;}
#header a:hover#art {background-position: 179px -75px;}
#header a:hover#offer {background-position: 179px -100px;}
#header a:hover#completions {background-position: 179px -125px;}
#header a:hover#references {background-position: 179px -150px;}



#content, #content2 {
	background: url(../images/bg2.gif) bottom;
	float: left;
	width: 770px;
}

* html #content2 {
	background: url(../images/bg2.gif) bottom;
	float: left;
	margin: 0 -2px 0 -2px;
	width: 770px;
}

#main-g, #main-g1 {
	margin: 0 161px 0 159px;
	text-align: center;
	width:500px;
}

* html #main-g1 {
	margin: 0 -100px 0 200px;
	text-align: center;
	width:600px;
}

*:first-child+html #main-g1 {
	margin: 0 -100px 0 200px;
	text-align: center;
	width:600px;
}






#main p {
	color: #605b44;
	font: italic 0.9em Trebuchet MS;
	line-height: 1.5em;
	padding: 0 16px;
	text-align: justify;
}

* html #main p {
	margin: 0;
}

#main p img {
	border: 0;
	padding: 0 0 0 16px;
	vertical-align: top;
}

#main h1 {
	color: #605b44;
	font: bold 1em Verdana;
	margin: 0;
	padding: 0 0 4px 16px;
}

#main hr {
	border-top: 1px #bcc077 solid;
	border-bottom: 1px #ecedd3 solid;
	border-left: 0;
	border-right: 0;
	margin: 0 0 0 16px;
	padding: 0;
	text-align: left;
	width: 734px;
}

#main ul li {
	color: #605b44;
	font: italic 0.9em Trebuchet MS;
	line-height: 1.5em;
}







* html #navigation3 {
	clear: both;
	margin: 0;
	padding: 0 0 0 203px;
	text-align: center;
	width:500px;
}

* html #navigation3 a {
	background: #EEE;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	border-top: 0;
	color: #605b44;
	display: block;
	font: 0.7em Verdana;
	height: 30px;
	margin: 0 6px 10px 0; 
	padding: 4px;
	text-align: center;
	text-decoration: none;
	width: 111px;
}


*:first-child+html #navigation3 {
	clear: both;
	margin: 0;
	padding: 0 0 0 203px;
	text-align: center;
	width:500px;
}


*:first-child+html #navigation3 a {
	width: 111px;
}

*:first-child+html #navigation {
	clear: both;
	margin: 0 270px;
	padding: 3px 0 0 0;
	text-align: center;
}










#navigation3 {
	clear: both;
	margin: 0 162px;
	padding: 0 0 0 0;
	text-align: center;
	width:500px;
}

#navigation3 ul {
	list-style: none;
	margin: 0;
}

#navigation3 ul li {
	float: left;
	list-style: none;
	margin: 0;
}

#navigation3 a {
	background: #EEE;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	border-top: 0;
	color: #605b44;
	display: block;
	font: 0.7em Verdana;
	height: 30px;
	margin: 0 6px 10px 0; 
	padding: 4px;
	text-align: center;
	text-decoration: none;
	width: 108px;
}

#navigation3 ul li a.unactive {
	background: #d8daa8;
	border: 1px #a3a481 solid;
	color: #b5ac80;
	display: block;
	font: 0.7em Verdana;
	margin: 0 6px 0 0; 
	padding: 4px;
	text-align: center;
	text-decoration: none;
	width: 108px;
}









/* Navigation 2
----------------------------------------------------------------------*/
#navigation2 {
	clear: both;
	margin: 0 162px;
	padding: 0 0 0 0;
	text-align: center;
	width:500px;
}

#navigation2 ul {
	list-style: none;
	margin: 0;
}

#navigation2 ul li {
	float: left;
	list-style: none;
	margin: 0;
}

#navigation2 a {
	background: #EEE;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	border-top: 0;
	color: #605b44;
	display: block;
	font: 0.7em Verdana;
	height: 30px;
	margin: 0 6px 10px 0; 
	padding: 4px;
	text-align: center;
	text-decoration: none;
	width: 108px;
}

#navigation2 ul li a {
	outline: none;
}

#navigation2 ul li a.unactive {
	background: #d8daa8;
	border: 1px #a3a481 solid;
	color: #b5ac80;
	display: block;
	font: 0.7em Verdana;
	margin: 0 6px 0 0; 
	padding: 4px;
	text-align: center;
	text-decoration: none;
	width: 108px;
}

#navigation2 ul li a:hover.unactive {
	background: #d8daa8;
	border: 1px #a3a481 solid;
	font: 0.7em Verdana;
}

/* Navigation
----------------------------------------------------------------------*/
#navigation {
	clear: both;
	margin: 0 230px;
	padding: 3px 0 0 0;
	text-align: center;
}

#navigation ul {
	list-style: none;
	margin: 0;
}

#navigation ul li {
	float: left;
	list-style: none;
	margin: 0;
}

#navigation ul li a {
	background: #d8daa8;
	border: 1px #a3a481 solid;
	color: #605b44;
	display: block;
	font: 0.7em Verdana;
	margin: 0 1px 0 0; 
	padding: 4px;
	text-align: center;
	text-decoration: none;
	width: 220px;
}

#navigation ul li a:active {
	outline: none;
}

#navigation ul li a.unactive {
	background: #d8daa8;
	border: 1px #a3a481 solid;
	color: #b5ac80;
	display: block;
	font: 0.7em Verdana;
	margin: 0 1px 0 0; 
	padding: 4px;
	text-align: center;
	text-decoration: none;
	width: 120px;
}

#navigation ul li a:hover {
	background: #e5e5b7;
	border: 1px #a3a481 solid;
	font: bold 0.7em Verdana;
}

#navigation ul li a:hover.unactive {
	background: #d8daa8;
	border: 1px #a3a481 solid;
	font: 0.7em Verdana;
}

/* Bottom
----------------------------------------------------------------------*/
#bottom {
	clear: both;
}

#form-cell {
	float: left;
	padding: 12px;
	width: 300px;
}

#contact-cell {
	float: left;
	padding: 12px;
}

#bottom h1 {
	color: #605b44;
	font: bold 1em Verdana;
	margin: 0;
	padding: 0 0 4px 0;
}

#bottom hr {
	border-top: 1px #bcc077 solid;
	border-bottom: 1px #ecedd3 solid;
	border-left: 0;
	border-right: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 270px;
}

#bottom p {
	color: #605b44;
	font: 0.7em Verdana;
}

.textarea {
	background: #FFF url(../images/bg0.gif) top repeat-x;
	border: 1px #a3a481 solid;
	color: #bebebe;
	font: 100% Verdana;
	height: 75px;
	margin: 0 0 4px 0;
	overflow: hidden;
	padding: 4px;
	width: 250px;
}

.textbox01 {
	background: #FFF url(../images/bg0.gif) top repeat-x;
	border: 1px #a3a481 solid;
	color: #bebebe;
	font: 100% Verdana;
	margin: 0 0 4px 0;
	padding: 4px;
	width: 250px;
}

.textbox02 {
	background: #FFF url(../images/bg0.gif) top repeat-x;
	border: 1px #a3a481 solid;
	color: #bebebe;
	font: 100% Verdana;
	padding: 4px;
	width: 186px;
}

#button {
	background: #a3a481;
	border: none;
	color: #FFF;
	font: 100% Verdana;
	padding: 4px;
	width: 60px;
}

/* Footer
----------------------------------------------------------------------*/
#footer {
	background: url(../images/footer.gif);
	clear: both;
	height: 64px;
	width: 770px;
}

#footer p {
	color: #605b44;
	font: 10px Verdana;
	margin: 0;
	padding: 12px;
	text-align: left;
}

#footer p a {
	color: #605b44;
}

#footer p a:hover {
	color: #605b44;
	text-decoration: none;
}

#footer p a:active {
	outline: none;
}

/* Hoverbox
----------------------------------------------------------------------*/

.hoverbox {
	list-style: none;
}

.hoverbox a .preview {
	display: none;
}

.hoverbox a:hover .preview {
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img {
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li {
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview {
	border-color: #000;
	width: 200px;
	height: 150px;
}

/* Hoverbox
----------------------------------------------------------------------*/

.hoverbox2 {
	list-style: none;
}

.hoverbox2 img {
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox2 li {
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	border-bottom: 0;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	margin-bottom: 0;
	padding: 5px;
	position: relative;
}



.hoverbox3 {
	list-style: none;
}

.hoverbox3 img {
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox3 li {
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	border-bottom: 0;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	margin-bottom: 0;
	padding: 5px;
	position: relative;
}
























#main-ba {
	margin: 0 200px -14px 221px;
	text-align: center;
}

#paginate-bottom1 {
	margin: 0 80px -14px 0px;
}

#title ul {
	list-style: none;
	margin: 0;
}

#title ul li {
	color: #605b44;
	float: left;
	width: 125px;
	font: 0.9em Verdana;
}

*:first-child+html #navigation2 { /* IE7 only CSS hack */
	padding-left: 40px; /* IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}
