@charset "UTF-8";
/* CSS Document */

body { background:url(../img/background.jpg) repeat-x; text-align:center; margin:0; padding:0; }

#container { width:750px; text-align:left; margin:0 auto; }

#menu { position:relative; height:133px; width:750px;}

#menu ul { position:absolute; bottom:0px; margin:0 auto; height:50px; margin-left:145px; }
#menu ul li { list-style:none; float:left; margin-left:5px; background:url(../img/menu-bg.jpg) repeat-x top; height:50px; }

#menu a { text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:14px; padding: 25px 20px;}


#menu a:hover { color:#360; height:2px; padding:24px 21px; }
#menu a, a:link, a:visited { color:#5a9f30; }

#menu a { background:url(../img/menu-left.jpg) top left no-repeat; display:block; height:0px;}
#menu span { background:url(../img/menu-right.jpg) top right no-repeat; display:block; height:50px; }

#mission {width: 700px; background-color:#9edc68; padding: 3px 20px; margin: 20px auto 15px auto ; }
#mission h1 {color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:normal; letter-spacing:0.08em; word-spacing:0.1em;  }

#main { position:relative; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#363; }
.main-top { position:absolute; top:0; left:0; background:url(../img/main-top.png) no-repeat; width:750px; }
.main-bottom { position:absolute; bottom:0; right:0; background:url(../img/main-bottom.png) no-repeat; width:750px; height:120px; z-index:-1;}
#main-content{ padding:0 40px; padding-bottom:1px; background:url(../img/main-bg.png) repeat-y; background-position: 1px 132px; margin:30px 0;}


h2, #projects h3, #projects h4, .process-obj  { height:0.7em; color:#8a6; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; letter-spacing:-.05em; font-size:26px; margin-bottom:10px;}
h3 { height:70px;  }
#our-mission { text-indent:-900%; background:url(../img/our-mission.jpg) no-repeat; }
#customers { text-indent:-900%; background:url(../img/our-customers.jpg) no-repeat; } 
#businesses { text-indent:-900%; background:url(../img/businesses.jpg) no-repeat; } 
#int-partners { text-indent:-900%; background:url(../img/partners.jpg) no-repeat;  }

#about { text-indent:-900%; background:url(../img/about.jpg) no-repeat; height:70px;}
#technical-team { text-indent:-900%; background:url(../img/technical-team.jpg) no-repeat;}
p { line-height:1.5em; margin-top:0px; font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height:2em; word-spacing:.15em;}

#links ul {list-style:none;}
#links li { height: 1.9em; padding-left:40px; }
#links a:link, a:visited { color:#030;}
#links a:hover { color:#030; text-decoration:none; }
#links li:hover { background:url(../img/recycle_logo.gif) left no-repeat; }

#links ul { padding-bottom:100px;}

#logo { z-index:-1; }
#plant { position:absolute; left:-409px; top:500px; background:url(../img/green-plant.jpg) no-repeat; width:417px; height:182px; z-index:5; }
#plant2 { position:absolute; right:-492px; top:500px; background:url(../img/green-plant3.jpg) no-repeat; width:499px; height:800px; z-index:4; }
#plant-roots { position:absolute; bottom:20px; right:20px; background:url(../img/green-plant2.jpg) no-repeat; width:199px; height:250px; }

.members-titles{ font-family:"Courier New", Courier, monospace; letter-spacing:.1em; font-size:16px; display:block; margin-bottom:15px; margin-top:0px; font-weight:bold;}
ol { line-height:2em; }
#projects ul{ line-height:2em;}

#projects img { float:right; margin:30px; }
#projects { padding-bottom:40px;}
#projects h3 { clear:both; border-bottom:thin solid #CDDFC9; border-collapse:collapse; height:1em; }
#projects p { padding-top:20px;}
#projects h4 { font-size:18px; margin-bottom:0px;}

#process ul,#contact ul { list-style:none; line-height:2em; }
#process h2,#contact h2 { margin-bottom:2em; text-align:center}
#contact { padding-top:200px;}
#contact a:link, a:visited { color:#030;}
#contact a:hover { color:#030; text-decoration:none; }

#proc { text-indent:-900%; background:url(../img/process.jpg) no-repeat; height:70px;}