/*-----------------------------------------------------------------
Marco Paint & Pressure Washing

Green Style Sheet

version: 	1.0
author: 	Impressive Designs
email:		info@impdesigns.com
website:	http://www.impdesigns.com
copyright:	(c)2006	
-------------------------------------------------------------------*/

body{
	background: #fff url(../../images/site_template/green/site_bg.jpg) repeat-x 0 0;
	color: #586545;
}

#container{
	background: url(../../images/site_template/green/content_bg.jpg) no-repeat 0 70px;
}

/* Main Content
-------------------------------------------------------------------*/
	
	/* Page Titles
	-------------------------------------------------------------------*/
	#home h1.page_title{
		background: url(../../images/site_template/green/title_welcome.gif) no-repeat 0 0;
	}
	
	#commercial h1.page_title{
		background: url(../../images/site_template/green/title_commercial.gif) no-repeat 0 0;
	}
	
	#residential h1.page_title{
		background: url(../../images/site_template/green/title_residential.gif) no-repeat 0 0;
	}
	
	#about h1.page_title{
		background: url(../../images/site_template/green/title_about.gif) no-repeat 0 0;
	}
	
	#contact h1.page_title{
		background: url(../../images/site_template/green/title_contact.gif) no-repeat 0 0;
	}

	/* Left Column
	-------------------------------------------------------------------*/
	#main_content .left_column{
		background: url(../../images/site_template/green/left_column-bg.jpg) no-repeat 0 0;
	}
		
	/* Footer
	-------------------------------------------------------------------*/
	#main_content .footer{
		border-top: 1px solid #ccc;
	}
	
	
/* Miscellaneous
-------------------------------------------------------------------*/	
	a{
		color: #004e24;
		text-decoration: none;
	}

	a:hover{
		color: #589474;
		text-decoration: none;
	}
	
	#main_content h1{
		color: #004e24;
	}
	
	#main_content .left_column h2, #main_content .left_column h3{
		color: #20814d;
	}
	
	#main_content .left_column p.intro{
		color: #004e24;
	}
	
	#main_content .right_column p{
		color: #686749;
	}

	#main_content .right_column h2{
		color: #20814d;
		border-color: #20814d;
	}
	
	
/* Navigation
-------------------------------------------------------------------*/	
#navigation{
	background: url(../../images/site_template/green/nav_strip.jpg) no-repeat 0 0;
}

	ul li.nav_home a{
		width: 64px;
		background: url(../../images/site_template/green/nav_home.gif) no-repeat 0 0;
	}
	
		ul li.nav_home a:hover{
			background: url(../../images/site_template/green/nav_home.gif) no-repeat 0 -66px;
		}
		
		#home ul li.nav_home a{
			background: url(../../images/site_template/green/nav_home.gif) no-repeat 0 -132px;
		}
	
	ul li.nav_commercial a{
		width: 65px;
		background: url(../../images/site_template/green/nav_commercial.gif) no-repeat 0 0;
	}
	
		ul li.nav_commercial a:hover{
			background: url(../../images/site_template/green/nav_commercial.gif) no-repeat 0 -66px;
		}
		
		#commercial ul li.nav_commercial a{
			background: url(../../images/site_template/green/nav_commercial.gif) no-repeat 0 -132px;
		}
	ul li.nav_residential a{
		width: 65px;
		background: url(../../images/site_template/green/nav_residential.gif) no-repeat 0 0;
	}
		
		ul li.nav_residential a:hover{
			background: url(../../images/site_template/green/nav_residential.gif) no-repeat 0 -66px;
		}
		
		#residential ul li.nav_residential a{
			background: url(../../images/site_template/green/nav_residential.gif) no-repeat 0 -132px;
		}
		
	ul li.nav_about a{
		width: 65px;
		background: url(../../images/site_template/green/nav_about.gif) no-repeat 0 0;
	}
	
		ul li.nav_about a:hover{
			background: url(../../images/site_template/green/nav_about.gif) no-repeat 0 -66px;
		}
		
		#about ul li.nav_about a{
			background: url(../../images/site_template/green/nav_about.gif) no-repeat 0 -132px;
		}
	
	ul li.nav_contact a{
		width: 63px;
		background: url(../../images/site_template/green/nav_contact.gif) no-repeat 0 0;
	}
	
		ul li.nav_contact a:hover{
			background: url(../../images/site_template/green/nav_contact.gif) no-repeat 0 -66px;
		}
		
		#contact ul li.nav_contact a{
			background: url(../../images/site_template/green/nav_contact.gif) no-repeat 0 -132px;
		}