/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	width:  980;
	margin: 0 auto; 	
	padding: 0;
	font: normal 73%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #555;
	background: #;
	background-image:url(backgrounds/wood1.jpg);
	background-repeat: repeat;
    background-attachment:fixed;
	text-align: center;		
}
/***********************
	  CONTENT
************************/

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	background:  url() repeat;
	background-color: ;
}
#content {
	text-align: left;	
	padding: 0;
	background:  url() repeat;
	width: 1084px;
	height: 984px;
	margin: 0 auto;	
}
#portfolio-wrap {
	position: relative;
	top: 0px;
	width: 800;
	margin: 0 auto;
	background-color: ;
	background-image:  url();
	background-repeat: ; 
}
#portfolio-home-wrap {
	position: relative;
	top: 10px;
	width: 800;
	margin: 0 auto;
	background-color: ;
	background-image:  url();
	background-repeat: ; 
}


#content_main {
	position: absolute;
	top: 0px;
	left: 0;
	width:65%;
	height: 600px;
	padding: 5em, 0;
	background-image:  url();
	background-repeat: repeat-x; 
	background-color: white;
	
	
}
#content_main h1 {
	padding: 18px 8px 15px 8px;
	color: grey;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 2.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
#content_main h2 {
	padding: 18px 8px 15px 8px;
	color: grey;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#content_main p {
	padding: 10px 0px 5px 10px;
	color: grey;
	text-align: left;	
	margin: 10;
	font:  1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	}
#content_main a { background: none; color: #B0D761; text-decoration: none; }
#content_main a:hover { background: #FFFFCC; color: #B0D761; text-decoration: none; }
	
#content_main img {
	align:center ;	
	margin: 0;	
	font: bold 3.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
#content_sub {
	position: relative;
	top:0px;
	left: 70%;
	width:30%;
	height: 600px;
	padding: 1em, 0;
	background:  url(sub.jpg) repeat;
	
}
#content_sub h2 {
	padding: 18px 8px 15px 8px;
	color: white;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 3.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#content_sub p {
	padding: 10px 0px 5px 10px;
	color: white;
	text-align: left;	
	margin: 10;
	font:  1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	}
#content_sub a { background: none; color: #B0D761; text-decoration: none; }
#content_sub a:hover { background: #FFFFCC; color: #B0D761; text-decoration: none; }
	
#content_sub img {
	align:center ;	
	margin: 0;	
	font: bold 3.3em 'Trebuchet MS', Tahoma, Sans-serif;
}




ll/* links */
a { background: inherit; color: #FFFFFF; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: none; }

/* headers */
h1, h2, h3 { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; }
h1 { font-size: 1.4em; color: #65944A; }
h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.2em; }

p, h1, h2, h3 {
	margin: 10px 15px;
}
ul, ol {
	margin: 0px 0px;
	padding: 0 15px;		
}

/* images */
img {
	border: 0px solid #DADADA;
	padding: 0px;
	background: #FAFAFA;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
h3 img  {
	position: relative;
	
}
/***********************
	 HEADER, FOOTER
************************/

#header-content, #content, #footer-content {
	width: 1004px;
}

/* header */
#header {
	height: 120px;
	text-align: left;
	background:  url(headerband.jpg) ;
	background-repeat: repeat-x;
	position
}
/* header photo */
.headerphoto {
	margin: 0 auto;
	width: 1060px;
	height: 300px;
	padding: 0px 0px 0px 0px; 
	background:  url(headerphotobannerlight.jpg) no-repeat center;
	border: 8px solid #FFF;	
}
#header-content {	
	margin: 0 auto; padding: 0;
	position: relative;
	
}


#header-content h1#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	font: bold 5em 'Trebuchet Ms', Sans-serif;
    background: url(logo.png) no-repeat; 
    z-index: 99; 
    display: block;
    display: inline;
    text-indent: -9999px; 

     		
	
	/* change the values of left and top to adjust the position of the logo */
	top: ; left: ;
}

#header-content h1#shopgreen {
	position: absolute;
	top: 0px;
	left: 812px;
	font: bold 5em 'Trebuchet Ms', Sans-serif;
    background: url(shopgreen.png) no-repeat; 
    z-index: 199; 
    display: block;
    display: inline;
    text-indent: -9999px; 

     		
	
	/* change the values of left and top to adjust the position of the logo */
	top: ; left: ;
}



#header-content h1#logo a {
	text-decoration: none;
	color: #FFF;
	border: none;
	width: 300px;  
    height: 100px;  
    display: block;
    text-indent: -9999px; 
	
} 

#header-content h1#shopgreen a {
	text-decoration: none;
	color: #FFF;
	border: none;
	width: 160px;  
    height: 40px;  
    display: block;
    text-indent: -9999px; 
	
} 
#header-content h1#logo_folio {
	position: absolute;
	top: 0px;
	left: -12px;
	font: bold 5em 'Trebuchet Ms', Sans-serif;
    background: url(logo.png) no-repeat; 
    z-index: 99; 
    display: block;
    display: inline;
    text-indent: -9999px; 

     		
	
	/* change the values of left and top to adjust the position of the logo */
	top: ; left: ;
}


#header-content h1#logo_folio a {
	text-decoration: none;
	color: #FFF;
	border: none;
	width: 445px;  
    height: 67px;  
    display: block;
    text-indent: -9999px; 
	
}  
 

#header-content #slogan {
	color: black;
	position: relative;
	display: inline;
	top: 460px;
	left: 5px;	
	font:  1em 'Trebuchet Ms', Sans-serif;
	background-image:url(sloganbg.jpg) no-repeat;
	background-color: none;
	
    

	z-index: 20;
	letter-spacing: 2px;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	text-indent: 0px; 

	
	
	
	/* change the values of left and top to adjust the position of the slogan */
	
}
#header-content #slogan a {
	
	color: #99B3CC;
	display: inline;
	z-index: 19;
	margin: 0; padding: 0;
	
	text-decoration: none;
	border-right: none;
	text-indent: 0px; 

}
#header-content #slogan a:hover {
	background: none ;
	color: white;
	text-decoration: none;
}



#header-content #slogan_beta {
	position: relative;	
	font:  .9em 'Trebuchet Ms', Sans-serif;
	background-color: none;
	float: right;
	z-index: 19;
	letter-spacing: 2px;
	text-transform: none;
	color: #B0D761;	
	margin: 0; padding: 0;
	text-indent: -30px; 

	
	
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 82px; }
#header-content #slogan_beta a {
	
	display: block;
	margin: 0; padding: 0;
	background-color: none;
	text-decoration: none;
	border-right: none;
	text-indent: -9999px; 

}
#header-content #slogan_beta a:hover {
	background: none;
	color: #B0D761;
	text-decoration: none;
}

#header-content #slogan_about {
	position: absolute;	
	font:  1em 'Trebuchet Ms', Sans-serif;
	background: url() no-repeat;
	
    float: left;

	z-index: 19;
	letter-spacing: 2px;
	text-transform: none;
	color: #F88017;	
	margin: 0; padding: 0;
	text-indent: 60px; 

	
	
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 118px; }
#header-content #slogan_about a {
	
	display: block;
	margin: 0; padding: 0;
	background-color: none;
	text-decoration: none;
	border-right: none;
	text-indent: -9999px; 

}
#header-content #slogan_about a:hover {
	background: none;
	color: #B0D761;
	text-decoration: none;
}




#header-content #slogan-catagory {
	position: absolute;	
	font: bold 24px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	
	
	/* change the values of left and top to adjust the position of the slogan-catagory */
	position: center ;top: 7px; right: 0px;
}
#header-content #slogan-folio {
	position: absolute;	
	font: bold 24px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	
	
	/* change the values of left and top to adjust the position of the slogan-folio */
	position: center ;top: 70px; right: 10px;
}
#header-content ul {
	position: relative; top: 0px;
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #65944A;
	list-style: none;
	margin: 0; padding: 0;
	left: 0px;
	float: left;
}
#header-content li {
	display: inline;
}
#header-content li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#header-content li a:hover {
	background: white;
	color: #B0D761;
}
#header-content li a#current  {
	background: none;
	color: #B0D761;

}
/* footer */
#footer {
	height: 167px;
	text-align: left;
	background:  url(headerbg.png) repeat-x;
}
#thegreenshowcase{
position: absolute;
	top: 56px;
	left: -12px;
	font: bold 5em 'Trebuchet Ms', Sans-serif;
    background: url(greenfolio_no.png) no-repeat;  
    display: block;
    display: inline;
    text-indent: -9999px; 
	
}




/***********************
	  NAVIGATION
************************/
/* main navigation */
#main-nav ul {
	position: absolute;  
	
	font-size:  1.5em; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0;
	color: white;
	list-style: none;
	margin: 0; padding: 0;
	top: 24px;
	left: 260px;
	z-index: 30;
	
}

#main-nav-network ul {
	position: absolute;  
	
	font:  1.0em 'Trebuchet MS', sans-serif;
	color: white;
	list-style: none;
	margin: 0; padding: 0;
	top: 30px;
	left: 230px;
	z-index: 30;
	
}







#main-nav li {
	display: inline;
}
#main-nav li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: white;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#main-nav li a:hover {
	background: none;
	color: #99B3CC;
}
#main-nav li a#current  {
	background: white;
	border: none;
	color: #A7DDEF;
}



/* sub navigation */
#sub-nav ul {
	position: relative; top: 3px;
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #B0D761;
	list-style: none;
	margin: 0; padding: 0;
	right: 0px;
	float: right;
}
#sub-nav li {
	display: inline;
}
#sub-nav li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#sub-nav li a:hover {
	background: white;
	color: #B0D761;
}
#sub-nav li a#current  {
	background: #FFFFCC;
	color: #B0D761;
}
/* showcase navigation */


#showcase-nav ul {
	position: absolute; top: 77px;
	right: 20px;
	font:  1.5em 'Trebuchet MS', sans-serif;
	color: white;
	list-style: none;
	margin: 0; padding: 0;
	float: right;
}
#showcase-nav li {
	display: inline;
	
	
}
#showcase-nav li a {
	float: right;
	display: block;
	padding: 3px 12px;	
	color: white;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#showcase-nav li a:hover {
	background: none;
	color: #99B3CC;
	text-decoration: none;
}
#showcase-nav li a#current  {
	background: #white ;
	
	border-style: none ;
	text-decoration: none;
	color: #B0D761;
}

/* showcase-nav-folio navigation */

#showcase-nav-folio ul {
	position: absolute; top: 70px; right: 100px;
	font:  2.0em 'Trebuchet MS', sans-serif;
	color: #B0D761;
	list-style: none;
	margin: 0; padding: 0;
	float: right;
}
#showcase-nav-folio li {
	display: inline;
	
	
}
#showcase-nav-folio li a {
	float: right;
	display: block;
	padding: 3px 12px;	
	color: white;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#showcase-nav-folio li a:hover {
	background: none;
	color: #B0D761;
	text-decoration: none;
}
#showcase-nav-folio li a#current  {
	background: #white ;
	
	border-style: none ;
	text-decoration: none;
	color: #B0D761;
}

/* showcase-folio navigation */

#showcase-folio p {

	position: absolute; top: 14px; right: 50px;
	font:  1.0em 'Trebuchet MS', sans-serif;
	color: #B0D761;
	list-style: none;
	margin: 0; padding: 0;
	
}
#showcase-folio ul {
	position: absolute; top: 67px; right: 26px;
	font:  1.8em 'Trebuchet MS', sans-serif;
	color: white;
	list-style: none;
	margin: 0; padding: 0;
	
}
#showcase-folio li {
	display: inline;
	
	
}
#showcase-folio li a {
	float: right;
	display: block;
	padding: 3px 12px;	
	color: white;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#showcase-folio li a:hover {
	background: none;
	color: #B0D761;
	text-decoration: none;
}
#showcase-folio li a#current  {
	background: #white ;
	
	border-style: none ;
	text-decoration: none;
	color: #B0D761;
}

/* portfolio navigation */


#portfolio-nav ul {
	position: relative; top: 120px; 
	float: left;
	font:  1.2em 'Trebuchet MS', sans-serif;
	color: white;
	list-style: none;
}
#portfolio-nav-nav li {
	display: inline;
}
#portfolio-nav li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#portfolio-nav li a:hover {
	background: white;
	
	color: #B0D761;
}
#portfolio-nav li a#current  {
	background: white;
	border: none;
	color: #B0D761;
}



/* people navigation */
#people-nav ul {
	position: relative; top: 0px;
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #B0D761;
	list-style: none;
	margin: 0; padding: 0;
	right: 0px;
	float: right;
}
#people-nav li {
	display: inline;
}
#people-nav li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color:  ;
	text-decoration: none;
	border-right: none;
}
#people-nav li a:hover {
	background: white;
	color: #B0D761;
}
#people-nav li a#current  {
	background: white;
	color: #B0D761;
}
/* people nav-content */
#people-nav-content {
	position: relative; top: 40px;
	margin:  0 auto;
	width: 468px;
	height: 300px;
	padding: 0px 0px 0px 0px; 
	color:  white;
	background:  url(pn_content.jpg) no-repeat center;
	border: 16px solid #FFF;
}
#people-nav-content h2 {
	padding: 18px 8px 15px 8px;
	color: grey;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#people-nav-content p {
	padding: 10px 0px 5px 10px;
	color: grey;
	text-align: center;	
	margin: 10;
	font:  1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	}
#people-nav-content ul {
	position: relative; top: 0px;
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #B0D761;
	list-style: none;
	margin: 0; padding: 0;
	right: 0px;
	float: right;
}
#people-nav-content li {
	display: inline;
}
#people-nav-content li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: white;
	text-decoration: none;
	border-right: none;
}
#people-nav-content li a:hover {
	background: white;
	color: #B0D761;
}
#people-nav-content li a#current  {
	background: white;
	color: #B0D761;
}

/* people nav-content-list */
#people-nav-content-list {
	position: relative; top: 30px;
	margin:  0 auto;
	width: 450px;
	height: 250px;
	padding: 0px 0px 0px 0px; 
	color:  white;
	background:  none;
	border: none;
}

#people-nav-content-list h2 a {
	
	display: block;
	padding: 3px 12px;	
	color: #CCC;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#people-nav-content-list h2 a:hover {
	background: none;
	color: #B0D761;
}
/* product nav-content */
#product-nav-content {
	position: relative; top: 40px;
	margin:  0 auto;
	width: 408px;
	height: 300px;
	padding: 0px 0px 0px 0px; 
	color:  white;
	background:  url(pn_content.jpg) no-repeat center;
	border: 16px solid #FFF;
}
#product-nav-content h2 {
	padding: 18px 8px 15px 8px;
	color: grey;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#product-nav-content p {
	padding: 10px 0px 5px 10px;
	color: grey;
	text-align: center;	
	margin: 10;
	font:  1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	}
#product-nav-content ul {
	position: relative; top: 0px;
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #B0D761;
	list-style: none;
	margin: 0; padding: 0;
	right: 0px;
	float: right;
}
#product-nav-content li {
	display: inline;
}
#product-nav-content li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: ;
	text-decoration: none;
	border-right: none;
}
#product-nav-content li a:hover {
	background: white;
	color: #B0D761;
}
#product-nav-content li a#current  {
	background: white ;
	color: #B0D761;
}

/* product nav-content-list */
#product-nav-content-list {
	position: relative; top: 30px;
	margin:  0 auto;
	width: 450px;
	height: 250px;
	padding: 0px 0px 0px 0px; 
	color:  white;
	background:  none;
	border: none;
}

#product-nav-content-list h2 a {
	
	display: block;
	padding: 3px 12px;	
	color: #CCC;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#product-nav-content-list h2 a:hover {
	background: none;
	color: #B0D761;
}

/***********************
	 SLIDER
************************/
#slider {
	position: relative; top: 0px;
	margin: 0 auto; 
	width: 940px;
	height: 300px;
	padding: 0px 0px 0px 0px; 
	background:  url() no-repeat center;
    background:  color:white;
	border: 0px solid #FFFFFF ;
}
#slider h2 {
	padding: 18px 8px 15px 8px;
	color: grey;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#slider p {
	padding: 10px 0px 5px 10px;
	color: grey;
	text-align: left;	
	margin: 10;
	font:  1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	}
#slider a { background: none; color: #B0D761; text-decoration: none; }
#slider a:hover { background: none; color: #B0D761; text-decoration: none; }
	
#slider img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
/***********************
	 SLIDER 425
************************/
#slider425 {
	position: relative; top: 50px;
	margin: 0 auto; 
	width: 960px;
	height: 425px;
	padding: 0px 0px 0px 0px; 
	background:  url() no-repeat center;
    background:  color:white;
	border: 2px solid #FFFFFF;
}
#slider425 h2 {
	padding: 18px 8px 15px 8px;
	color: white;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#slider425 p {
	padding: 10px 0px 5px 10px;
	color: white;
	text-align: left;	
	margin: 10;
	font:  1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	}
#slider425 a { background: none; color: #B0D761; text-decoration: none; }
#slider425 a:hover { background: none; color: #B0D761; text-decoration: underline; }
	
#slider425 img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}

/***********************
	 SLIDER LONG
************************/

#sliderlong {
	position: relative; top: 50px;
	margin: 0 auto; 
	width: 960px;
	height: 525px;
	padding: 0px 0px 0px 0px; 
	background:  url(backgrounds/comingsoon.jpg) no-repeat center;
    	border: 2px solid #FFFFFF;
}
#sliderlong h2 {
	padding: 18px 8px 15px 8px;
	color: white;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#sliderlong p {
	padding: 10px 0px 5px 10px;
	color: white;
	text-align: left;	
	margin: 10;
	font:  1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	}
#sliderlong a { background: none; color: #B0D761; text-decoration: none; }
#sliderlong a:hover { background: none; color: #B0D761; text-decoration: underline; }
	
#sliderlong img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
/***********************
	 Five Reasons
************************/

#fivereasons {
	position: relative; top: 50px;
	margin: 0 auto; 
	width: 960px;
	height: 525px;
	padding: 0px 0px 0px 0px; 
	background:  url(backgrounds/fivereasons.jpg) no-repeat center;
    	border: 2px solid #FFFFFF;
}
#fivereasons h2 {
	padding: 18px 8px 15px 8px;
	color: white;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#fivereasons p {
	padding: 10px 0px 5px 10px;
	color: white;
	text-align: left;	
	margin: 10;
	font:  1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	}
#fivereasons a { background: none; color: #B0D761; text-decoration: none; }
#fivereasons a:hover { background: none; color: #B0D761; text-decoration: underline; }
	
#fivereasons img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}

/***********************
	 SLIDER LONG ECO
************************/

#sliderlongeco {
	position: relative; top: 50px;
	margin: 0 auto; 
	width: 960px;
	height: 525px;
	padding: 0px 0px 0px 0px; 
	background:  url(backgrounds/comingsooneco.png) no-repeat center;
    	border: 2px solid #FFFFFF;
}
#sliderlongeco h2 {
	padding: 18px 8px 15px 8px;
	color: white;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#sliderlongeco p {
	padding: 10px 0px 5px 10px;
	color: white;
	text-align: left;	
	margin: 10;
	font:  1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	}
#sliderlongeco a { background: none; color: #B0D761; text-decoration: none; }
#sliderlongeco a:hover { background: none; color: #B0D761; text-decoration: underline; }
	
#sliderlongeco img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}

/***********************
	HOME LONG
************************/


#homelong {
	position: relative; top: 50px;
	margin: 0 auto; 
	width: 960px;
	height: 525px;
	padding: 0px 0px 0px 0px; 
	background:  url(sliderlongbg.jpg) no-repeat center;
    	border: 2px solid #FFFFFF;
}
#homelong h2 {
	padding: 18px 8px 15px 8px;
	color: grey;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#homelong p {
	padding: 10px 0px 5px 10px;
	color: grey;
	text-align: left;	
	margin: 10;
	font:  1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	}
#homelong a { background: none; color: #B0D761; text-decoration: none; }
#homelong a:hover { background: white; color: #B0D761; text-decoration: none; }
	
#homelong img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}


/***********************
	  INTRO
************************/

#intro {
	position: relative; top: 80px;
	margin: 0 auto; padding: 0;
	width: 980px;
	height: 600px;
	padding: 0px 0px 0px 0px; 
	background:  ;
    border: 1px solid #FFFFFF;
}
#intro h2 {
	padding: 18px 8px 15px 8px;
	color: grey;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#intro p {
	padding: 10px 0px 5px 10px;
	color: grey;
	text-align: center;	
	margin: 10;
	font:  1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#intro img {

	float: left;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}

/***********************
	  BANNER
************************/


#banner {
	position: relative; top: 30px;
	float: left;
	margin: 0 auto; 	
	width: 320px;
	height: 188px;
	padding: 5px 5px 5px 5px; 
	background:  url(banner_third.jpg) no-repeat center;
	background:  color:white;
	border: 0px solid #FFF;
}
#banner h2 {
	padding: 18px 8px 15px 8px;
	color: grey;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#banner p {
	padding: 10px 0px 5px 10px;
	color: grey;
	text-align: center;	
	margin: 10;
	font:  1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#banner img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}

/***********************
	  BANNER BOX 1
************************/


#banner-box1 {
	position: relative; top: 80px;
	float: left;
	margin: 0 0px; 	
	width: 320px;
	height: 188px;
	padding: 0px 0px 0px 0px; 
	background:  url(banner_box1.jpg) no-repeat center;
	background:  color:white;
	border: 0px solid #FFF;
}
#banner-box1 h1 {
	padding: 18px 8px 15px 8px;
	color: white;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 2.4em 'Trebuchet MS', Tahoma, Sans-serif;
	}
#banner-box1 h2 {
	padding: 18px 8px 15px 8px;
	color: grey;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 2.4em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#banner-box1 p {
	padding: 10px 0px 5px 10px;
	color: grey;
	text-align: center;	
	margin: 10;
	font:  1.2em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
	#banner-box1 a { background: none; color: none; text-decoration: none; }
#banner-box1 a:hover { background: none; color: none; text-decoration: none; }
#banner-box1 a { background: none; color: none; text-decoration: none; }
	#banner-box1 h1 a { background: none; color: white; text-decoration: none; }
	#banner-box1 h2 a { background: none; color: white; text-decoration: none; }
#banner-box1 a:hover { background: none; color: none; text-decoration: none; }
#banner-box1 h1 a:hover { background: none; color: white; text-decoration: none; }
#banner-box1 a:hover { background: none; color: none; text-decoration: none; }


	
#banner-box1 img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}

/***********************
	  BANNER BOX 2
************************/


#banner-box2 {
	position: relative; top: 80px;
	float: left;
	margin: 0 10 1 10; 	
	width: 320px;
	height: 188px;
	padding: 0px 10px 0px 32px; 
	background:  url(banner_box2b.jpg) no-repeat center;
	background:  color:white;
	border: 0px solid #FFF;
}

#banner-box2 h1 {
	padding: 18px 8px 15px 8px;
	color: white;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 2.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
#banner-box2 h2 {
	padding: 18px 8px 15px 8px;
	color: grey;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 2.2em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#banner-box2 p {
	padding: 10px 0px 5px 10px;
	color: grey;
	text-align: center;	
	margin: 10;
	font:  1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
	#banner-box2 h1 { background: none; color: white; text-decoration: none; }
#banner-box2 p { background: none; color: white; text-decoration: none; }
#banner-box2 a { background: none; color: white; text-decoration: none; }
#banner-box2 a:hover { background: none; color: white; text-decoration: none; }

	
#banner-box2 img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}

/***********************
	  BANNER BOX 3
************************/


#banner-box3 {
	position: relative; top: 80px;
	float: right;
	margin: 0 auto; 	
	width: 320px;
	height: 188px;
	padding: 0px 0px 0px 0px; 
	background:  url(banner_box3.jpg) no-repeat center;
	background:  color:white;
	border: 0px solid #FFF;
}
#banner-box3 h1 {
	padding: 18px 8px 15px 8px;
	color: white;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 2.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#banner-box3 h2 {
	padding: 18px 8px 15px 8px;
	color: white;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 2.2em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#banner-box3 p {
	padding: 10px 0px 5px 10px;
	color: grey;
	text-align: center;	
	margin: 10;
	font:  1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
	#banner-box3 a { background: none; color: none; text-decoration: none; }
	#banner-box3 h1 a { background: none; color: white; text-decoration: none; }
	#banner-box3 h2 a { background: none; color: none; text-decoration: none; }
#banner-box3 a:hover { background: none; color: none; text-decoration: none; }
#banner-box3 h1 a:hover { background: none; color: none; text-decoration: none; }
#banner-box3 a:hover { background: none; color: none; text-decoration: none; }

	
#banner-box3 img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}






/***********************
	  BANNER TRIPPLE
************************/

#banner-tripple {
	position: absolute; top: 710px;
	margin: 0 auto; 	
	width: 990px;
	height: 70px;
	padding: 0px 0px 0px 0px; 
	background:  url(banner_communities_logo_high.g) no-repeat center;
	background:  color:white;
	border: 0px solid #FFF;
}
#banner-tripple h1 {
	padding: 16px 16px 6px 16px;
	color: white;
	letter-spacing: 3px;
	text-align: left;	
	margin: 0;	
	font: bold 2.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
	#banner-tripple h2 {
	padding: 0px 0px 0px 0px;
	color: grey;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.0em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#banner-tripple p {
	padding: 0px 0px 0px 0px;
	color: grey;
	text-align: center;	
	margin: 10;
	font:  .8em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#banner-tripple img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
#banner-tripple a { background: none; color: none; text-decoration: none; }
	#banner-tripple h1 a { background: none; color: white; text-decoration: none; }
	#banner-tripple h2 a { background: none; color: none; text-decoration: none; }
#banner-tripple a:hover { background: none; color: none; text-decoration: none; }
#banner-tripple h1 a:hover { background: none; color: none; text-decoration: none; }
#banner-tripple a:hover { background: none; color: none; text-decoration: none; }



/***********************
	  BANNER - DIRECTORY
************************/

#banner-directory {
	position: relative; top: 50px;
	margin: 0 auto; 	
	width: 997px;
	height: 242px;
	padding: 0px 0px 0px 0px; 
	background:  url(banner-directory.jpg) no-repeat center;
	background:  color:white;
	border: none;
}
#banner-directory h2 {
	padding: 18px 8px 15px 8px;
	color: grey;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#banner-directory p {
	padding: 10px 0px 5px 10px;
	color: grey;
	text-align: center;	
	margin: 10;
	font:  .8em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#banner-directory img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
/* IMAGE GALLERY */
#image_gallery
{
	position: absolute;
	top: -20px; left:  -20px;
	margin-top: 0px;
	.margin-top: 50px;
	float: left;
	width: 960px;
	padding-left: 0px;
	.padding-left: 40px; /* affects both IE6 & IE7 */
}
 
#image_gallery ul
{
	
	float: left;
	padding: 4px;
	
}
 
#image_gallery ul li
{
	display: inline-table;
float: left;
	padding: 0px 10px;
	
}
 
#image_gallery ul li a
{
	margin: 0 0;
	padding: 0 0;
	width: 176;
	height: 140;
	float: left;
	color: #48463c;
	border: none;
	text-decoration: none;
}
 
#image_gallery ul li a:visited
{
	color: #48463c;
}
 
#image_gallery ul li a:hover, #image_gallery li a#selected
{ 
	border: none;}
 
 
/* DIRECTORY*/
.directory {
	margin-top: 25px;
	width: 1050px;
	list-style: none;
}
.directory li {
	padding: 0;
	margin: 0 3px;
	float: left;
	position: relative;
	text-align: center;
}
.directory a {
	display: block;
	color: #000000;
	width: 175px;
	text-decoration: none;
	font-weight: bold;
}
.directory li em {
	background: url(hover_dark_largeg.png) no-repeat;
	width: 190px;
	height: 60px;
	position: absolute;
	top: -90px;
	left: 0px;
	text-align: center;
	padding: 14px 10px 15px 10px;
	font-family: Trebuchet, Helvetica, sans-serif;
	font-size: 1.25em;
	color: #FFF;
	z-index: 7;
	display: none;
	font-style: normal;
}

/***********************
	  CONTACT BANNER
************************/
#contactbanner {
	position: relative; top: 50px;
	margin: 0 auto; 	
	width: 975px;
	height: 178px;
	padding: 0px 0px 0px 0px; 
	background:  url(contactbannersmtop.jpg) no-repeat center;
	background:  color:white;
	border: 11px solid #FFF;
}
#contactbanner h2 {
	padding: 18px 8px 15px 8px;
	color: grey;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#contactbanner p {
	padding: 10px 0px 5px 10px;
	color: grey;
	text-align: center;	
	margin: 10;
	font:  1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#contactbanner img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}

/***********************
	  FLOATING BANNER
************************/

#floatingbanner {
	position: absolute; top: 0px;left: 0px;
	z-index: 4;
	
	 	
	width: 300px;
	height: 167px;
	padding: 0px 0px 0px 0px; 
	background:  url(floatingbanner46.png) no-repeat ;
	background:  color:none;
	border: none;
}
#floatingbanner a
{
	width: 300px;
	height: 167px;
	display: block;
	background: url(floatingbanner46.png) no-repeat top left;
	background:  color:none;
	}
	
	#floatingbanner a: hover
{
	width: 300px;
	height: 167px;
	display: block;
	background: url(floatingbanner46.png) no-repeat top left;
	background:  color:none;
	}

#floatingbanner h2 {
	padding: 18px 8px 15px 8px;
	color: grey;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#floatingbanner p {
	padding: 10px 0px 5px 10px;
	color: grey;
	text-align: center;	
	margin: 10;
	font:  1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#floatingbanner img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
/* floating text banner */
#floatingtextbanner {
	position: absolute; top: 200px;left: 0px;
	z-index: 5;
	width: 300px;
	height: 300px;
	padding: 0px 0px 0px 0px; 
	background:  url() no-repeat ;
	background:  color:none;
	border: none;
}
#floatingtextbanner h2 {
	padding: 18px 8px 15px 8px;
	color: white;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#floatingtextbanner h2 a {
	
	display: block;
	padding: 3px 12px;	
	color: #FFFFFF;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#floatingtextbanner h2 a:hover {
	background: none;
	color: #B0D761;
}

#floatingtextbanner p {
	padding: 10px 0px 5px 10px;
	color: grey;
	text-align: center;	
	margin: 10;
	font:  1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#floatingtextbanner img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}

/********************************************
MATERIALS, ELEMENTS PAGES
********************************************/ 
/* materials */
.materialsphoto {
	position: relative; top: 75px;
	margin: 0 auto;
	width: 960px;
	height: 300px;
	padding: 0px 0px 0px 0px; 
	background:  url(matheader.jpg) no-repeat center;
	border: none;	
}
/* elements */
.elementsphoto {
	position: relative; top: 75px;
	margin: 0 auto;
	width: 960px;
	height: 300px;
	padding: 0px 0px 0px 0px; 
	background:  url(elementsheaderlt.jpg) no-repeat center;
	border: none;	
}
#elementsphoto p {
	position: relative; top: 80px;
	float:  leftpadding: 10px 0px 5px 10px;
	text-align: center;	
	margin: 10 10;	
	font: bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#elementsphoto p {
	position: relative; top: 0px;
	float:  leftpadding: 10px 0px 5px 10px;
	text-align: center;	
	margin: 10 10;	
	font: bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
	}
/********************************************
PORTFOLIO-HOME PAGE
********************************************/ 

/* portfolio-home */
#portfolio-home {
	position: relative; top: 75px;
	margin: 0 auto;
	width: 960px;
	height: 340px;
	padding: 0px 0px 0px 0px; 
	background: #D7EBB0 url(appbggl.png) repeat-x;
	border: 8px solid #FFF;	
}

#portfolio-home h2 {
	padding: 18px 8px 15px 8px;
	color: white;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
	#portfolio-home p {
	padding: 10px 0px 5px 10px;
	text-align: center;	
	margin: 10 10;	
	font: bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#portfolio-home img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
/********************************************
 APPLICATORS, RETAILERS, ELMENTS BOXES
********************************************/ 

/* applicators*/

div[id="applicators"],div[id="retailers"],div[id="elements"]
{ 
	position: relative; top: -274px;
	float:  left
	
}

#applicators {
	
	margin: 0 30px 0 0; padding: 0;
	width: 300px;
	height: 180px;
	background: #D7EBB0 url(appbggnolt85.jpg) repeat-x;
	border: 4px solid #FFF;
	
}	
#applicators h2 {
	padding: 18px 8px 15px 8px;
	color: white;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#applicators p {
	padding: 10px 0px 5px 10px;
	text-align: center;	
	margin: 10;
	font:  1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#applicators img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}

/* retailers*/

#retailers {
	
	margin: 0; padding: 0;
	width: 300px;
	height: 180px;
	background: #D7EBB0 url(appbggnolt85.jpg) repeat-x;
	border: 4px solid #FFF;
	
}	
#retailers h2 {
	padding: 18px 8px 15px 8px;
	color: white;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#retailers p {
	padding: 10px 0px 5px 10px;
	text-align: center;	
	margin: 10;
	font:  1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#retailers img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
/* elements*/

#elements {
	
	margin: 0 ; padding: 0;
	float:  right;
	width: 300px;
	height: 325px;
	background: #D7EBB0 url(appbggnolt85.jpg) repeat-x;
	border: none;
	
}	
#elements h2 {
	padding: 18px 8px 15px 8px;
	color: white;
	letter-spacing: 3px;
	text-align: center;	
	margin: 0;	
	font: bold 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
	
#elements p {
	padding: 10px 0px 5px 10px;
	text-align: center;	
	margin: 10;
	font:  1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	
#elements a {
		
	color: grey;
	background-color: none;
	text-decoration: underline;
	border-right: none;
	}
	
#elements a:hover {
	background: none;
	color: #B0D761;
	}

	
#elements img {
	align:center ;	
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	}
	

/********************************************
  LEIGHTBOX
********************************************/ 

#container { 
	width: 50%;
	margin: 0 auto;
	text-align: left;
}

.footer {
	position; top
	;background-color: #000;
	padding: 0.5em;
}
.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}
.leightboxlarge {
	color: #333;
	display: none;
	position: absolute;
	top: 5%;
	margin: 0 auto;
	left: 5%;
	width: 90%;
	height: 100%;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}
#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

/********************************************
CLASSES
********************************************/ 

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.white { color: #FFFFFF; }
.gray  { color: #BFBFBF; }
.green  { color: #B0D761; }
.ltgreen  { color: #B7DA72; }
.altgreen  { color: #99CC99; }

a.bt, a.bt span {display: inline-block; height:22px}
	a.bt {padding-left: 15px; background: url(bt-casual-left.png) no-repeat; color:#000; margin-top: 5px; text-decoration: none; }
	a.bt:hover {color: #fff;}
	a.bt span { background: url(bt-casual-right.png) no-repeat right; padding-right: 25px; line-height:20px}
	a.arrowedbt {background: url(bt-casual-left-arrowed.png) no-repeat;color: fff; padding-left: 26px; font-size:1em !important; margin-top: 0px !important; }
	a.arrowedbt:hover {color: #B0D761 !important; background: url(bt-casual-left-arrowed-hover.png) no-repeat;}
	a.left-button {background-image: url(bt-casual-left-arrowed-left.png) !important}
	a.left-button:hover {background-image: url(bt-casual-left-arrowed-left-hover.png) !important}
	
	a.arrowedbt folio {background: url(bt-casual-left-arrowed.png) no-repeat;color: fff; padding-left: 26px; font-size:1em !important; margin-top: 0px !important; }
	a.arrowedbt folio:hover {color: #B0D761 !important; background: url(bt-casual-left-arrowed-hover.png) no-repeat;}