/* CSS Document */
body { background-color:#D0D79D; margin:0; padding:0 ; color:#666; font-size: 11px; font-family:Arial, Helvetica, sans-serif; line-height:1.75em; }

#wrapper{width:754px; margin:4em auto; background-color:#fff; }
body#home #wrapper{ background-image:url(../images/background.gif); background-repeat:repeat-y; } 
body#sub #wrapper{ background-image:url(../images/background_sub.gif); background-repeat:repeat-y; } 


img { border:0; }
.clear { margin:0; clear:both; }


/* Navigation */
#navigation { width:172px; float:left; display:block; background-image:url(../images/nav_background.gif); background-position:bottom right; background-repeat:no-repeat;}
#logo { background-image:url(../images/eco_logo.gif); background-repeat:no-repeat; margin:1em; height:80px;}

#navlist { width:163px; display:block; }
#navlist ul { padding:0; margin:0; }
#navlist li { list-style-type:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin:0 3px 4px 6px; width:163px; height:13px; }
#navlist a { padding:0; margin:0; color: #626466; text-decoration: none; background-image:url(../images/nav_off.gif); background-repeat:no-repeat; background-position: center; display: block; text-indent:2em; font-weight:bold; }
#navlist a:hover { padding:0; background-position: center; margin:0; color: #fff; text-decoration: none; background-image:url(../images/nav_hover.gif); background-repeat:no-repeat; display: block; text-indent:2em; font-weight:bold; }
#navlist .active { padding:0; background-position: center; margin:0; color: #fff; text-decoration: none; background-image:url(../images/nav_hover.gif); background-repeat:no-repeat; display: block; text-indent:2em; font-weight:bold; }

#blocksleft { height:223px; background-image:url(../images/nav_background.gif); background-position:bottom right; background-repeat:no-repeat;}

/* Grey Block */
body#home #greycontainer {width:239px; float:left; display:block; color:#FFFFFF; text-align:center; line-height:1.75em; }
body#sub #greycontainer {width:175px; float:left; display:block; color:#FFFFFF; text-align:center; line-height:1.75em; }

body#home #greyheading { background-image:url(../images/home_grey_heading.gif); background-repeat:no-repeat; margin:1.5em 0 0 0; width:239px; height:20px; display:block;}
body#sub #greyheading { background-image:url(../images/sub_grey_heading.gif); background-repeat:no-repeat; margin:1.5em 0 0 4px; width:170px; height:20px; display:block;}

body#home #rotating { margin:0;}


/* Content */
#content { float:right; display:block; background-image:url(../images/content_background.gif); background-repeat:no-repeat; background-position:left; }
#content img { float:right; margin:0 10px 0 5px;}
.map { float:left; margin-left:10px; }
body#home #content { width:343px; }
body#sub #content { width:406px; }
#content p {margin:0 30px 10px 30px;}
#content li { list-style-type:square; margin:0 30px 10px 10px;}
#content a { color: #167BCB; text-decoration:underline; }
#content a:hover { color:#43B64D; text-decoration:none; }
#content table { width:330px; margin:0 30px 10px 30px; border:1px solid #999;}
#content td { padding:5px; border-bottom:1px solid #999; }
#content th { background-color:#43B64D; color:#fff; }
#content .greycolumn { background-color:#A9A9A9; font-weight:bold; color:#FFFFFF;}
#content .lightcolumn { background-color:#ECEEEC;}
#content .white { background-color:#fff;}

body#home #navtop { width:200px; margin:.75em 0 2.5em 12em; font-family:Arial, Helvetica, sans-serif; display:block; }
body#sub #navtop { width:200px; margin:.75em 0 2.5em 18em; font-family:Arial, Helvetica, sans-serif; display:block;}

#navtop ul{ padding:0; margin:0;} 
#navtop li {display: inline; list-style-type:none; width:100px; margin-right:.5em;   font-size:11px;}
#navtop a { background-image:url(../images/topnav_off.gif); background-position:left; background-repeat:no-repeat; color: #167BCB; text-decoration: none; padding:6px 0 0 1.5em;}
#navtop a:hover{background-image:url(../images/topnav_hover.gif); background-position:left ; background-repeat:no-repeat; text-decoration: none; color: #FF6600; padding:6px 0 0 1.5em;}
#navtop .active {background-image:url(../images/topnav_hover.gif); background-position:left ; background-repeat:no-repeat; text-decoration: none; color: #FF6600; padding:6px 0 0 1.5em;}

#shadowbottom { display:block; height:9px; }
#aftershadow { height:20px; background-color:#D0D79D; font-size:11px; }
#copywrite { float:left;width:300px;}
#mockorange {float:right; width:180px; margin-top:5px; }
.orangelink { color: #FF6600; text-decoration:underline; }

/* Headings */
.h2white { font-size:1.25em; margin-bottom:1em;}
.h1grey { font-size:1.5em; margin:0 30px 10px 30px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold;  }
.h1ecological { font-size:1.5em; margin:0 30px 10px 30px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; }
.h2green { font-size:12px; margin:0 30px 10px 30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#43B64D; text-transform:uppercase; }
.h2underline { font-weight:bold;}

/*ECO LOGICAL*/
#ecological {width:400px; height:15px; display:block; margin-bottom:20px; }
#ecological p {margin:0 0 0 30px;}
#ecological a { color:#999999; font-size:10px;  border-right:1px solid #fff; text-decoration:none; letter-spacing:-0.5px; }
#ecological a:hover { color:#43B64D; border-right:1px solid #fff; text-decoration:none;  letter-spacing:-0.5px; }
#ecological .active { color:#43B64D; padding:0 2px 0 2px; border-right:1px solid #fff; text-decoration:none;  letter-spacing:-0.5px; }

/*whyuse*/
#whyuse {width:400px; height:15px; display:block; margin-bottom:20px; }
#whyuse p {margin:0 0 0 30px;}
#whyuse a { color:#999999; font-size:11px; font-weight:bold; border-right:1px solid #fff; text-decoration:none; letter-spacing:-0.5px; }
#whyuse a:hover { color:#43B64D; font-weight:bold; border-right:1px solid #fff; text-decoration:none;  }
#whyuse .active { color:#43B64D; font-weight:bold; padding:0 2px 0 2px; border-right:1px solid #fff; text-decoration:none; }

/*gallery*/
#gallerynav {width:400px; height:15px; display:block; margin-bottom:20px; }
#gallerynav p {margin:0 0 0 30px;}
#gallerynav a { color:#999999; font-size:11px; font-weight:bold;  border-right:1px solid #fff; text-decoration:none; letter-spacing:-0.5px; }
#gallerynav a:hover { color:#43B64D; font-weight:bold; border-right:1px solid #fff; text-decoration:none;  }
#gallerynav .active { color:#43B64D; font-weight:bold; padding:0 2px 0 2px; border-right:1px solid #fff; text-decoration:none; }

#gallerymiddle { margin:0 auto; width:370px; margin-left: 30px; }
#gallerymiddle img {margin:0; padding:0;border:1px solid #167BCB; margin:2px; }
.gallery { width:100px; height:120px; float:left; text-align:center; display:block; margin:0 10px 20px 0; }
/* LINKS */



/* FORMS */
fieldset { border:1px solid #EFEFEF; margin-bottom: 10px; }
.widthform { width:190px;}
label { font-weight:bold; }
.button { background-color:#43B64D; border:1px solid #ccc; color:#FFF; font-weight:bold; width:120px; }