/* CSS Document */

html,body { background-color:#3F3F3F; margin:0px; padding: 0px; font-family:Arial; font-size:11px;}

DIV { overflow:hidden;}

#grand-mother { width: 100%; height:auto; margin:0 auto 0 auto; padding:0px; }

#mother { margin:0 auto 0 auto; width:1024px; padding:0; height:auto; background-color:#fff; }

#top { width:1024px; height:50px; background-color:#3F3F3F; margin:0; padding:0;}

.nav { float:left; margin:21px 0 0 38px; padding:0;}
.nav img { padding-left:3px;}

.rhs-icons { float:left; margin-top:26px; margin-left:18px;}
.rhs-icons img { margin-left:3px;}

#main-header { width:1024px; height:128px; border-bottom:1px solid #E3E3E3; margin:0; padding:0; background:url(/pics/header-bg.jpg) repeat-x;}
.logo { float:left; width:465px;}
.green-directory { float:right; width:270px; margin-top:26px; margin-right:46px;}
.green-directory .title { color:#93B02B; padding-bottom:5px;}

#daughter { width:950px; height:auto; margin:0; padding:13px 0 0 38px;}

#daughter #left { float:left; width:638px; height:auto; margin:0; padding:0;}
#daughter #left .txt {color:#4c4c4c; line-height:17px;}
#daughter #left a { color:#6E9303; text-decoration:none;}
#daughter #left a:hover { color:#6E9303; text-decoration:underline;}

/****** Cat and Art styles *********/

.subhead {width:638px; border-bottom:1px solid #eaeaea; height:39px; background-color:#fff; display:block;}
.subimg { height:195px; margin-top:13px; margin-bottom:0px; padding:0px;}

#title-box {
	width:638px;
	margin:0px;
	padding:10px 0 0 13px;
	background:url(/pics/title-box-grad.jpg) repeat-x;
	display:block;
}
#title-box .cat { color:#4c4c4c; font-size:12px; text-transform:capitalize; font-weight: bold;}
#title-box .title {
	color:#7C9815;
	font-size:25px;
	text-transform:none;
}

#content { width:638px; height:auto; margin:0px; padding:0px;}
#content .txt {padding:0px 19px 0px 14px; color:#4c4c4c; line-height:17px; font-size:11px;}
#content a {color:#6E9303; text-decoration:none;}
/*#left .txt p strong a{color:#6E9303; text-decoration:none;} */
#content a:hover {color:#6E9303; text-decoration:underline;}


#content-blurb { width:638px; height:auto; margin:0px; padding:0 0 18px 0; background:url(/pics/dots-631.gif) no-repeat bottom;}
#content-blurb .txt {padding:0px 19px 0px 14px; color:#4c4c4c; line-height:17px; font-size:11px;}
#content-blurb a {color:#6E9303; text-decoration:none;}
#content-blurb a:hover {color:#6E9303; text-decoration:underline;}

#client-block1 { width:631px; height:auto; background-color:#F6F6F6; border:1px solid #EEEEEE; padding:0; margin:16px 0 0 0;}

#client-block { width:631px; height:auto; background-color:#fff; padding:0 0 24px 0; margin:16px 0 0 0; background:url(/pics/bottom-dots.gif) no-repeat bottom;}
#client-block .cat {color:#4c4c4c; height:auto; font-size:12px; line-height:22px; padding-bottom:0px; text-transform:capitalize; font-weight: bold; }
#client-block .title {
	color:#7C9815;
	height:auto;
	font-size:20px;
	margin-top:8px;
	line-height:22px;
	padding-bottom:0px;
	text-transform:none;
}
#client-block .byline { color:#717171; height:auto; font-size:11px; margin-top:9px; line-height:22px; padding-bottom:0px; text-transform:uppercase;}
.client-content { width:607px; height:auto; padding:12px 17px 11px 12px;}
.client-content .img { float:left; width:145px; height:145px; border:1px solid #eaeaea;}
.client-content .txt { float:left; width:404px; padding-left:15px; color:color:#4C4C4C; line-height:17px;}

#news-events { width:631px; height:auto;}

#bottom {  width:635px; height:auto; padding:0 0 10px 0; margin:0; background:url(/pics/bottom-dots.gif) no-repeat bottom;}
#bottom-left { float:left; width:315px; height:auto;}
#bottom-left img { margin-top:0px;}
#bottom-left .txt { padding:10px 0 6px 0; color:#4c4c4c;}

#bottom-right {float:left; width:315px; height:auto; background:url(/pics/vertical-dots-150.jpg) no-repeat left;}
#bottom-right .txt { padding:10px 0 6px 0;}

/***** End *******/


#daughter #right { float:left; width:300px; height:auto; margin-left:12px; padding:0;}

#daughter #right #gallery-box { width:300px; height:247px; margin:0; padding:0; background-color:#EDEEEE;}
#daughter #right .banner1 { padding-top:18px; height:120px;}

#daughter #right #social-net-cat { padding-top:0px; height:163px; background:url(/pics/social-network-group.jpg) no-repeat;}
#daughter #right #social-net-cat .fb { padding:38px 0 0 20px;}
#daughter #right #social-net-cat .twitter { padding:10px 0 0 20px;}

#daughter #right #newsletter { width:295px; height:auto;}
#daughter #right #newsletter .txt { padding:8px 0 21px 3px; color:#4c4c4c; background:url(/pics/dots-300.gif) no-repeat bottom;}
#daughter #right #newsletter .header { margin-top:14px; margin-left:7px;}
#daughter #right .rate-card { padding:27px 0 0 4px;}
#daughter #right .eco-diary { padding:20px 0 21px 0px; background:url(/pics/dots-300.gif) no-repeat bottom;}
#daughter #right .banner2 { padding-top:29px; height:120px;}
#daughter #right .banner3 { padding-top:23px; height:120px;}
#daughter #right .banner4 { padding-top:23px; height:120px;}

#bottom-clients {  width:1024px; background:url(/pics/bottom-client-bg.jpg) repeat-x; height:0px; border-top:1px solid #E3E3E3; 
border-bottom:1px solid #E3E3E3; padding:0; margin-top:0px; visibility:hidden;} /* margin-top:60px; height:98px; */


#footer { width:1024px; margin-top:1px; height:54px; border:0; background:url(/pics/footer-bg.jpg) no-repeat;}
.more-news {color: #7C9815; font-size:15px; margin-top: 30px;padding-top: 30px;}


/*** masterhead rotate ***/

#slideshow {
width:638px;
    position:relative;
    height:195px;
 margin:0; padding:0; display:block;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}