@charset "UTF-8";
/* CSS Document */

body {font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;}
#container {width: 922px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #999999;
	text-align: left; /* this overrides the text-align: center on the body element. */}
#header  {
	background-image: url(images/home_header_bg.gif);
	height: 299px;
	width: 922px;
}

#nav {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:26px;
	width: 922px;
}
	#nav li{
	margin:0 0;
	list-style:none;
	float: left;
}
		
	#nav li a {
	display:block;
	height:26px;

	text-indent:-9999px;

}
		#nav li a#company {width:479px; background: url(images/home_nav.gif) 0 0;}
		#nav li a#products  {width:81px; background: url(images/home_nav.gif) -479px 0;}
		#nav li a#services  {width:79px; background: url(images/home_nav.gif) -560px 0;}
		#nav li a#green  {width:58px; background: url(images/home_nav.gif) -639px 0;}
		#nav li a#projects  {width:80px; background: url(images/home_nav.gif) -697px 0;}
		#nav li a#news  {width:54px; background: url(images/home_nav.gif) -777px 0;}
		#nav li a#contact  {width:91px; background: url(images/home_nav.gif) -831px 0;}

		#nav li a#company:hover {background-position: -0px -26px;}
		#nav li a#products:hover  {background-position: -479px -26px;}
		#nav li a#services:hover  {background-position: -560px -26px;}
		#nav li a#green:hover  {background-position: -639px -26px;}
		#nav li a#projects:hover  {background-position: -697px -26px;}
		#nav li a#news:hover  {background-position: -777px -26px;}
		#nav li a#contact:hover  {background-position: -831px -26px;}

		.company #nav li a#company {background-position: -0px -26px;}
		.products #nav li a#products  {background-position: -479px -26px;}
		.services #nav li a#services  {background-position: -560px -26px;}
		.green #nav li a#green {background-position: -639px -26px;}
		.projects #nav li a#projects {background-position: -697px -26px;}
		.news #nav li a#news  {background-position: -777px -26px;}
		.contact #nav li a#contact  {background-position: -831px -26px;}
		
	
	
#mainContent  {padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 922px;}

#footer {
	width: 922px;
	margin: 0px auto; /* remember that padding is the space inside the div box and margin is the space outside the div box */}

	#footer p { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	text-align: center;}