html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}


/* =GENERAL
-----------------------------------------------------------------------------------------------*/
	
	body{ 
		background:#ffffff;
		
		/*
		background:#EFF1F1 url(../images/bg-body2.jpg) repeat top left;
		background:#EFF1F1 url(../images/bg-body3.jpg) repeat top left;
		background:#EFF1F1 url(../images/bg-body4.jpg) repeat top left;
		background:#EFF1F1 url(../images/bg-body5.jpg) repeat top left;
		*/
		
		font:12px Arial, sans-serif; 
		line-height:20px;
		color:#666666;
	}
	
		/* =headings
		-------------------------------------------------------------- */
		
		h1,h2,h3,h4,h5,h6{ font-weight: bold; color:#252525; }
		
		h1{ font-size:28px; line-height:30px; margin-bottom:12px; }
		h2{ font-size:24px; line-height:26px; margin-bottom:12px; }
		h3{ font-size:18px; line-height:20px; margin-bottom:8px;  }
		h4{ font-size:14px; line-height:15px; margin-bottom:8px;  }
		h5{ font-size:13px; line-height:15px; margin-bottom:8px;  }
		h6{ font-size:13px; line-height:15px; margin-bottom:8px;  }
		
		/* =text-elements
		-------------------------------------------------------------- */
		
		a{ text-decoration:none; color:#dd3038; }
		a:hover{ text-decoration:underline;  }
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
		a img{ border:none; }
		
		strong{ font-weight: bold; color:#252525; }
		em{ font-style: italic; }
		
		p, ul, ol, pre, code{ margin-bottom:20px; }
		
			p.last{ margin-bottom:0; }
					
		ul{ list-style-type:circle; list-style-position:inside; }
		
			ul.checklist{ list-style-image:url(bg-checklist.png)/*tpa=http://www.navint.it/engines/default/images/bg-checklist.png*/; }
		
		ol{ list-style-type:decimal; list-style-position:inside; }
		
		blockquote{ padding:5px 20px 5px 60px; line-height:24px; background:url(quote.png)/*tpa=http://www.navint.it/engines/default/images/quote.png*/ no-repeat top left; color:#999999; }
		blockquote span{ color:#666666; }
		
			.blockquote-left{ width:250px; float:left; }
			.blockquote-right{ width:250px; float:right; }					 
					 
		pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }

		/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
		hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }
		.hr{ border-top:1px solid #efefef; margin:30px 0; }