/*
THIS FILE IS GENERATED BY SMARTY.
DO NOT EDIT THIS FILE DIRECTLY!!!!
*/
/*
****************************
****************************
 HTML ELEMENTS
****************************
****************************
*/
	html
	{
		overflow:hidden;
	}
	html, body, #content 
	{
		height:100%;
		position:relative;
	}
	
	body 
	{
		color:#000;
		background:#d6d4cf url(/everythingmatters/_img/background.gif) top repeat-x;
		font-family:arial, verdana, sans-serif; 
		font-size:75%;
	}
	
	body.flash, body.flash div#content
	{
		padding:0px;
	}
		
	strong
	{
		font-weight:bold;
	}
	
	em
	{
		font-style:italic;
	}
	
	h1
	{
		font-size:160%;
		line-height:120%;
	}

	h2
	{
		font-size:1.6em;
		padding-bottom:5px;
	}

	a
	{
		color:#000;
		text-decoration:underline;
	}
	
	dt
	{
		font-weight:bold;
	}
	
	dd
	{
		padding-left:10px;
		padding-bottom: 20px;
	}
	
	img
	{
		display:block;
		border:none;
	}
	
	h1, h3, p
	{
		margin-bottom:1em;
	}
	
	a, input
	{
		moz-outline:0;
		outline:0;
	}

/*
****************************
****************************
 GENERIC STRUCTURE
****************************
****************************
*/
	#html
	{
		height:100%;
		overflow:auto;
		position:relative;
	}
	
	#container
	{
		margin:0 auto;
		width:833px;
		padding-bottom:30px;
		position:relative;
	}
	
	#header
	{
		width:100%;
		float:left;
	}
	
	#header img.logo
	{
		float:right;
		margin:20px 10px;
	}
	
	#navigation
	{
		clear:left;
		display:block;
		float:left;
		width:153px;
		color:#fff;
		background:url(/everythingmatters/_img/nav-top.gif) top left no-repeat;
		padding-top:12px;
	}
	
	#navigation .nav-items
	{
		width:153px;
		padding-bottom:6px;
		background-color:#252525;
	}
	
	#navigation .nav-items li
	{
		width:133px;
		padding:0 10px 8px 10px;
		background-color:#252525;
		
	}
	
	#navigation .nav-items li.active
	{
		font-weight:bold;
	}
	
	div#content.sitemap #navigation .nav-items li.active,
	#navigation .nav-items li a.sitemap:hover,
	div#content.sitemap h1
	{
		color:#e1ded0;
	}

	div#content.detail #navigation .nav-items li.active,
	#navigation .nav-items li a.detail:hover,
	div#content.detail h1
	{
		color:#6c653b;
	}
	
	div#content.durability #navigation .nav-items li.active,
	#navigation .nav-items li a.durability:hover,
	div#content.durability h1
	{
		color:#009ddc;
	}

	div#content.environment #navigation .nav-items li.active,
	#navigation .nav-items li a.environment:hover,
	div#content.environment h1
	{
		color:#2f8c17;
	}
	
	div#content.quality #navigation .nav-items li.active,
	#navigation .nav-items li a.quality:hover,
	div#content.quality h1
	{
		color:#6b6a69;
	}

	div#content.reliability #navigation .nav-items li.active,
	#navigation .nav-items li a.reliability:hover,
	div#content.reliability h1
	{
		color:#6b6a69;
	}

	div#content.materials #navigation .nav-items li.active,
	#navigation .nav-items li a.materials:hover,
	div#content.materials h1
	{
		color:#cc121e;
	}

	div#content.improvement #navigation .nav-items li.active,
	#navigation .nav-items li a.improvement:hover,
	div#content.improvement h1
	{
		color:#9e0b0f;
	}

	div#content.what #navigation .nav-items li.active,
	div#content #navigation .nav-items li a.what:hover,
	div#content.what h1
	{
		color:#069fdc;
	}


	

	
	#navigation .nav-items li a
	{
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	
	#navigation .nav-bottom
	{
		width:153px;
		padding-bottom:12px;
		background:url(/everythingmatters/_img/nav-bottom.gif) bottom no-repeat;;
	}
	
	#navigation .nav-content
	{
		width:133px;
		padding:12px 10px 2px 10px;
		background-color:#4c4c4c;
	}
	
	#content-container, #footer-container
	{
		float:right;
		width:658px;
		background:url(/everythingmatters/_img/content-top.gif) top no-repeat;
		padding-top:12px;
	}
	
	#content-container .content-box,
	#footer-container .content-box
	{
		position:relative;
		width:618px;
		background:#fff url(/everythingmatters/_img/content-bottom.gif) bottom no-repeat;
		padding:8px 20px 20px 20px;
	}
	
	#footer-container
	{
		margin-top: 10px;
		padding-top: 8px;
	}
	#footer-container .content-box
	{
		padding: 0px 20px 8px 20px;
	}	
	
	#footer-container .footer-item
	{
		float:left;
		font-size:80%;
		padding:0px 20px 0px 0px;
	}
	
	#footer-container .footer-item a
	{
		text-decoration: none;
		color:#000000;
	}
	
	#footer-container .footer-item a:hover
	{
		text-decoration: underline;
	}
		

	#matters-form input.text, #matters-form textarea.text
	{
		width:125px;
		margin-bottom:10px;
		padding:2px 2px 1px 2px;
		font-size:95%;
		font-family:arial, verdana, sans-serif;
	}
	
/*
****************************
****************************
 PAGE ELEMENTS
****************************
****************************
*/
	.clear
	{
		float:none;
		clear:both;
		height:0;
		line-height:0;
		font-size:0;
		padding:0;
		margin:0;
	}
	
	#debug
	{
		background-color:#000;
		color:#fff;
		width:80%;
		margin: 0 auto;
		padding:20px;
	}
	
	.thumbs
	{
		float:left;
		display:inline;
		width:100%;
	}
	
	.thumbs li
	{
		float:left;
		display:block;
		margin:20px 0 0 31px;
	}
	
	.thumbs li.first
	{
		margin-left:0;
	}
	
	.thumbs li a.link
	{
		width:132px;
		display:block;
		margin-top:-13px;
		position:relative;
		float:left;
		background: transparent url(/everythingmatters/_img/hub-link-top.gif) no-repeat;
		color:#fff;
		padding-top:7px;
		text-decoration:none;
	}
	
	.thumbs li a.link span
	{
		display:block;
		width:112px;
		background: transparent url(/everythingmatters/_img/hub-link-bottom.gif) left bottom no-repeat;
		padding:0 10px 7px 10px;
	}
	
	
	.product
	{
		clear:left;
		float:left;
		width:618px;
		padding-top:20px;
	}
	
	.product.first
	{
		padding:0;
	}
	
	.product .body
	{
		display:block;
		float:left;
		width:260px;
		padding-right:10px;
		color:#7b7b7b;
	}
	
	.product a.header
	{
		display:block;
		width:289px;
		background:#fff url(/everythingmatters/_img/product-title.gif) top no-repeat;
		height:20px;
		padding:6px 0 0 30px;
		text-decoration:none;
		color:#454545;
		font-weight:bold;
	}
	
	.product a.header:hover
	{
		color:#000;
	}
	
	.product .item
	{
		display:block;
		float:right;
		width:330px;
	}
	
	.product .item li
	{
		float:left;
	}
	
	.product .item .thumb
	{
		width:100%;
		height:250px;
		overflow:hidden;
	}
	
	.product .item .thumb img
	{
		margin:-10px 0 0 -30px;
	}
	
	.product .item div
	{
		width:329px;
		float:right;
	}
	
	.product .item div p
	{
		padding:0 20px 0 30px;
		font-size:95%;
		color:#7b7b7b;
	}