* {margin: 0px; padding: 0px;}

body {background: #44563f; font-size: 90%;}

#header  { background: #6b7c58 url(images/bg_canvas.jpg); height: 20px }

#trim {background: #663333; height: 20px; border-bottom: 1px solid #313531;}

#trim2 {background: #6b7c58; border-top: 5px solid #313531; border-bottom: 1px solid #313531;}

#wrap  { background: white url(images/bg_wrap.gif) repeat-y; margin: 5px auto; position: relative; width: 800px; border: solid 1px #313531;}

#wrap2  { background: #6b7c58 url(images/bg_wrap2.gif) repeat-y; margin: 5px auto; position: relative; width: 800px; border: solid 1px #313531;}

#wrap3 { background: white url(images/bg_wrap.gif) repeat-y; margin: 5px auto; position: relative; width: 800px; border: solid 1px #313531;}

#articleWrap {border: 1px solid #000; margin: 20px auto; width: 600px; padding: 40px; background: #fff; font-family: Verdana, sans-serif; line-height: 1.3em;}

#content {padding: 15px 0px 20px 150px;}

#content2 {padding: 10px 0px 20px 150px; border-bottom: 2px solid #313531;}

#container { background: white url(images/garden_artisan.jpg) no-repeat 580px 0; margin: 6px auto; padding: 12px; width: 785px; border: solid 1px black }

#left { font-family: Verdana, serif; background: #44563f url(images/hills.jpg) no-repeat; margin-right: 10px; width: 150px; min-height: 450px; float: left; border-right: 1px solid black }

#right {width: 210px; background: #d8e7ca; position: absolute; top: 40px; right: 10px; margin: 0px 0px 0px 30px; padding: 5px;}

#clear {height: 6px; background: #313531; clear: both;}

#footer {background: #6b7c58; border-top: 10px solid #313531; border-bottom: 2px solid #313531; clear: both;}

#footer2 {background: #6b7c58; border-top: 1px solid #313531; clear: both; padding: 4px; }

/* headers */


h1 {color: #8b453a; margin: 0px 10px 2px 180px; padding: 0px; font-size: 2.1em;}

h1.articleTitle {color: #8b453a; margin: 0px 10px 20px 40px; padding: 0px; font-size: 1.2em; }

h2 {color: #556b2f; margin: 2px 0px 8px 180px; padding: 0px; font-size: 1.2em; font-family: Papyrus, "Times New Roman", serif}

h3 {color: #323f2e; background: #e0eed5; border: 1px solid #336699; padding: 3px 20px; margin: 25px 18px 15px 18px; font-size: 1.1em; font-family: Arial, sans-serif; height: 1.3em; letter-spacing: 1px;}

h4 {color: #8b453a; padding: 3px 34px; margin: 10px; font-size: .9em; font-family: Verdana, sans-serif;}

h4.unique {background: #ccde9e; text-align: center;}

h5 {color: #323f2e; padding: 3px 10px; margin: 8px 24px; font-size: .9em; font-family: Verdana, sans-serif; border-bottom: 1px dashed #323f2e;}

#content p, #content2 p, #articleWrap p {font-family: Verdana, sans-serif; }

#articleWrap p {margin: 10px 40px; padding: 5px 0;}

/* navigation  */

#footer2 a {color: #ccde9e; text-decoration: none; padding: 2px; margin: 3px;}
#footer2 a:visited {color: #ccde9e;}
#footer2 a:hover {color: white; background: #44563f;}

#content a {color: #1a661b; padding: 3px; margin: 5px 0;}
#content a:visited {color: #1a661b;}
#content a:hover {color: #336699; text-decoration: none;}

#left a {color: #e0eed5; text-decoration: none; padding: 2px; margin: 6px 3px; background: #6b7c58; border: 1px solid #333; display: block;}
#left a:visited {color: #e0eed5;}
#left a:hover {color: white; background: #323f2e; }

/* content divs */

#content div.quote {margin: 10px 10px 5px 18px; padding: 4px; background: #e0eed5; border: 1px solid #1a661b; float: right; width: 200px; color: #8b453a; font-size: .8em;}

#content div.contact {top: 120px; right: 40px; padding: 10px; background: #e0eed5; border: 1px solid #1a661b; position: absolute; width: 195px; color: #8b453a; font-size: .8em;}

#content div.links2 {margin: 15px 15px 10px 22px; padding: 4px 6px; background: #ccde9e; border: 1px solid #1a661b; float: right; width: 220px; font-family: Verdana, sans-serif; font-size: .8em;}

#content div.links {margin: 10px 15px 20px 22px; padding: 4px; background: #b5d4f9; border: 1px solid #1a661b; float: right; width: 220px; font-family: Verdana, sans-serif; font-size: .8em;}

#content div.links p, #content div.links2 p {margin: 6px; padding: 2px;}

#content .photowrap {background: #ccde9e; height: 220px; margin: 10px 7px 20px 9px; border-bottom: 5px solid #336699; text-align: center;}

#content .infowrap {background: #ccde9e; padding: 8px; margin: 20px;}

#content div.photo {margin: 15px 0px; padding: 4px; width: 148px; float: left; }

#content div.photo p {margin: 6px; padding: 0;}

form.information {font-size: .9em; margin: 10px; padding: 0px 25px 8px 10px; font-weight: bold;  width: 280px;}

/* images */

#header img {margin: 7px 5px;}

#footer img {margin: 3px 10px; border: 1px solid black;}

img.rightside {float: right; margin: 5px 0px 15px 25px; border: 1px solid black;}

img.leftside {float: left; margin: 5px 20px 10px 0px; border: 1px solid black;}

img.scene {border: 1px solid black;}

#content img.top {margin: 0px;  border: none;}

#content div.photo img {border: 1px solid black;}

#content div.contact img {border: 1px solid black;}

div.links img, div.links2 img {border: 1px solid black; margin: 10px;}

/* paragraphs  */

p.highlight2 {color: #313351; font-size: .9em; line-height: 1.3em; padding: 20px 40px;}

#left p.address {font-size: .7em; background: #323f2e; border: 1px solid #333; margin: 8px 5px 5px 5px; padding: 6px 4px; color: #ced8c6; font-family: Verdana, sans-serif;}

#footer2 p {text-align: center; padding: 2px; color: #222; font-family: Verdana, sans-serif; font-size: .7em}

p.index {font-family: Verdana, sans-serif;font-size: .9em; margin: 0px 24px; padding: 10px 20px;}

p.info {font-family: Verdana, sans-serif; line-height: 1.4em; text-align: justify; margin: 0px 24px; padding: 10px 20px; color: #1c2f48; font-size: .8em;}

p.info2 {font-family: Verdana, sans-serif; line-height: 1.4em; margin: 6px 20px; padding: 0px 24px; padding: 10px 20px; color: #1c2f48; font-size: .8em;}

p.info3 {font-family: Verdana, sans-serif; line-height: 1.3em; margin: 6px 20px; padding: 6px 10px; color: #1c2f48; font-size: .8em;}

p.info4 {font-family: Verdana, sans-serif; line-height: 1.3em; margin: 6px 40px; padding: 6px 30px; color: #1c2f48; font-size: .9em; text-align: center;}

p.service1 {font-family: Verdana, sans-serif; margin: 0px 24px; padding: 5px 20px 5px 20px; color: #1c2f48; font-size: .9em; color: #44563f;}

p.quote1 {font-size: .9em; color: #313531; padding: 5px 8px; font-family: Verdana, sans-serif;}

p.alignright {text-align: right; padding: 8px;}
p.alignCenter {text-align: center; padding: 8px; font-weight: bold;}

#right p {font-family: Verdana, sans-serif; margin: 10px 4px; color: #e0eed5; font-size: .7em; color: #323f2e; font-weight: bold;}

#left p {text-align: center; padding: 7px; font-size: .8em; margin-top: 90px;}

#content div.links2 p {color: black; margin: 4px 8px; font-size: .9em;}

#content div.links p {color: #336699; margin: 6px; font-size: .9em;}

#content div.photo p {color: #333; font-family: Arial, sans-serif; margin: 14px 2px; font-size: .8em; text-align: left;}

#content p.indent {margin: 15px 65px; font-size: .8em; color: #336699; font-weight: bold; font-family: Verdana, sans-serif;}

form.information p {margin: 5px; padding: 5px;}

p.summary {clear: both; color: white; font-size: .8em; margin: 20px 130px; font-family: Verdana, sans-serif; text-align: center;}


/* lists */

#content ul { margin: 10px 30px 10px 10px;}

#content ul li { margin-left: 80px; list-style-type: square; padding: 4px; font-family: arial, sans-serif; font-size: .8em;}

#content ul.green { color: #1a661b; font-size: 1.1em;}

#content ul.first  {margin: 2px 0px 5px 0px; color: #1a661b;}

#content ul.first li {margin: 0px 10px 0px 60px; font-size: .9em; padding: 2px;}

/* miscellaneous */

#content a.top1 {margin: 0px; padding: 0px;}

.highlight {color: #1a661b; font-weight: bold; font-size: 1.1em;}

.highlight2 {color: #336699; font-weight: bold; font-size: 1em;}

.highlight3 {color: #1a661b; font-weight: bold; margin: 3px;}

.highlight4 {border-bottom: 1px dashed black; font-weight: bold; color: #1a661b;}

.small {font-size: .5em}

.blue {color: #336699;}

form.information input {background: #e0eed5; margin-right: 5px; border: 1px solid #eee; padding: 3px; border: 1px solid #336699;}

.feedback {background: #ccde9e; border: 1px solid #bda385; padding: 20px 10px;
margin: 20px; width: 350px; }

.feedback2 {float: right; padding: 8px; background: #e0eed5; border: 1px solid #1a661b; width: 348px; color: #8b453a; font-size: .8em; text-align: center; margin: 0px 20px 20px 25px;}

.clearThis {clear: both;}


/* project photos */


div.before {margin: 4px; padding: 4px; background: #666; width: 202px; }

div.after {margin: 4px; padding: 4px; background: #323f2e; border: 1px solid black; width: 202px; }

table.photos {margin-left: 100px;}