/* 

STYLE SHEET FOR SPRUCE INDUSTRIES WEB SITE
Created by Daniel Josephs

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/



/* --------- 1. defaults  --------- */
#content {	
		margin: 0 200px 0 200px;
		}	
		
/*  --------- 2. structure  --------- */		

.boxout-green {
		border: 1px solid #048141;
		margin-bttom: 10px;
		padding: 10px 10px 2px;
		background: #B4D56D url(../images/boxout-gradient-green.gif) repeat-x;
		}
		
#navigation .boxout-green {
		margin: 0 10px 10px 10px;
		}	
		
h1.cleanGreen {
		margin-left: auto;
	    margin-right: auto;
		margin-top: 10px;
		margin-bottom: 0px;
		}	
		
h2.greenProducts {
		margin-left: auto;
	    margin-right: auto;
		margin-top: 5px;
		}	
		
#footnote {
		clear:both;
		margin: 25px 215px 15px 210px;
		}
		
#greenContent {
		margin: 25px 10px 30px 10px;
		}
		
#greenContent h1 {
		margin: 0 0 5px 0;
		}	
		
#greenContent ul {
		margin: 0 0 0 15px;
		}
		
#greenContent ul li{
		list-style: disc;
		}	
		
#greenContent table thead th {
		text-align:center;
		border: 1px solid #000;
		width: 150px;
		}		
		
#greenContent table tbody td {
		padding-left: 20px;
		padding-bottom: 5px;
		}	
		
#greenContent div.titleRight {
		margin-top: 10px;
		}		
		
#greenContent div.titleRight h2{
		text-align:left;
		margin-left: 10px;
		}	
		
div.marginCorrection {
		margin: 20px 10px 0 10px;
		}
		
hr {
		clear:both;
		margin-top: 2em;
		margin-bottom: 2em;
		border-top: none;
		border-left: none;
		border-right: none;
		background-color: #ffffff;
		border-bottom: 1px solid #048141;
		height: 0;
		}				
		
hr.dotted {
		margin-top: 0.5em;
		border-bottom: 1px dotted #048141;
		margin-bottom: 1.5em;
		}									

					
/* ---------- 3. links and navigation ---------- */

.boxout-green h1 {
		margin: -10px -10px 10px;
		text-align: center;
		background: #048141;
		color: #ffffff;
		text-transform: uppercase;
		font: bold 1.2em/1.8em Arial, sans-serif;
		
		}
		
#navigation div.boxout-green ul {
		list-style-type: disc;
		margin-left: 1.5em;
		margin-bottom: 1em;
		}

#navigation div.boxout-green ul {
		margin-top: 1em;
		list-style-type: none;
		margin-left: 0;
		}

#navigation div.boxout-green li {
		font: 1.1em Verdana, sans-serif;
		margin-bottom: 3px;
		padding-left: 12px;
		background: url(../images/double-arrow-bullet.gif) 0px 65% no-repeat;
		}	
		
h4.trail {
		margin-left: 10px;
		text-align: left;
		}
		
#greenContent table {
		font: 1.1em/1.3em Verdana, Arial, sans-serif;
		}
		
#greenContent div.titleRight h2 {
		font: bold 1.6em Verdana, Arial, sans-serif;
		color: #048141;
		text-transform:uppercase;
		}					

/* ---------- 4. fonts ---------- */
			
b.greenBold {
		color: #048141;
		}	
		
h1.cleanGreen {
		font: bold italic 2.1em/1.3em Verdana, Arial, sans-serif;
		}	
		
#greenH1 {
		color: #048141;
		}
		
h2.greenProducts {
		font: bold 1.5em/1.3em Verdana, Arial, sans-serif;
		}		
		
#footnote p {
		font: normal .9em Verdana, Arial, sans-serif;
		color: #000;
		}	
		
#footnote p b{
		text-decoration:underline;
		}
		
#greenContent h1 {
		color: #048141;
		}	
		
span.greenQuote {
		font: bold 2.1em/1.3em Verdana, Arial, sans-serif;
		color: #048141;
		}	
		
div.marginRight {
		margin-right: 10px;
		}															
				
/* ---------- 5. images ---------- */

#green_globe img {
		padding: 5px 0 5px 15px;
		margin-bottom: 15px;
		}
		
#quote {
		padding: 20px 0 15px 0;
		}	
		
img.imgRight {
		float: right;
		margin-left: 10px;
		}
		
img.imgLeft {
		float: left;
		margin-right: 10px;
		}							
		
/* ---------- 6. hacks ---------- */