/* 
		Devoe Coatings
		Copyright ICI Paints
		styles.css - site main stylesheet
		Last Update: 03/03/05
 */

/* set up some basic styles */
body { margin: 0px; padding: 0px; }
a img,a:link img,a:visited img { border:none; }
body,h1,h2,h3,h4,h5,h6,pre,code,input,select,button,textarea,table { font-size: 11px; color: #333333; font-family: Arial, Helvetica, sans-serif; }
a:link { color: #15365F; }
a:visited { color: #333; }
a:hover { text-decoration: none; }
#masthead a, #footer a, #navigation a { text-decoration: none; }
	/* ie resizing */
* html body { font-size: .70em; }
/* end basic styling */

/*auto clear code */
		.clearfix:after, #content:after, #masthead:after, #navigation:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		.clearfix, #content, #masthead, #navigation, #footer { /*display: inline-block;*/ display: inline-table; } /* inline-block is for iemac, but doesnt validate. */
		/* Hides from IE-mac \*/
		* html .clearfix, * html #content, * html #masthead, * html #navigation, * html #footer {height: 1%;}
		.clearfix, #content, #masthead, #navigation, #footer {display: block;}
		/* End hide from IE-mac */

/* layout styles */
#masthead { background-color: #9DB6D6; padding: 15px; }
#masthead img { float: left; }
	/* navigation.css has style for links in masthead */
#footer { clear: both; margin: 10px 0px 0px 0px; padding: 4px 15px 12px 15px; background-color: #9DB6D6; color: #fff; font-size: 90%; }
#footer .copyright { float: left; }
#footer .links { float: right; }
#footer a:link, #footer a:visited { color: #fff; }
#footer a:hover { color: #000; }

#content { }
/* start content styles */
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
h1 { font-size: 120%; color: #FF6700; margin: 0px 0px 15px 0px; text-transform: uppercase; }
h2 { font-size: 110%; color: #FF6700; margin: 0px 0px 8px 0px; padding: 5px 0px 0px 15px; border-top: 5px solid #9AB2D6; }
h3 { font-size: 100%; color: #15365F; margin: 0px 0px -10px 0px;  }
h4 {}
h5 { font-size: 100%; color: #666; margin: 0px 0px 6px 0px; padding-left: 15px; }
h6 {}

	/* threecolumn layout */
	#threecolumn { color: #666; }
	#threecolumn #cl { padding-top: 28px; float: left; width: 170px; }
	* html #threecolumn #cl { padding-top: 51px; }
	#threecolumn #cm { padding-top: 48px; margin-left: 200px; margin-right: 195px; }
	#threecolumn #cr { padding-top: 10px; float: right; width: 175px; margin-right: 5px; }
	
	#threecolumn #cl p { padding-left: 15px; }
	* html #threecolumn #cm p { margin-top: 10px;}
	#threecolumn #cm img.imgleft { border: 1px solid #CCC; float: left; margin: 0px 20px 6px 0px; }
	
	/* two column */
	#twocolumn { color: #666; }
	#twocolumn #cl { padding-top: 30px; margin-left: 20px; margin-right: 190px; }
	* html #twocolumn #cl { padding-top: 25px; }
	#twocolumn #cr { padding-top: 10px; float: right; width: 175px; margin-right: 5px; }
	
	* html #twocolumn #cm p { margin-top: 10px;}
	#twocolumn #cl img.imgleft { border: 1px solid #CCC; float: left; margin: 0px 20px 6px 0px; }
	
	#twocolumn dl { float: left; width: 300px; padding: 0px; margin: 20px; margin-right: 3px; }
	#twocolumn dl dt { font-weight: bold; color: #15365F; padding: 0px; margin: 0px; }
	#twocolumn dl dd { color: #666; padding: 0px; margin: 0px; }
	#twocolumn dd a:link { color: #666; }
	#twocolumn dd a:hover { color: #15365F; }
	
	/* one column */
	#onecolumn { color: #666; margin: 30px 10px 10px 20px; }
	* html #onecolumn p { margin-top: 10px; }