/* -------------------------------------

Index 

1 - Global Reset and default settings
2 - Heading, Typography, Links
3 - Generic Styles

----------------------------------------*/

/* 1 - Global Reset and default settings */ 
	body * {margin:0; padding:0}
	body {background:#858585 url(../images/bkd.gif) repeat-x top; color:#333; font-size:72%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
	#printlogo {display:none;}
	
	
/* 2 - Heading, Typography, Links */ 
	h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0;}
	h1 {color:#333; font-size:1.4em; margin:0 0 1em 0;}
	h2 {color:#333; font-size:1.3em; margin:0 0 0.5em 0;}
	h3 {color:#333; font-size:1em; margin:0 0 0.5em 0;}
	p {color:#333; font-family: Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; line-height:1.4em; margin:0 0 1em 0; text-align:left;}
	a {color:#333; border-bottom:1px dotted #333; font-weight:normal; font-size:1em; text-decoration:none;}
	a:hover {border-bottom:1px dotted #333;}
	a img  {border:0;}
	
	#content ul {color:#333; margin:1em 0 1em 1.5em;}
	#content ul li {font-size:1.1em; margin:0.5em 0;}	
	#content ol {color:#333; line-height:1.6em; margin:1em 0 1em 2.5em;}
	#content ol li {font-size:1.1em; margin:0.5em 0;}
	
	/*
	#solar-water-heating #content ul {list-style-image:url(../images/bullet2.gif);}
	*/
	#installation #content ul {list-style-image:url(../images/bullet2.gif);}
	#consulting #content ul {list-style-image:url(../images/bullet3.gif);}
		
/* 3 - Generic Styles */ 
	.displayblock {display:block;}
	.displayinline {display:inline;}
	.floatright {float:right;}
	.floatleft {float:left;}
	
	.noborder {border:none;}
	a.noborder:hover {border:none;}
	
	ul.pdf {list-style-image:url(../images/icon-pdf.jpg);}
	a.pdf {background:url(../images/icon-pdf.jpg) left no-repeat; padding-left:20px;}
	
	hr {margin:15px 0 25px 0;}
	.error {background-color:#ffebe8; border:1px solid #dd3c10; margin:0 0 20px 0; padding:30px;}
	
	/* Spacing */
	.marnone {margin:0;}
	.marbot5 {margin-bottom:5px;}
	.marbot10 {margin-bottom:10px;}
	.marbot15 {margin-bottom:15px;}
	.marbot20 {margin-bottom:20px;}
	.martop5 {margin-top:5px;}
	.martop10 {margin-top:10px;}
	.martop15 {margin-top:15px;}
	.marleft20 {margin-left:20px;}
	
	/* CSS clearing */   
	.clearboth {clear:both;}
	.clearleft {clear:left;}
	.clearright {clear:right;}
	
	.clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearing {display: inline-table;}
	/* Hides from IE-mac */
	  * html .clearing {height: 1%;}
	  .clearing {display: block;}
	/* End hide from IE-mac */