@media screen, projection {

/* BODY AND FONTS: =body
----------------------------------------------- */
	*			{ margin: 0; padding: 0; }
	html		{ height: 100%; font: 62.5%/1.5 Arial, Helvetica, Verdana, sans-serif; }
	body		{ color: #252526; height: 100%; background: #fffce5 url("../images/bg-body.jpg") 50% 0 repeat-y; text-align: center; background-color: #ebf0f8; }

/* LINKS: =links
----------------------------------------------- */
	a, a:visited { color: #293a72; }
	a:hover { color: #3e61d3; } 

/* IMAGES: =images
----------------------------------------------- */
	#content img {
	background: #fff;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #e3e3e3;
	text-align: center;
}
	#content img.noborder { background: none; border: none; padding: 0; }
	#content img.floatright { float: right; }
	#content img.marginright { margin: 0 0 1.8em 15px; }
	
/* TYPOGRAPHY: =typography
----------------------------------------------- */	
	li, dt, dd, p, td, th { font-size: 1.2em; }
	ul, ol, dl, table { margin-bottom: 1.8em; }
	p, dd { margin-bottom: 1.5em; }
	li p, dd p, td p { font-size: 1em; }
	h1, h2, h3, h4, h5, h6 { margin: 0 0 .25em; padding: 0; }
	h2 { font-size: 1.4em; letter-spacing: -1px; }
	h3, th, dt { font-family: georgia, times, serif; font-style: italic; font-weight: normal; font-size: 1.2em; }
	h4 { color: #787878; font-size: 1.2em; }

/* HEADER: =header
----------------------------------------------- */
	#header { float: left; width: 100%; }
	#header h1 { margin: 0 auto; width: 840px; height: 151px; background: url("../images/logo.jpg") top left no-repeat; }
	#header h1 a { float: left; display: block; text-indent: -999em; overflow: hidden; width: 211px; height: 100px; margin-top: 46px; margin-left: 20px; }
	
/* NAVIGATION: =nav
----------------------------------------------- */
	#header ul { list-style: none; float: left; background: url("../images/navigation.gif") top left no-repeat; margin: 0; padding: 0; width: 870px; height: 40px; }
	#header ul li { background: none; float: left; text-indent: -999em; padding: 0; }
	#header ul li a { outline: none; background: url("../images/navigation.gif") top left no-repeat; border: none; display: block; height: 40px; text-decoration: none; overflow: hidden; }
	
	#header ul li.home { margin-left: 13px; }
	#header ul li.home a { background-position: -13px 0px; width: 72px; }
	#header ul li.home a:hover { background-position: -13px -40px; }
	#header ul li.home a.selected,
	#header ul li.home a:active { background-position: -13px -80px; }
	
	#header ul li.about a { background-position: -85px 0px; width: 100px; }
	#header ul li.about a:hover { background-position: -85px -40px; }
	#header ul li.about a.selected,
	#header ul li.about a:active { background-position: -85px -80px; }
	
	#header ul li.mechanical a { background-position: -185px 0px; width: 162px; }
	#header ul li.mechanical a:hover { background-position: -185px -40px; }
	#header ul li.mechanical a.selected,
	#header ul li.mechanical a:active { background-position: -185px -80px; }
	
	#header ul li.hvac a { background-position: -347px 0px; width: 133px; }
	#header ul li.hvac a:hover { background-position: -347px -40px; }
	#header ul li.hvac a.selected,
	#header ul li.hvac a:active { background-position: -347px -80px; }
	
	#header ul li.distribution a { background-position: -480px 0px; width: 184px; }
	#header ul li.distribution a:hover { background-position: -480px -40px; }
	#header ul li.distribution a.selected,
	#header ul li.distribution a:active { background-position: -480px -80px; }
	
	#header ul li.sitemap a { background-position: -664px 0px; width: 90px; }
	#header ul li.sitemap a:hover { background-position: -664px -40px; }
	#header ul li.sitemap a.selected,
	#header ul li.sitemap a:active { background-position: -664px -80px; }
	
	#header ul li.contact a { background-position: -754px 0px; width: 100px; }
	#header ul li.contact a:hover { background-position: -754px -40px; }
	#header ul li.contact a.selected,
	#header ul li.contact a:active { background-position: -754px -80px; }
	
	#content #content-subnav { background: url("../images/bg-subnav-top.gif") top left no-repeat; float: left; width: 159px; position: relative; left: -3px; padding: 15px 0 0 0; }
	#content #content-subnav ul { background: url("../images/bg-subnav-bottom.gif") bottom left no-repeat; list-style: none; margin: 0; padding: 0 0 15px 0; }
	#content #content-subnav ul li { line-height: 1.2em; margin: 0; padding: 0 0 0 15px; }
	#content #content-subnav ul li a { display: block; padding: 6px 0; color: #6b6c6f; text-decoration: none; width: 129px; }
	#content #content-subnav ul li a:hover { color: #000; }
	#content #content-subnav ul li.selected a  { color: #000; font-weight: bold; background: url("../images/bg-subnav-selected.gif") 0 .6em no-repeat; padding-left: 10px; }
	
/* LAYOUT: =layout
----------------------------------------------- */
	#wrapper { background: }
	#wrapper-inner { width: 870px; text-align: left; margin: 0 auto; }
	#header { position: relative; }
	#content { float: left; width: 840px; background: url("../images/bg-content.jpg") top left no-repeat; clear: both; padding: 25px 15px 15px 15px; }
	#content-body { float: right; width: 669px; }
	
	#column-main { background: url("../images/bg-colmain.gif") repeat-y; float: left; width: 428px; position: relative; left: -1px; }
	#column-main-inner { background: url("../images/bg-colmain-top.gif") top left no-repeat; padding-top: 18px; }
	#column-main-inner2 { background: url("../images/bg-colmain-bottom.gif") bottom left no-repeat; padding: 0 15px 9px 15px; }
	#column-side { font-size: .9em; float: right; width: 228px; }
	#column-halfleft { float: left; width: 327px; }
	#column-halfright { float: right; width: 327px; }
	
	#column-main-v2 { float: left; width: 585px; }
	#column-intmain-v2 { float: left; width: 441px; }
	#column-side-v2 { float: right; width: 213px; }
	
	#column-main-v3 { float: left; width: 456px; }
	#column-side-v3 { float: right; width: 156px; }
	
	#column-main-v4 { float: left; width: 384px; }
	#column-side-v4 { float: right; width: 254px; }
	
	#column-main-v5 { float: left; width: 285px; }
	#column-full-v5 { float: left; width: 440px; }
	#column-side-v5 { float: right; width: 384px; }
	
	.tripcol { float: left; width: 280px; }
	
/* LISTS: =lists
----------------------------------------------- */
	#content ul { list-style-type: square; margin-left: 20px; }
	#content li { padding-left: 5px; }
	div.serviceslist { clear: both; float: left; width: 100%; }
	div.serviceslist div { width: 307px; background: url("../images/bg-serviceslist.jpg") top left no-repeat; padding: 10px 12px 10px 8px; }
	div.serviceslist div.l { float: left; }
	div.serviceslist div.r { float: right; }
	#content div.serviceslist div img { float: left; display: inline; padding: 4px; }
	div.serviceslist div h3 { letter-spacing: -1px; line-height: 1.2em; font-family: arial, sans-serif; font-size: 1.4em; font-style: normal; font-weight: bold; margin-bottom: 3px; }
	div.serviceslist div h3,
	div.serviceslist div p { float: right; width: 153px; }
	div.serviceslist div p { font-size: 1.1em; line-height: 1.4em; }

	dl.inline dt { float: left; width: 57px; }
	dl.inline dd { margin-bottom: .5em; }
	
	.paginate { font-size: 1.2em; line-height: 2.3em; }
	.paginate strong { padding: 2px 6px; }
	.paginate a { text-decoration: none; padding: 2px 6px; border: 1px solid #ccc; }
	.paginate a:hover { background: #fff7c8; border: 1px solid #3e61d3; }
	.paginate .count { color: #ababab; }	
	
	ul li ul,
	ul li ul li ul { margin: .5em 0; }
	ul li ul li { font-size: 1em; list-style-type: circle; }
	ul li ul li ul li { list-style-type: lower-roman; }

/* FOOTER: =footer
----------------------------------------------- */
	#footer { float: left; width: 820px; clear: both; color: #7f8085; background: url("../images/indent.gif") 50% 0 no-repeat; padding: 12px 15px 25px 15px; }
	#footer p { font-size: 1.1em; float: left; width: 498px; }
	#footer p a,
	#footer p a.invis:hover { color: #7f8085; }
	#footer p a.invis,
	#footer p a.invis:hover { text-decoration: none; cursor: default; }
	#footer ul { float: right; text-align: right; }
	#footer ul li { font-size: 1.1em; display: inline; margin-left: 15px; }
	
/* SIFR: =sifr
----------------------------------------------- */
	.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
	.sIFR-replaced { visibility: visible !important; }
	.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-active #content h1 { visibility: hidden; line-height: 1em; font-size: 22px; }
	
	/* 
	  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
	  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
	*/
	
	.sIFR-replaced > div { display: none !important; }
	
/* MISC: =misc
----------------------------------------------- */	
	.clearboth { clear: both; }
	.skip { position: absolute; left: -999em; width: 999em; }
	
	/*
	 * "How To Clear Floats Without Structural Markup" -
	 * http://www.positioniseverything.net/easyclearing.html
	 */
	 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	 .clearfix 		{ display: inline-block; }  

	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */	
}

@media print {
	.skip, #header ul, #footer { display: none !important; }
}