@charset "utf-8";
body {
	font: small Verdana, Geneva, sans-serif;
	background-image:url(/images/background-3.png); background-position:top center;
	background-repeat: no-repeat;
	background-color: #C8D59F;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #222222;
	line-height: 150%;
}

a {color: #8413b3; text-decoration:none;}
a:hover {text-decoration:underline;}
h1,h2,h3{text-align: left; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; margin: 0; padding: 0;} 

h1 {color: #222222; font-size: 130%; line-height: 100%; letter-spacing: 0.3em; padding: 20px 0 0 0;}
h2 {color: #315940; font-size: 170%; font-style: italic; font-weight: normal; line-height: 120%; letter-spacing: 0.05em;}
h3 {color: #222222; font-size: 125%; line-height: 100%; letter-spacing: 0.1em; padding: 10px 0 0 0;}
h4 {color: #315940; font-size: 85%; font-weight: normal; line-height: 50%; margin-left: 20px; margin-bottom: 20px;}
ul {margin-bottom: 10px;}
li {margin-top: 5px; margin-bottom: 10px;}

#menu {width: 100%; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 90%; letter-spacing: 0.4em; padding-top: 10px; padding-bottom: 10px;}
#menu table {width: 100%; margin: 10px auto;}
#menu table tr td {text-align: center; width: auto;}
#menu a {color: #7f2fa0; text-decoration:none;}
#menu a:hover {color: #222222; text-decoration:underline;}

#container,#header {width: 80%; min-width: 650px; max-width: 1000px; margin: 0 auto; padding: 0 20px;}
#header {height: 58px;}
#header p {font-size: 200%; color: #FFF; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; margin: 0; padding: 14px 0 0 0; line-height: 1em; letter-spacing: 0.4em;}
/* #container {background-color:#FFF; opacity: 0.85; padding-bottom: 20px;} */
#container {background-color:rgba(255,255,255,0.70); padding-bottom: 20px;}
#header span.tagline {font-size: 85%; font-style:italic; letter-spacing: 0.1em;}

#footer {font-size: 90%; color: #666666; text-align:center; padding-top: 40px; clear: both; width: 100%;}

div.left, div.right {float:left; width: 50%; min-width: 400px;}
div.left img, div.right img {width: 100%;}

body#about div.left {width: 50%; min-width: 200px; margin-top:1.5em;}
body#about div.right {width: 43%; padding-left: 20px; min-width: 200px;}
body#services div.left {width: 55%;margin-left: 3%; min-width: 380px; }
body#services div.right {width: 34%; margin-left: 3%; padding-top: 20px; min-width: 175px;}
body#careers div.left {width: 58%; min-width: 200px;}
body#careers div.right {width: 38%; padding: 12px; min-width:200px;}
body#organizations div.left {width: 58%;}
body#organizations div.right {width: 35%; min-width: 200px;}

body#portfolio div.portfoliomain {overflow:hidden;}
body#portfolio div.portfoliomain table tr td h1 {text-align: right; margin:-12px 0 0 0;}
body#portfolio div.portfoliomain table tr td {padding: 10px;}
body#portfolio div.portfoliomain table tr td a:hover img{ opacity: 0.6; }

body#home a.home,
body#about a.about,
body#services a.services,
body#portfolio a.portfolio,
body#entry-gardens a.portfolio,
body#pastoral-gardens a.portfolio,
body#intimate-gardens a.portfolio,
body#containers a.portfolio,
body#seasonals a.portfolio,
body#profile a.about,
body#inspiration a.inspiration,
body#careers a.careers,
body#contact a.contact
{color: #222222;}

/* portfolio pages */
#portfolio-container { width:100%; position:relative; top:0; left:0;}

#portfolio-right { float:right; width: 71%;}
#portfolio-right .cycle-slideshow { width:100%; }
#portfolio-right .cycle-slideshow img { margin:0 auto; }

#portfolio-left { position:absolute; bottom:0; left:0; width:28%; }
#portfolio-left h2 { margin:0 0 20px 0; font-size:18pt; letter-spacing:125%; }
#portfolio-left #cycle-pager img {
	width:45%;
	float:left;
	margin:3% 3% 0 0;
}
#cycle-pager img.cycle-pager-active { opacity: 0.6; }