/* RESET PADDING, MARGINS AND BORDERS ON BLOCK ELEMENTS */

body, div, fieldset, form,  ul, li, img {margin: 0; border: 0; padding: 0;vertical-align: baseline;}
:focus {outline: 0;}


/*

*/
/**
 * This is to ensure cross bowser font size constistency
 * See http://developer.yahoo.com/yui/fonts/ for more details.
 */
body {font:13px/1.22 arial,helvetica,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/* Clearing floats issue */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




body	{
	color:#6b6b6b;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	padding: 0px 0 0 0;
	background-color: #0D0D0D;
	}




/*LAYOUT
----------------------------------------------------------------------------- */



#outer {
	padding:0;
	margin:0;
	


	
	
	
	
	
	
	}
	
	


/* BANNERS
----------------------------------------------------------------------------- */





#mainbanner {
	width:960px;
	text-align:center;
	height:174px;
	padding:0px 0 0 0;
	margin-left:auto;
	margin-right:auto;

	
	
	
}


#header {
	width:960px;
	text-align:center;
	height:147px;
	padding:0px 0 0 0;
	margin-left:auto;
	margin-right:auto;
	

	
	
	
}

.header-home {background-image:url(../images/design/headerbg1.jpg);}
.header-products { background-image:url(../images/design/header-products.jpg)}
.header-contact { background-image:url(../images/design/header-contact.jpg)}
.header-about { background-image:url(../images/design/header-aboutus.jpg)}
.header-fitting { background-image:url(../images/design/header-fitting.jpg)}
.header-links { background-image:url(../images/design/header-links.jpg)}
.header-depot { background-image:url(../images/design/header-depot.jpg)}

.header-health { background-image:url(../images/design/header-health.jpg)}

.header-technical{ background-image:url(../images/design/header-technical.jpg)}

.header-recyclers { background-image:url(../images/design/header-recyclers.jpg)}

.header-greenest { background-image:url(../images/design/header-greenest.jpg)}

.header-download { background-image:url(../images/design/header-download.jpg)}
.header-brochure { background-image:url(../images/design/brochure-header.jpg)}










	
#inner	{
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:0px
	}

		

#logo1 {
	float:right;
	width: 225px;
	height:174px;
	padding:0px 0 0px 0px;
}


#pagebody_home {
	float:left;
	width:960px;
	
	padding:35px 0 20px 0px;
	background-image:url(../images/design/pagebody-home.jpg);
	
	 }
	 



#pagebody {
	float:left;
	width:960px;
	padding:32px 0 12px 0px;
	background-color:#1c1b1b;
	 }
	 

	 

	
   
/* BREADCRUMBS
----------------------------------------------------------------------------- */
	
	
#breadcrumbs{
	height:26px;
	text-align:left;
	padding: 10px 0 5px 0px;
	position:relative;
	text-align:left;
	width:720px;
	_width:718px; /* Only IE6 reads this  */
	font-size:85%;
	color:#727272;
}
#breadcrumbs > span{font-weight: bold;}
#breadcrumbs a{
	text-decoration:none;
	color:#F77C0A;
}
#breadcrumbs a:hover{
	text-decoration:underline;
	color:#FE7D15;
}

	   

/* TOP MENU
----------------------------------------------------------------------------- */

 #topmenu {
	margin: 0px 0 0px 0px;
	padding:12px 0 0px 0px;
	width:470px;
	text-align:left;
	float:right;
}

 #topmenu ul
{
	margin: 0;
	padding: 0 0 0 27px;
	float:left;
	list-style-type: square;

}

  #topmenu li {
	margin: 0;
	padding: 0 0 0 0px;	
	display:inline;
	
 }



 #topmenu li a
{
	display: block;
	background-image:url(../images/design/disc.gif);
	background-repeat:no-repeat;
	background-position:0 8px;
	line-height:normal;
	padding: 2px 0px 3px 15px;

	COLOR:#fff;
	text-decoration: none;
	font-size:13px;
	margin: 0px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold

	
}


 #topmenu li a.selected { font-weight:bold}


 #topmenu li a:hover{
	text-decoration:underline;
	
}


/* LEFT MENU
----------------------------------------------------------------------------- */

 #navcontainer {
	margin: 0px 0 0px 0px;
	padding:7px 0 10px 10px;
	width:190px;
	text-align:left;
	background-color:#2a2828;
	float:left;	
	min-height:420px;
	height:auto !important;
	height:420px;
}

#navcontainer ul
{
	margin: 0;
	padding: 0 0 0 0px;
	list-style-type: square;

}

 #navcontainer li {
	margin: 0;
	padding: 0 0 0 0px;	
	display:inline;
	
 }



#navcontainer li a
{
	display: block;
	line-height:normal;
	padding: 8px 0px 8px 10px;
	width:166px;
	
	COLOR:#767676;
	text-decoration: none;
	font-size:93%;
	margin: 0px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	/*background-image:url(../images/design/menubg2.jpg);
	background-repeat:no-repeat; */
	border-bottom:1px dashed #767676;
	font-weight:normal

	
}


#navcontainer li a.selected { font-weight:bold}


#navcontainer li a:hover{
	text-decoration:underline;
	
}





#navcontainer ul ul li { margin: 0 0 0 0; }

#navcontainer ul ul li a
{
	display: block;
	padding: 6px 0px 6px 10px;
	height:auto;
	background-image:none;
	width: 150px;
	text-decoration: none;
	font-size: 93%;
	margin: 0px 0 0 0px;
	border-bottom:0px solid #1c1b1b;
	COLOR:#9d9474;
	font-weight:normal;
	text-transform:none;
}

#navcontainer ul ul a:hover
{
	text-decoration:underline; 
	
	
	
	
}




#navcontainer a.current{  font-weight:bold; color:#CCCCCC}

		



/* HANDY HINTS
----------------------------------------------------------------------------- */

#handyhints {
background-image:url(../images/design/handyhintsbg.jpg);
background-repeat:no-repeat;
padding: 70px 0 10px 0;
background-color:#aba386;
width:179px


}

#handyhints  ul { margin: 0 0 0 0; padding: 0 20px 0 10px  }
#handyhints  li { 


	
	color:#262626; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:85%;margin: 0 0 0 0; 
	padding: 2px 0 4px 12px;
	list-style:none;

	background-image:url(../images/design/disc.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;  }


#handyhints  .datasheet {
	padding: 7px 0 0 20px


}


/* GREENEST
----------------------------------------------------------------------------- */

#greenest {
	background-image:url(../images/design/greenbg.jpg);
	background-repeat:no-repeat;
	padding: 205px 0 114px 0;
	background-color:#d6e7b1;
	width:179px
}

#greenest ol { margin: 0 0 0 0; padding: 0 20px 0 32px  }
#greenest  li { 


	
	color:#262626; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:85%;margin: 0 0 0 0; 
	padding: 0 0 4px 2px;


	  }

#leftcol #greenest img { margin-bottom:0px}




/* MAINCONTENT AREAS
----------------------------------------------------------------------------- */



	 


#maincontent {
	padding:0px 10px 8px 0px;
	FLOAT: left;
	margin: 0 0 0 0px;
	text-align:left;
	width:455px;
	 }
	 
	


	 
#maincontent_home {
	padding:4px 0px 0px 35px;
	FLOAT: left;
	margin: 0 0 0 0px;
	text-align:left;
	width:411px;
	 }


#maincontent2 {
	padding:0px 10px 12px 0px;
	FLOAT: left;
	margin: 0 0 0 0px;
	text-align:left;
	width:630px;
	 }
	 
#maincontent3 {
	padding:6px 10px 12px 100px;
	FLOAT: left;
	margin: 0 0 0 0px;
	text-align:left;
	width:820px;
	 }
	 
	 
#maincontent4 {
	padding:6px 10px 12px 40px;
	FLOAT: left;
	margin: 0 0 0 0px;
	text-align:left;
	width:880px;
	 }
	 
	 
	 
	 
#projects {
	padding:0px 0px 12px 0px;
	FLOAT: left;
	margin: 0 0 0 0px;
	text-align:left;
	width:380px;
	 }
	 
	 



			
/* LEFTCOL 
----------------------------------------------------------------------------- */
#leftcol {
	MARGIN:0;
	padding: 0px 15px 10px 35px;
	float:left;
	text-align:left;
	WIDTH:210px;
	min-height:260px;
	height:auto !important;
	height:260px;
}


#leftcol  img {  margin-bottom:32px; margin-top:5px; border:0px solid #FFFFFF}

	
		
/* RIGHTCOL
----------------------------------------------------------------------------- */
	

#rightcol {
	MARGIN:0px 0px 0 0px;
	padding: 0px 0px 0 20px;
	float:left;
	WIDTH:210px;
	text-align:left;
}	
	





	





.clearboth {clear:both;}





/* IMAGE POSITIONING
----------------------------------------------------------------------------- */
	
.imageright {float: right; margin: 7px 0px 0px 15px; }	
.imageleft {
	float: left;
	margin: 7px 7px 2px 0px;
}
.imagecenter {
	float: left;
	width:100%;
	text-align:center;
	margin:3px 0px 10px 0px;
	}
	
	
#maincontent .imageright {
	float: right;
	margin: 6px 0px 15px 20px;
}
	
	
	
	
#maincontent .imageleft {
	float: left;
	margin: 0px 18px 15px 0px;
}
	
	
	
#maincontent2 .imageleft {
	float: left;
	margin: 0px 18px 10px 0px;
}

#maincontent2 .imagelefthome {
	float: left;
	margin: 0px 15px 20px 8px;
}
	
	
	
#pagebody_home .imageright {
	float: right;
	padding: 5px 26px 0px 0px;
	margin:0 0 0 0;
}




#maincontent3 .imageleft {
	float: left;
	margin: 0px 60px 18px 0px;
}
	





	


/* TYPOGRAPHY
----------------------------------------------------------------------------- */



h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	letter-spacing: 1px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	}



	
	
#leftcol  h2	{
	margin: 0px 0 0px 0px;
	display:block;
	padding:6px 0 6px 12px;
	display:block;
	color:#fff;
	font-family:Rockwell, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:93%;
	width:173px;
	background-color:#2975b7
    }
	

	
	

	

 #leftcol p  {
	margin: 0px 0 15px 0;
	padding:0 0 0 10px;
	font-size:85%;
	color:#262626;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:1.77em;
}


	
	
#maincontent_home  h1	{
	margin:0;
	padding:2px 0 11px 0px;
	color:#5d5d5d;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:lowercase;
	font-size:27px;
    }	
	
#maincontent_home  h2	{
	margin:0;
	padding:2px 0 11px 0px;
	color:#F97F0C;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:lowercase;
	font-size:20px;
    }	
	
	
	
	
#maincontent_home  h3	{
	margin:0;
	padding:5px 0 11px 10px;
	display:block;
	background-color:#848485;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:lowercase;
	font-size:17px;
    }


#maincontent  h1, #maincontent2  h1,  #maincontent3  h1	{
	margin:0;
	padding:2px 0 14px 0px;
	color:#9d9474;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:25px;
    }
	

#maincontent  h2, #maincontent2  h2	{
	margin:0;
	padding:0px 0 11px 0px;
	color:#9d9474;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:27px;	
    }
	
	
	

	
 #maincontent3  h2	{
	margin:0;
	padding:2px 0 11px 0px;
	color:#F27A10;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;

	font-size:20px;	
    }


 #maincontent3 h2	{
	margin:0;
	padding:2px 0 11px 0px;
	color:#9d9474;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:20px;
    }
	


#maincontent  h3, #maincontent2  h3, #maincontent4  h3	{
	margin: 0px 0 13px 0px;
	color:#b1a475;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:normal;
	font-size:138.5%;
    }

#maincontent  h4, #maincontent2  h4, #maincontent4  h4	{
	margin: 0px 0 13px 0px;
	color:#A7ADAD;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:normal;
	font-size:138.5%;
    }
	


	
#maincontent_home p, #maincontent p, #maincontent2 p, #maincontent3 p,  #maincontent4 p {
	margin: 0px 0 15px 0;
	padding:0 0 0 0px;
	font-size:93%;
	color:#dadada;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:1.77em;
}




#maincontent ul, #maincontent_home ul, #maincontent2 ul, #maincontent3 ul {
	margin: 0px 0 10px 10px;
	padding:0 0 0 30px;
	font-size:93%;
	color:#dadada;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:1.77em;
}



	#maincontent li, #maincontent_home li, #maincontent2 li, #maincontent3 li { padding:1px 0px 1px  10px; list-style:disc; 

}

	


		
	#maincontent li a
		{
	color:#140F7D;
	text-decoration: none;
	font-weight:normal
	

		}
	#maincontent li a:hover, #rightcol li a:hover
		{
	color:#4C4C4C;
	text-decoration: underline;
		}

	
	
	

	
		
		
#maincontent_home a, #maincontent a, #maincontent2 a, #maincontent3 a, #maincontent4 a
		{
	color:#b1a475;
	text-decoration: none;
		}
#maincontent_home a:hover, #maincontent a:hover, #maincontent2 a:hover, #maincontent3 a:hover, #maincontent4 a:hover
		{
	color:#b1a475;
	text-decoration: underline;
		}
		
		
		

#rightcol  h4	{
	margin: 0px 0 0px 0px;
	background-color:#848485;

	clear:both;
	display:block;
	padding:7px 0 6px 12px;
	display:block;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:108%;
    }


#rightcol img {
	margin:0 0 0 0;
	padding:0px 0 0px 0
}


/*  FOOTER
----------------------------------------------------------------------------- */






#footerholder {
	
	
	
	
	
		
	}


#footer {
	width: 890px;
	margin: 0 auto;
	height:170px;
	padding:30px 35px 0 35px;
	background-image:url(../images/design/footerbg.jpg);
	background-repeat:repeat-x
	
	
	}
	
	



#footer a {
	color: #b1a475;
	font-size:11px;
	font-weight:normal;
	text-decoration:none
	}
	
	

	
#footer a:hover {
	color: #b1a475;
	font-weight:normal;
	text-decoration:underline;
	font-weight:normal
	}


	
 #footerholder p {
	text-align:left;
	padding:0px 0px 10px 0px;
	margin:0;
	color:#dadada;
	font-size:85%;
	line-height:1.82em
}


 #footerholder #footer #credits {
	float:right;
	padding: 4px 5px 0 0;
	font-weight:bold;
	margin:0
}




 #footerholder #footer .footerlinks  {
	float:left;
	width:580px;
	padding-top:0px
}

 #footerholder #footer .footerlinks ul {
	
	
	padding:0px 0 0 0;
	margin:0;
	LIST-STYLE-TYPE: none;
	
	
	
	

}
 #footerholder #footer .footerlinks  li {
	
	
	MARGIN: 0; 
	padding:0px 0 0 0;
	text-align:left;
	float:left;





	
	
}

 #footerholder #footer .footerlinks  li a {
	PADDING: 0px 8px 0px 8px;
	margin:0;
	border-right:1px solid #FFFFFF;
	
	
	COLOR: #fff;
	TEXT-DECORATION: none;
	font-size:85%;
	line-height:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
	


}


#footerholder  #footer  .footerlinks li a.first { padding-left:0}







/* Forms
------------------------------*/


 
	#selector {
	float:left;
	width:180px;
	padding:11px 0 12px 0px
}


form, fieldset {
	margin: 0;
	padding: 0;

	}
	
fieldset { border: 1px solid #7F9DB9; }

legend {
	padding: 0;
	color: #000;
	}


	
 select {
	margin: 0;
	padding: 1px;
	border: 1px solid #a6a6a6;
	color:#333;
	font-family:Arial, Helvetica, sans-serif

	
	
	}
	


/* SAFETY TIPS
----------------------------------------------------------------------------- */	

.tipcol {


	float:left;
	padding:20px 20px 0 20px;
	width:180px



}



 #maincontent4 .tipcol ul {
	margin: 0px 0 10px 0px;
	padding:0 0 0 10px;
	font-size:93%;
	color:#dadada;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:1.77em;
}



	 #maincontent4 .tipcol li  { padding:1px 0px 1px  10px; list-style:disc; 

}


/*  WORK
----------------------------------------------------------------------------- */

.worklist {
	width:750px;
	float:left;
	padding:20px 0 14px 0;
	.padding:20px 0 39px 0;
	_padding:20px 0 39px 0;
}


.work {
	width:171px;
	height:281px;
	float:left;
	margin: 0 0px 25px 40px;
}
.work img {padding:0; margin:0}

a.workthumb {  padding:0; margin:0; border: 5px solid #e7e7e7; display:block  }
a.workthumb:hover {
	border: 5px solid #ccc;
	display:block
}


.work_hide { display:none}


/*TABLE STYLING
----------------------------------------------------------------------------- */



.contactstable {
	width: 578px;
	padding: 0;
	margin: 6px 0 0 0;
	
	border-bottom: 1px solid #2E2C2C;
}

#maincontent2 .contactstable a {
	color:#b1a475
}

th {
	font: bold 12px  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right: 0px solid #2E2C2C;
	border-left: 0px solid #2E2C2C;
	border-bottom: 0px solid #2E2C2C;
	border-top: 1px solid #2E2C2C;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 4px 4px 4px 8px;
	background-color: #F7E6B3;
}

th.bg2 {
	border-top: 0;
	
	padding: 6px 4px 6px 8px;
	
	background-color:#636567;
}


th.bg3 {
	border-top: 0;
	border-left: 0;
	padding: 4px 4px 4px 8px;
	border-left: 1px solid #2E2C2C;
	background-color:#F0713C;
}


.contactstable td {
	border-right: 1px solid #2E2C2C;
	border-right: 1px solid #2E2C2C;
	border-bottom: 0px solid #2E2C2C;
	border-top: 1px solid #2E2C2C;
	border-left: 1px solid #2E2C2C;
	padding: 6px 6px 6px 8px;
	color: #fff;
	font-size:12px;
	text-align:left;
}


td.alt {
	background-color: #1C1B1B;
	color: #fff;
}