@charset "utf-8";

/* CSS Document */



body{

font: 12px Arial, Helvetica, sans-serif;

color: #72523b;

background-color:#72523b;

text-align: center;

margin-top: 20px;

}



h2{

font: 900 11px Arial, Helvetica, sans-serif;

margin: 0;

}



body a:link {background-color: transparent;	color: #006600;	text-decoration: none; border:none;}

body a:visited{ background-color: transparent; color: #006600; text-decoration: none; border:none;}

body a:hover{ background-color: transparent; color: #72523b; text-decoration: none; border:none;}

body a:active{ background-color: transparent; color: #72523b; text-decoration: none; border:none; }



h2 a:link {background-color: transparent;	color: #72523b;	text-decoration: none;}

h2 a:visited{ background-color: transparent; color: #72523b; text-decoration: none;}

h2 a:hover{ background-color: transparent; color: #72523b; text-decoration: underline;}

h2 a:active{ background-color: transparent; color: #72523b; text-decoration: underline; }



#footer a:link {background-color: transparent;	color: #c1a287;	text-decoration: none;}

#footer a:visited{ background-color: transparent; color: #c1a287; text-decoration: none;}

#footer a:hover{ background-color: transparent; color: #ffffff; text-decoration: none;}

#footer a:active{ background-color: transparent; color: #ffffff; text-decoration: none; }



#homepage{

background-color:#FFFFFF;

width: 745px;

margin-left: auto;

margin-right: auto;

margin-top: 0px;

margin-bottom: 5px;

padding: 0 5px 5px 5px;

}



#header{

width: 245px;

float: left;

}



#header #logo{

background-color:#FFFFFF;

width: 245px;

float: left;

}



#header #navigation{

font: 900 11px Arial, Helvetica, sans-serif;

text-align:left;

color: #ffffff;

width: 245px;

float: left;

}



#navigation li

{

color: #FFFFFF;

text-decoration: none;

margin-bottom: 2px;

text-align:left;

float: left;

} 



#navigation li a

{

background-color: #419539;

color: #FFFFFF;

text-decoration: none;

text-align:left;

width: 233px;

height: 15px;

padding: 2px 2px 2px 10px;

float: left;

} 



#navigation li a:hover {

	background: #f1e9e2;

	color: #419539;

}



#navigation ul

{

list-style: none;

padding: 0;

margin: 0;

} 



/* Sub Menu */

#navigation ul li:hover {background-color:#f1e9e2;  position:relative;}  



#navigation ul ul {

display:none; 

position: absolute;

left:150px; 

top:5px; 

border:#fff solid; 

border-width:1px; 

background-color: #72523b; 

margin: 0px;

}   



#navigation ul li:hover ul {display:block;}



#navigation ul ul li a:hover {

position:relative;

	color: #72523b;

}



#navigation ul ul li

{

background-color: #72523b;

color: #FFFFFF;

text-decoration: none;

text-align:left;

margin: 0;

float: left;

} 



#navigation ul ul li a

{

background-color: #72523b;

color: #FFFFFF;

text-decoration: none;

width: 300px;

height: 17px;

text-align:left;

float: left;

} 



/* Header Pictures */



#headerpic{

background-color:#FFFFFF;

width: 495px;

height: 195px;

margin: 5px 0 0 5px;

float: left;

}


#headerpic #home{

background-image:url(images/header1.jpg);

background-repeat:no-repeat;

background-position:center;

width: 495px;

height: 195px;

}

#headerpic #products{

background-image:url(images/headerproducts.png);

background-repeat:no-repeat;

background-position:center;

width: 495px;

height: 195px;

}

#headerpic #composting{

background-image:url(images/headercomposting.png);

background-repeat:no-repeat;

background-position:center;

width: 495px;

height: 195px;

}

#headerpic #recycling{

background-image:url(images/headerrecycling.png);

background-repeat:no-repeat;

background-position:center;

width: 495px;

height: 195px;

}



#leftcolumn{

width: 245px;

margin: 3px 0 0 0;

float: left;

}



#calculator{

width: 245px;

float: left;

}



#calculator #title{

font: 900 11px Arial, Helvetica, sans-serif;

color: #FFFFFF;

background-image:url(images/browncatbg.gif);

background-repeat: no-repeat;

background-position: center;

width: 241px;

height: 17px;

padding: 4px 2px 4px 2px;

text-align: center;

float: left;

}



#calculator #content{

font: 900 12px Arial, Helvetica, sans-serif;

color: #FFFFFF;

background-image: url(images/brownbodybg.gif);

background-repeat: no-repeat;

background-position: top;

background-color: #af8b6d;

width: 201px;

padding: 4px 22px 14px 22px;

margin: 0;

text-align: center;

float: left;

}



#calcvisual{

font: 11px Arial, Helvetica, sans-serif;

background-image:url(images/calcpic.jpg);

background-repeat:no-repeat;

background-position:top;

text-align: left;

padding: 95px 5px 5px 5px;

margin: 5px 0 0 0;

width: 235px;

float: left;

}



#maincontent{

width: 495px;

margin: 5px 0 0 5px;

float: left;

}



#maincontent #content{

background-color: #ffffff;

text-align:left;

line-height: 1.4em;

width: 485px;

padding: 5px;

float: left;

}



#introblurb{


text-align:left;

line-height: 1.4em;

width: 485px;

padding: 5px;

float: left;

}



#services{

width: 495px;

height: 200px;

margin: 5px 0 0 0;

float: left;

}



#services #blurb{

width: 240px;

height: 190px;

text-align:left;

line-height: 1.4em;

padding: 5px;

float: left;

}



#services #links{

width: 235px;

height: 190px;

margin: 0 0 0 10px;

float: left;

}



#services #links img{

margin: 0 0 5px 0;

}



/* Price Pages */



.popup { 

position:relative;

width: 160px;

} 

.popup img { 

position:absolute;

left:-999em; 

} 

.popup:hover img, .popup:focus img {

left:200px;

background: transparent;

}

a:hover{visibility:visible;} /* IE6 */



#prices{

width: 490px;

float: left;

}



#prices #leftcolumn{

width: 160px;

margin: 0px;

float: left;

}



#prices #rightcolumn{

width: 85px;

margin: 0px;

float: left;

}



#seconddiv{

text-align: left;

width: 490px;

margin: 5px 0 0 0;

padding: 0 0 0 5px;

float: left;

}



#footer{

background-color: #5d3b23;

width: 755px;

margin-left: auto;

margin-right: auto;

padding-top:10px;

padding-bottom: 10px;

}



.footerstyle{

color: #c1a287;

font-size:10px;

}



#designby{

background-color: #72523b;

width: 755px;

margin-left: auto;

margin-right: auto;

margin-top: 5px;

text-align:right;

}



.designbystyle{

color: #5d3b23;

font-size:10px;



}