/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

@import url("style_dropdown.css");
@import url("style_footer.css");


  html, body, ul, li, h1, h2, h3, h4 { margin: 0px;
    padding: 0px;
    list-style-position: outside;
    }
    
  h2, h3 { font-family: Arial,Helvetica,sans-serif;
    color: rgb(84, 78, 56);
    }
    
  h2 { font-size: 17px;
    }
    
  h3 { font-size: 13px;
    }
    
  h4 { font-size: 11px;
    font-weight: bold;
    }

  img { border: 0px none ;
    }

  a { text-decoration: underline;
    }

  .clear { clear: both;
    }

  a:hover { text-decoration: underline;
    }

/*
  alt { font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: rgb(84, 78, 56);
    }
*/

  .bold { font-weight: bold;
    }
    
  .left { float: left;
    padding-right: 6px;
    }

  .right { float: right;
    padding-left: 6px;
    }
    
  .center { text-align: center;
    }

  .more { text-align: right;
    padding-right: 0px;
    }

  body { 
    background: rgb(229, 220, 185); 
    text-align: center;
    font-family: verdana,arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    }

  #wrapper { margin: auto;
    text-align: left;
    width: 976px;
    position: relative;
    padding-top: 68px;
    }

  #body { background: transparent url(images/body-bg-pond-lake-colors.png) repeat-y scroll 0%;
    color: white;
    width: 100%;
    }

  #body-top { background: transparent url(images/body-top-pond-lake-colors.png) no-repeat scroll left top;
    position: relative;
    }

  #body-bot { background: transparent url(images/body-bot-pond-lake-colors.png) no-repeat scroll left bottom;
    padding-bottom: 26px;
    }

  #body-top-2 { background: transparent url(images/body_top_2.png) no-repeat scroll left top;
    /*position: absolute;
    top: 12px;
    left: 331px;*/
    float: right;
    clear: both;
    margin-top: 12px;
    margin-right: 19px;
    width: 624px;
    height: 11px;
    }

  #body-nowelcome { background: transparent url(images/body-bg-projectpage-pond-lake-colors.png) repeat-y scroll 0%;
    color: white;
    width: 100%;
    }

  #body-bot-nowelcome { background: transparent url(images/body-bot-projectpage-pond-lake-colors.png) no-repeat scroll left bottom;
    padding-bottom: 17px;
    }

  #body-top-2-nowelcome { background: transparent url(images/body-top-2-projectpage-pond-lake-colors.png) no-repeat scroll left top;
   /* position: absolute;
    top: 12px;
    left: 13px; */
    float: right;
    margin-top: 12px;
    margin-right: 21px;
    width: 943px;
    height: 11px;
    }

/*
  #wrapper { position: relative;
    padding-top: 68px;
    }
*/

  #toplogo { margin-left: 20px; 
    width: 256px; 
    height: 64px;
    }

  h1 { position: absolute;
    top: 2px;
    left: 2px;
    font-size: 26px;
    color: rgb(63, 60, 45);
    font-variant: small-caps;
    font-family: Arial,Helvetica,sans-serif;
    }

  #nav-top { position: absolute;
    top: 43px;
    left: 336px;
    }

  #nav-top a { 
  /* background-image: url(images/menu.gif);*/
    /* width: 122px; */ 
    height: 19px;
    display: inline;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    /* font-size: 15px; */
    text-align: center;
    padding-top: 6px;
    text-decoration: none;
    color: rgb(242, 247, 248);
    font-weight: bolder;
    }

  #nav-top a:hover { color: rgb(207, 204, 191);
    }

  #body-bot { padding-top: 12px;
    }

  #welcome { float: left;
    width: 321px;
    height: 100%;
    margin-left: 12px;
    margin-bottom:5px;
    background: url(images/bkgnd-green.png) repeat-y;
    padding-bottom: 10px;
     /*width: 314px;*/
    }

  #welcome a { color: rgb(242, 247, 248);
    }

  #welcome a:hover { color: rgb(207, 204, 191);
    }

  #welcome h2 { margin: 11px;
    text-align: center;
    color: rgb(206, 176, 133);
    font-size: 24px;
    }

  #welcome h2 a { color: rgb(206, 176, 133);
    text-decoration: none;
    }

	#welcome h3 { 
    color: #ceb085;
  }
  	
  #welcome p, ul { margin: 0px 19px;
    }

  #welcome ul, li {
    list-style-position:inside;
  }
  
  #welcome .more { margin-top: 18px;
    margin-bottom: 10px;
    }
    

/* ALTERNATE THESE SIDEBAR FEATURES PER projects.php. FIRST IS div class=feature, SECOND IS div class=feature f-right, THIRD IS div class=feature AGAIN. CAPTIONS WILL NEED INDIVIDUAL VERTICAL ALIGNMENT. */

  #welcome .feature {
	width: 305px;
	padding-left: 5px;
	margin-right: 6px;
	margin-top: 50px;
	margin-bottom: 15px;
	text-align: left;
	} 

  #welcome .feature p {
	margin-top: 5px;
	}
	
  #welcome .feature img {
	float: left; 
	margin-right: 6px;
	margin-bottom: 10px;
	}
 
  #welcome .f-right {
	text-align: right;
	margin-top: 50px;
	} 

  #welcome .f-right img {
	float: right; 
	margin-left: 6px;
	}

  #welcome .testimonial_block h2 {
	font-style: italic;
	margin-top: 0px;
	}

  #welcome .testimonial_block {
	text-align: center;
	font-style: italic;
	font-size: 14px;
	margin-bottom: 5px;
	}
	
	#welcome .testimonial_block ul {
  text-align: left;
  }
	
	#welcome .testimonial_block p {
	margin-bottom: 5px;
	}
	
	#welcome .testimonial_block li {
	margin-bottom: 10px;
	}
	
	#in-the-news #welcome .testimonial_block li span {
	font-size: 80%;
	margin-left: 14px;
	}

  #welcome .blurb_yellow {
	font-style: italic; 
	text-align: center; 
	font-size: 14px;
	color: rgb(255, 204, 102);
	}
	
	  #welcome a.get-started {
    background-image: url(images/questionnaire-button-up3.png);
    margin: 20px auto 10px;
    width: 163px;
    height: 46px;
    display: block;
    /*color: #dcd57a;*/
  	color: rgb(240, 238, 72);
    text-align: center;
    line-height: 42px;
    font-size: 21px;
    font-style: italic;
    text-transform: uppercase;
    text-decoration:none;
    font-weight: bold;
  }
  
  #welcome a.get-started:hover {
    color: #7ac445;
  }
  
  
  #welcome a.get-started:active {
    background-image: url(images/questionnaire-button-down3.png);
    color: #7ac445;
  }

  #sidenav { 
  background-image: url(images/menu-side.png);
  width: 334px;
  height: 42px;
  position: static;
  margin-top: -2px;
  margin-bottom: 8px;
  margin-left: -12px;
  text-align: center;
/* background-image: url(images/menu_side3.gif);
  Should be 314px or 100%, but some glitch makes it lose 1px on first one side, then other when zoom is changed in Firefox and Chrome, though not IE. Hacked by expanding bg image 2px and shifting 1px left to ensure overlap on both sides. 
    width: 316px;
    height: 38px;
    position: relative;
    top: -2px;
    margin-left: -1px;
    margin-top: 0px;
    margin-bottom: 8px;*/
    }

  #sidenav div.left_tab, #sidenav div.right_tab {
    width: 140px;
    text-align: center;
    margin-top: 13px;
  }
  
  #sidenav div.left_tab {
    margin-left: 25px;
    float: left;
  }
  
  #sidenav div.right_tab {
    margin-right: 20px;
    float: right;
  }
  
  #sidenav a { 
    display: inline;
    /*float: left;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    text-align: center;
   /* margin-left: 67px;
    margin-left: 2.9em;
    margin-right: 1.8em;*/
    text-decoration: none;
    font-weight: bolder;
    }

  #sidenav #current { color: rgb(136, 191, 64);
    }

  #sidenav a:hover { text-decoration: underline;
    }
    
  
 #content { float: right;
    width: 578px;
    padding-right: 34px;
    padding-top: 23px;
    color: rgb(104, 100, 84);
    }

  #content .left { margin-right: 10px;
    }

  #content a { 
	color: rgb(90, 86, 68);
    }

  #content a:hover { color: rgb(38, 36, 26);
    }

  #content-nowelcome { float: right;
    width: 910px;
    padding-right: 34px;
    padding-top: 23px;
    color: rgb(104, 100, 84);
    }
    
  #content-nowelcome h1 {
    position: static;
    margin-top: 18px;
    font-variant: normal;
 }

  #content-nowelcome .left { margin-right: 10px;
    }

  #content-nowelcome a { 
	color: rgb(90, 86, 68);
    }

  #content-nowelcome a:hover { color: rgb(38, 36, 26);
    }

/* AddToAny widget. On content pages, placed at right of top heading. On welcome pages, at bottom of welcome sidebar, seemingly below the green.  */
.a2a_dd {
  clear: both;
}

#content .a2a_dd, #content-nowelcome .a2a_dd {
  width: 171px;
  float: right;
  margin-top: -33px;
}

#welcome .a2a_dd {
  display: block;
  width: 321px;
  background: url(images/body-bg-pond-lake-colors-welcome-section2.png) repeat-y ;
  padding-top: 10px;
  padding-left: 72px;
  margin-bottom: -10px;
}

.banner {
  width: 540px;
  height: 90px;
  text-align: center;
}

.beshrink {
  font-size: 80%;
}

.embiggen {
  font-size: 120%;
}
  
  #intro { margin: 12px;
    }

  .project_description { font-weight: bold;
    }

  .fineline { border-bottom: 1px solid rgb(211, 202, 169);
    margin-bottom: 12px;
    }

  .fineline-flat { border-bottom: 1px solid rgb(211, 202, 169);
    margin-top: 10px;
   }

  .fineborder { border: 1px solid rgb(211, 202, 169);
    padding: 2px;
    width: 186px;
    margin-bottom: 12px;
    }

  .bar-lit { background: transparent url(images/bar_lit.gif) no-repeat scroll 0px 4px;
    padding-left: 6px;
    }

  .bar-drk { background: transparent url(images/bar_drk.gif) no-repeat scroll 0px 4px;
    padding-left: 6px;
    }

  #picbar { margin: 2px 0pt 19px;
    background: rgb(163, 161, 137) none repeat scroll 0%;
    width: 415px;
    }

  #arr-left, #arr-right { float: left;
    width: 15px;
    }

#home #content .box {
  position: relative; 
  top: 3px;
  margin-bottom: 10px;
}

#home #content .habitat {
  width: 125px; 
  height: 125px;
}

#home #content .stormwater {
  width: 91px; 
  height: 168px;
}

#home #content .stonework {
  width: 100px;
  height: 95px;
}

#home #content .streamrepair {
  width: 157px;
  height: 110px;
}

#badge_box {
  width: 100%;
  height: 180px;
  text-align: center;
  margin-top: 30px;
}

#badge_box .left {
  width: 110px;
}

#badge_box .middle {
  float: left;
  width: 370px;
}

#badge_box .middle p {
  text-align: justify;
  clear: both;
}

#badge_box .right {
  width: 70px;
}

#badge_box img {
  border: none;
  margin-bottom: 8px;
}

#badge_box .landscape_contractor_seal_sm {
  width: 86px; 
  height: 85px;
} 

#badge_box .asheville-chamber {
  width: 85px; 
  height: 33px;
  float: left;
  margin-left: 45px;
  margin-top: 5px;
}

#badge_box .planetlogo_sm {
  width: 104px; 
  height: 25px;
  float: right;
  margin-right: 45px;
  margin-top: 10px;
}

#badge_box .ncnla_logo_med {
  width: 100px; 
  height: 39px;
  margin-top: 10px;
}

#badge_box .upslogo {
  width: 64px; 
  height: 80px;
}

#badge_box .eco_logo {
  width: 69px; 
  height: 80px;
  margin-top: -4px;
}

#home .paypal {
  width: 100%;
  margin-bottom: 5px;
}

#home .paypal img {
  width: 174px;
  height: 50px;
}

#rates .paypal {
  height: 47px;
  margin: 10px 0 ;
}

.pay-now-button {
  width: 108px; 
  height: 47px;
}

  .picbox { border: 1px solid rgb(139, 132, 106);
    margin: 5px 0px 5px 4px;
    padding: 2px;
    float: left;
    width: 117px;
    }

  #picbar img { display: block;
    }

  #arr-right { margin-left: 4px;
    }

  #planer { border-right: 1px solid rgb(211, 202, 169);
    float: left;
    width: 186px;
    padding-right: 20px;
    padding-top: 5px;
    }

  #stories { float: right;
    width: 195px;
    padding-top: 5px;
    }

  #planer p, #stories p { margin: 4px 0px;
    }

  #planer .more, #stories .more { margin: 12px 0px;
    }

  .clear-flat { margin-bottom: 4px;
    }

/* FOOTER STYLES MOVED TO SEPARATE STYLESHEET TO ENSURE UNIFORMITY ACROSS SITE */


  .style4 { font-weight: bold;
    font-size: 16px;
    color: #5C7E29;
    }

  .style4 a:hover { color: rgb(104, 100, 84);
    text-decoration: underline;
    }

  .formfield { /*border-color: rgb(90, 86, 68);
    background-color: #e6efde;*/
    border: 2px inset rgb(90, 86, 68);
    background-color: #e6efde;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin-top: 4px;
    }
    
   .budgetline {
border-color: rgb(90, 86, 68);
background-color: #e6efde;
width: 60px;
}

    
  .getting_started input:focus,
  .getting_started select:focus,
  .getting_started textarea:focus {
    background-color: #f8f8f8;
    }

  .tooltip { font-weight: bold; 
    font-style: italic;
    }

  .tooltip:hover { color: rgb(84, 78, 56);
    }

  .bluebox { border: ridge rgb(179, 170, 135);
    background-color: rgb(204, 244, 255);
	padding-right: 6px;
	padding-left: 6px;
    }

.sidebarbox { border: ridge rgb(229, 220, 185);
background-color: rgb(204, 244, 255);
color: rgb(104, 100, 84);
text-align: left;
font-style: italic;
width: 260px; margin: 40px auto 4px auto;
padding: 5px;
}

.sidebarbox a { color: rgb(90, 86, 68);
}

.sidebarbox a:hover { color: rgb(38, 36, 26);
}

.divider_flower { background: url(images/decorative/divider-flower.gif) repeat-x;
  height: 8px;
  width: 48px;
  margin: 0.8em auto;
 }

input.my-url { display: none;
  }

tbody h2 {
   font-size: 20px;
  }

/* INLINE CAPTION ARROWS, USING images\arrow_up11px.gif, arrow_down11px.gif, arrow_left11px3.gif, arrow_right11px3.gif. USE left AND right CLASS WITH arrowup AND arrowdown, BUT GENERIC left, right CLASS PROPERTIES CANCELLED HERE. */
.arrowup, .arrowright, .arrowdown, .arrowleft {
  position: relative;
}

.arrowup, .arrowdown {
  top: 5px;
}

.arrowright, .arrowleft {
  top: 1px;
}

.arrowright, .arrowup.right, .arrowdown.right {
  margin-left: 4px;
}

.arrowleft, .arrowup.left, .arrowdown.left {
  margin-right: 4px;
}

 .arrowup.right, .arrowdown.right, .arrowup.left, .arrowdown.left {
  padding: 0px;
  float: none;
}

/*
.arrowleft {
   position: relative;
   top: 1px;
   margin-right: 4px;
  }

.arrowright {
   position: relative;
   top: 1px;
   margin-left: 4px;
  }

.arrowdown {
   position: relative;
   top: 6px;
   margin-left: 4px;
  }
*/

.treebullet {
float: left; 
margin-top: 2px;
}

.treebutton {
  background: url(images/tree_button3.gif) no-repeat center;
  height: 70px;
}

#home .treebutton { 
  height: 65px;
} 

caption {
 caption-side: bottom;
}

.caption {
  font-size: 80%;
  font-style: italic;
}

.testimonial {
border: thin groove rgb(104, 100, 84);
padding: 0px;
margin-bottom: 10px;
}

.testimonial p {
border: thin ridge white;
margin: 0px;
padding: 10px;
}

.testimonial img.testimonial {
border: medium ridge rgb(139, 102, 106); 
}

.photo_tables {
text-align: center;
}
.photo_tables table {
margin-left: auto;
margin-right: auto; 
margin-bottom: 25px;
text-align: center; }

.table-1 {
width: 430px;
}

.table-2 {
width: 900px;
}

.table-3 {
width: 912px;
}

/* "ONE YEAR LATER" PHOTO THUMBNAILS UNDER EACH HOMINY VALLEY "AFTER" PHOTO. NOTE THAT THIS CSS CONTAINS STANDARD BUT HARD-T0-FIND-DOCUMENTED CENTERING TRICKS -- MARGIN L/R: AUTO FOR HORIZONTAL CENTERING OF DIV, LINE-HEIGHT = HEIGHT FOR VERTICAL CENTERING OF SINGLE LINE OF TEXT. */

.year_later {
position: relative;
width: 700px;
height: 73px;
line-height: 73px;
margin: -20px auto 30px;
}
.year_later img {
width: 98px;
height: 73px;
float: left;
margin-left: 6px;
}
.year_later .boxleft {
float: left;
width: 200px;
height: 73px;
}
.year_later .boxright {
float: right;
width: 200px;
height: 73px;
}
.caption_raise {
vertical-align: top;
}

.gotonextpage {
margin-left: auto;
margin-right: auto;
font-weight: bold;
font-size: 16px;
color: #5C7E29;
height: 90px;
line-height: 90px;
}

.gotonextpage img {
padding-right: 6px; 
float: left;
}

.nav li.current a.dir, 
.nav ul li.current a { /*color: #40b586 !important;*/
color: rgb(136, 191, 64) !important;
}

#in-the-news .article {
  padding: 5px;
  margin-bottom: 20px;
  border: thin groove rgb(104, 100, 84);
  background-color: rgb(242, 247, 248);
  width: 578px;
  margin-left: -5px;
}

#in-the-news .article h3 {
  margin-top: 5px;
}

#stonework .stone_header { background: url(images/decorative/snowstone-fading-background.png) no-repeat;
	width: 908px;
	height: 148px;
	padding: 20px 40px 0px;
	margin-bottom: 0px;
	text-align: center;
}

#stonework .stone_header p {
	font-weight: bold;
	color: rgb(18, 0, 0);
}

#stonework .links-wrapper {
  text-align: left;
  margin-left: 60px;
}

#stonework .stone_header .link {
  width: 200px;
  float: left;
  margin-right: 75px;
}

#stonework .stone_header .link a.current {
  color: #5C7E29;
  text-decoration: none;
}

#stonework .stone_header .thumbnail, #stonework .stone_header div.thumbnail {
  width: 100px;
  height: 75px;
  border: 2px outset rgb(18, 0, 0);
}

#stonework .stone_header a div.thumbnail {
  width: 100px;
}

#stonework .stone_header .patios a div.thumbnail {
  background: url(projects/stonework_samples/images/thumbnails/stone-patios-by-ambrose-landscapes_sprite.jpg) no-repeat  0 0;
}

#stonework .stone_header .patios a:hover div.thumbnail {
  background-position: -100px 0;
}

#stonework .stone_header .walls a div.thumbnail {
  background: url(projects/stonework_samples/images/thumbnails/stone-walls-by-ambrose-landscapes_sprite.jpg) no-repeat  0 0;
}


#stonework .stone_header .walls a:hover div.thumbnail {
  background-position: -100px 0;
}


#stonework .stone_header .channels a div.thumbnail {
  background: url(projects/stonework_samples/images/thumbnails/stone-channels-by-ambrose-landscapes_sprite.jpg) no-repeat  0 0;
}

#stonework .stone_header .channels a:hover div.thumbnail {
  background-position: -100px 0;
}

/*
#stonework .stone_header .patios a div.thumbnail {
  /*background: url(projects/stonework_samples/images/thumbnails/stone-patios-tables-and-chairs-by-ambrose-landscapes.jpg);
  }
  
  #stonework .stone_header .patios a:hover div.thumbnail {
  /*background: url(projects/stonework_samples/images/thumbnails/stone-patios-firepits-by-ambrose-landscapes.jpg);
  }
  
#stonework .stone_header .walls a div.thumbnail {
  background: url(projects/stonework_samples/images/thumbnails/stone-walls-retaining-walls-by-ambrose-landscapes.jpg);
}

#stonework .stone_header .walls a:hover div.thumbnail {
  background: url(projects/stonework_samples/images/thumbnails/stone-walls-stone-pillars-by-ambrose-landscapes.jpg);
}

#stonework .stone_header .channels a div.thumbnail {
  background: url(projects/stonework_samples/images/thumbnails/stone-water-channels-drains-by-ambrose-landscapes.jpg);
}

#stonework .stone_header .channels a:hover div.thumbnail {
  background: url(projects/stonework_samples/images/thumbnails/stone-water-channels-waterfalls-by-ambrose-landscapes.jpg);
}
*/

#stonework .stone_header .link h2 {
  font-size: 14px;
  font-weight: bold;
  color: rgb(18, 0, 0);
  margin-top: 5px;
}

#stonework .home-text {
  font-weight: bold;
}

#stonework .home-text ul li {
  display: inline;
  margin-right: 30px;
}

/*#stonework .links {
  height: 75px;
  width: 700px;
  margin: 0 auto;
  background-image: url(images/decorative/fieldstones-background3.png) ;
}

#stonework .links a {
  margin-right: 30px;
  line-height: 50px;
}
*/

#stonework h2 {
  margin-bottom: 5px;
}

#stonework h4 {
  margin-bottom: 5px;
}

/*#stonework .caption h4, #stonework caption h4, #stonework p h4 {
  display: inline;
}
*/
#stonework div.stonework-section {
  padding-top: 10px;
  clear: both;
  /*border-top: 1px solid gray;*/
}

#stonework .stonework-sub-section {
  width: 910px;
  margin-bottom: 20px;
  clear: both;
  position: relative;
  border-top: 1px solid gray;
  padding-top: 10px;
}

#stonework .caption.left {
  text-align: right;
}

#stonework .caption.right {
  text-align: left;
}

#stonework .caption span, #stonework caption span {
  font-weight: bold;
}

#stone-pillar-monument-plaque p {
  font-style: italic;
}

/* GENERIC PHOTO LAYOUTS IN PROJECT PAGE, EFFECTIVE WIDTH 900PX. SEE STONEWORK PAGE. */
.two-landscapes-symmetrical_caption-center {
  width: 900px;
  height: 263px;
  clear: both;
}

.two-landscapes-symmetrical_caption-center div {
  height: 100%;
}

.two-landscapes-symmetrical_caption-center div.left, .two-landscapes-symmetrical_caption-center div.right {
  width: 350px;
}
#stone-table-chairs.two-landscapes-symmetrical_caption-center div.left, #stone-table-chairs.two-landscapes-symmetrical_caption-center div.right {
  width: 400px;
  height: 300px;
  margin-bottom: 20px;
}

.two-landscapes-symmetrical_caption-center div.caption {
  width: 170px;
  float: left;
  text-align: justify;
  padding-right: 5px;
}
#stone-table-chairs.two-landscapes-symmetrical_caption-center div.caption {
  width: 70px;
  word-spacing: -.3em;
}

.two-landscapes-symmetrical_no-caption {
  width: 100%;
  height: 358px;
  clear: none;
}

.two-landscapes-symmetrical_no-caption .left, .two-landscapes-symmetrical_no-caption .right {
  width: 450px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
}

.two-landscapes-symmetrical_no-caption {
  margin: 0px;
  padding: 0px;
}

.three-landscapes-asymmetrical .left, .three-landscapes-asymmetrical .right {
  margin: 0px;
  padding: 0px;
}



/* "style3" in some files (home page) conflicts with "style3" in others (project template). Need to give 2 different names and move off pages into here? */