body {
 background: #698f56;
 margin: 0; padding: 0;
}
p, #copy li {
 color: #333;
 font: 12px/18px Arial, Helvetica, sans-serif;
 text-align: left;
}
a, li {
 color: #fff;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
strong {
 color: #432816;
}
img {
 border: none;
 margin: 0; padding: 0;
}
form input, form textarea {
 background: #dbded6;
}

.hidden {
 display: none;
 visibility: hidden;
}
h1 {
 color: #000;
 margin: 0;
 padding: 0;
 z-index: 1;
}
#header h1 {
 background: url("../images/layout/gardens-by-design-logo-new.jpg") no-repeat transparent;
 height: 145px; /*logo image height: was 125px*/
 margin-left: auto; margin-right: auto;
 width: 700px; /*logo image width*/
 z-index: 10;
}
h1 span { /*Hides site title if page viewed by web browser*/
 display: none;
 visibility: hidden;
}

#copy h2 {
 font: 18px/20px Tahoma, Arial, Helvetica, sans-serif;
}
#copy h3 {
 font: 18px/20px Tahoma, Arial, Helvetica, sans-serif;
}
#copy h4 {
 font: 14px/18px Tahoma, Arial, Helvetica, sans-serif;
}

/*common layout styles*/
#header-copy, #content, #copy, .photo-full, .photo-left, .photo-right, .association-badges, #footer, #topnav, #articles-callout {
 display: inline;
 float: left;
 margin: 0; padding: 0;
 position: relative;
}
#home-callout {
 display: inline;
 margin: 0; padding: 0;
 position: absolute;
}


/*specific layout styles*/
#bkg-frame, #bkg-header {
 width: 100%;
}
#content-frame, #header {
 margin-right: auto; /*centers page design*/
 margin-left: auto; /*centers page design*/
 width: 700px;
}
#bkg-header {
 background: #66572e;
 width: 100%;
}


#header {
 background: transparent;
 height: 145px; /*was 125px*/
 margin-top: 0px; /*equals #topnav ul height + 10px*/
 width: 700px;
 z-index: 10;
}
#header-copy {
 float: right;
 font: 12px/18px Arial, Helvetica, sans-serif;
 margin: -135px 0 0; padding: 0 20px;
 text-align: right;
 width: 190px;
}

#content {
 background: #698f56; 
 width: 700px;
}

#copy {
 background: #fff; /*ddddd6 ced2c8 c2c7ba 8d9882*/
 min-height: 300px;
 margin-top: 30px; padding: 0px 0 0px;
 text-align: left;
 width: 100%;
 z-index: 0;
}
#copy h2, #copy p, #copy ul li, #copy ol li, #copy h3, #copy h4 {
 margin: 0 40px;
 padding: 0;
}
#copy h2 {
 margin-top: 50px; margin-bottom: 1em;
}
#copy h3, #copy h4 {
 margin-top: 1em; margin-bottom: 1em;
}
#copy p {
 padding-bottom: 1em;
}
#copy ul, #copy ol {
 margin-top: 0;
}
#copy a {
 color: #66572e;
 text-decoration: underline;
}
#copy a:hover {
 text-decoration: none;
}
#copy #breadcrumbs {
 margin-top: -30px;
}

#copy .portfolio-images {
 margin: 0 0 0 40px;
 padding: 0;
}
#copy .portfolio-images img {
 margin: 0 10px 10px 0;
 padding: 0;
}

#copy .prev-next-links {
 background: #daddd6;
 font: 12px/14px Arial, Helvetica, sans-serif;
 height: 20px;
 margin: 20px 40px;
 padding: 15px 15px 10px;
 width: 600px;
}
#copy .prev-next-links a {
 text-decoration: none;
}
#copy .prev-next-links a:hover {
 text-decoration: underline;
}

#home-image {
 margin: -50px 0 20px;
}
#home-callout {
 background: #fff;
 border: 1px solid yellow;
 float: left;
 filter: alpha(opacity=80);
 min-height: 210px;
 left: 360px;
 margin: 0;
 opacity: .80;
 padding: 0;
 top: 60px;
 width: 325px;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
#home-callout p {
 line-height: 21px;
 margin: 0; padding: 10px 15px 5px;
}
#articles-callout {
 background: #fff;
 border: 2px solid #66572e;
 float: right;
 filter: alpha(opacity=75);
 min-height: 50px;
 margin: 0 15px 0 10px;
 opacity: .75;
 padding: 0;
/* left: 360px;
 top: 266px; */
 width: 220px;
 -moz-border-radius: 15px;
 -khtml-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}
#articles-callout p {
 line-height: 20px;
 margin: 0; padding: 10px 15px;
}
#articles-callout a {
 font-weight: bold;
 text-decoration: none;
}
#articles-callout a:hover {
 text-decoration: underline;
}

.association-badges {
 margin: 20px 0 0 100px;
}
.association-badges img {
 margin-right: 20px;
}



.photo-full {
 clear: both;
 margin: 0 80px 20px 20px;
 padding: 0;
}
.photo-left {
 margin: 10px 20px 10px 0;
 padding: 0;
}
.photo-right {
 float: right;
 margin: 10px 0 10px 20px;
 padding: 0;
}
.photo-border {
 border: 5px solid #fff;
}


#footer {
 background: #000;
 border-bottom: 10px solid #66572e;
 padding: 0 0 20px;
 width: 100%;
}
#footer-links, #footer-contact, #footer p {
 margin: 0 40px;
 padding: 0;
}
#footer p {
 font: 12px/16px Arial, Helvetica, sans-serif;
 color: #999;
 padding-top: 10px;
}
#footer-links {
}
#footer-contact a {
 font: Arial, Helvetica, sans-serif;
 color: #999;
}


/*Navigation link styles*/
#topnav, #topnav img, #topnav ul, #topnav li, #treemenu1 {
 background: transparent;
 margin: 0; padding: 0;
 text-align: left;
 z-index: 100;
}
#topnav {
 background: #432816;
 border-top: 1px solid #acd895;
 border-bottom: 1px solid #acd895;
 left: 0;
 margin-top: 0px; /*was -125px*/
 padding: 5px 0 3px; /*was 3px 0*/
 top: 145px; /*was 125px*/
 width: 100%;
}
#topnav img {
 position: relative;
}
#topnav ul {
 height: 40px;
 margin-left: auto; margin-right: auto;
 padding-left: 25px;
 position: relative;
 width: 750px;
}
#topnav li {
 color: #c2c7ba;
 display: inline;
 float: left;
 font: 14px/18px Arial, Helvetica, sans-serif;
 list-style: none;
 margin-right: 10px;
 position: relative;
 text-align: center;
 vertical-align: text-bottom;
 width: 70px;
}
#topnav .s {
 margin-top: 8px;
}

/*Horizontal Menu related styles*/
#topnav ul li a, #topnav ul li a:hover {
 background-color: transparent;
 color: #c2c7ba;
 font: 14px/18px Arial, Helvetica, sans-serif;
 text-decoration: none;
}

/*1st sub level menu*/
#topnav ul li ul{
 display: block;
 left: -15px;
 position: absolute;
 top: 1em; /* no need to change, as true value set by script */
 visibility: hidden;
 width: 160px;
 z-index: 100;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#topnav ul li ul li{
 display: list-item;
 float: none;
 z-index: 100;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
#topnav ul li ul li ul{ 
 left: 159px; /* no need to change, as true value set by script */
 top: 0;
 z-index: 100;
}

/* Sub level menu links style */
#topnav ul li ul li a, #topnav ul li ul li a:hover {
 background-color: #ffffff;
 border: 1px solid #eee;
 color: #698f56; /*#702e18;c37b0f*/
 display: block;
 font: bold small-caps 11px/18px Arial, Helvetica, sans-serif;
 padding: 4px 10px;
 text-decoration: none;
 width: 160px; /*width of sub menu levels*/
}
#topnav ul li ul li a:hover {
 background-color: #dbded6;
 color: #698f56; /*#702e18;c37b0f*/
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
 padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html #topnav ul li { float: left; height: 1%; }
* html #topnav ul li a { height: 1%; }
/* End */