/* CSS Document */
/*
’ (')

border-left:#666 1px solid; border-right:#666 1px solid; border-bottom: #666 1px solid; border-top: #666 1px solid;
*/
body	{ background-image:url(../photos/images/gray_background.jpg);
			font-family:Arial, Helvetica, sans-serif;}

h1, h2, h3 { font-family:'Roboto', Arial, Helvetica, sans-serif;
				color:#E8B10C; }

h1		{ font-size: 28px; }

p		{ color:#333; }
			 
#wrapper { width: 900px; margin: 10px auto; background-color:#FFF;
					padding:0 40px; }

#topside	{float: right; padding: 30px 0 20px 0;  }

#topside em	{ font-size:40px; font-weight:bold; color:#006; text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);}

#topside p	{font-weight:bold; font-size:18px; color:#333; }
				
#logo		{ float:left; margin: 20px 0;  }

#topnav	{ clear:both; background-image: url(../photos/images/green_gradient.jpg);  }

#topnav ul	{ padding: 10px; }
				
#topnav ul li { display:inline; margin: none; padding: 5px 22px 0px 5px;
							list-style-type:none; font-size:16px; }
#topnav ul a { font-weight:bold;}
							
#topnav a:link		{	font-weight:bold; text-decoration:none; text-transform:capitalize; color:#096; text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;}
#topnav a:visited	{	font-weight:bold; text-decoration:none; text-transform:capitalize; color:#096; text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;}
#topnav a:active	{	font-weight:bold; text-decoration:none; text-transform:capitalize; color:#096; text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;}
#topnav a:hover		{	font-weight:bold; text-decoration:none; text-transform:capitalize; color:#C60; text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;}
#topnav a:focus		{	font-weight:bold; text-decoration:none; text-transform:capitalize; color:#C60; text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;}

#banner-wrapper 	{ margin:none; }

#content 		{ float:left; width: 580px; }

#content p		{ font-size:14px; line-height:180%; }

#half1			{ float:left; padding-left:50px; }

#half1 li		{ padding:5px; list-style-type:none;  }	

#half2			{ float:left; padding-left:85px;	}

#half2 li		{ padding:5px; list-style-type:none; }

.section1		{ 	}

.section2		{ clear:both;	}

#right-side		{float:right; width: 270px; }

#right-side li	{ font-weight:bold; color:#802004; font-size:18px; } 


#footer			{ clear:both; padding: 10px 0; 	border-top: 1px #666666 solid;}

#footer p 		{ text-align:center; font-size:14px; font-weight:bold; color:#000; }

.phone			{ font-size:25px; font-weight:bold; color:#006; text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);}

.barryk			{ font-size: 30px; font-weight:bold; color: #006; }

.mulch			{ color:#802004;  padding-bottom: -10px; margin-bottom:-15px; }

#banner {
	position:relative;
    
    height:300px;
}

#banner IMG {
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 8;
}

#banner IMG.active {
    z-index:10;
}

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