/* - GLOBAL
=========================================================================*/
html { font-size:101% }
body { font:.75em/1.5em Arial, Helvetica, sans-serif /* 12px font */; color:#494a45; margin:0 auto; /* make anything a hover with this code >> */ behavior:url("/css/csshover.htc"); background:url(/images/bg.gif) repeat-x #7f7f7f; }
table, td { border:0; border-spacing:0; border-collapse:collapse; vertical-align:top } 
img { border:0; behavior:url("/css/pngfix.htc") }
img.right { float:right; margin-left:8px; }
img.left { float:left; margin-right:8px; }
html, body, ul, li, form, input, select, h1, h2, h3, h4, h5, h6, table, tr, td, p { list-style-type:none; padding:0; margin:0 }
a { color:#ed1d25; text-decoration:none; -moz-outline-width:0; outline:none; cursor:pointer; }
a:hover { color:#494a45; text-decoration:underline }

/* - GENERICS
=========================================================================*/
/* aligning AND clearing */
.clearleft { clear:left }		.alignleft { float:left }
.clearright { clear:right }		.alignright { float:right }
.clearboth { clear:both }		.aligncenter { margin:0 auto }
.line { border-top:solid 1px #ccc; margin:10px 0px}

/* headings */
h1, h2, h3, h4, h5, h6 { font-size:2.5em /* 24px */; line-height:1em; color:#ed1d25; padding:18px 0 12px }
h2, h3, h4, h5, h6 { line-height:normal; padding:10px 0 }
h2 { font-size:1.75em 	/* 21px */ }
h3 { font-size:1.5em 	/* 18px */ }
h4 { font-size:1.333em 	/* 16px */ }
h5 { font-size:1.167em 	/* 14px */ }
h6 { font-size:1em 		/* 12px */ }

/* lists */
/* unordered */
ul { padding:.5em 2em }
ul ul { padding:0 2em }
ul li { list-style:disc }
ul li li { list-style:circle }
ul li li li { list-style:square }

/* ordered */
ol { padding:.5em 2.333em }
ol ol { padding:0 2.333em }
ol li { list-style:decimal }
ol li li { list-style:upper-alpha }
ol li li li { list-style:lower-roman }

/* paragraphs */
p { padding:10px 0 }

/* - HEADER
=========================================================================*/
#Header { width:960px; height:98px; margin:17px auto 0; clear:both; }
#Header img.logo { float:left; background:url(/images/logo.png) no-repeat; padding:0px 0px 11px 0px; margin:0 0 0 10px;}
	*html #Header img.logo {background:none;}

/* - NAVIGATION
=========================================================================*/
#topNav { float:right; padding:0; margin:32px 0 0 0}
#topNav li { float:left; list-style:none; padding-left:15px;}
#topNav li a { color:#FFF; text-transform:uppercase; font-size:1.167em;}
#topNav li a:hover { color:#ed1d25; text-decoration:none;}
#topNav li a.home {color:#ed1d25;}
#topNav li a.home:hover {color:#FFF;}
#topNav li a.number { font-size:1.833em; color:#ed1d25; margin-top:-3px; display:block;}
#topNav li a.number:hover { color:#ed1d25;}

#Navigation { width:960px; height:50px; margin:0 auto; clear:both; background:url(/images/bg-nav.gif) no-repeat; color:#FFF;}
#MainNav { margin:0; padding:0}
#MainNav li { float:left; list-style:none; background:url(/images/bg-nav-a.jpg) no-repeat right; height:50px; display:block; padding:0px 15px;}
#MainNav li.end {background:none;}
#MainNav li a { color:#FFF; font-size:1.167em; display:block; height:61px; padding:0px 0 0 10px; margin-top:-11px;}
#MainNav li a:hover { color:#4d4d4d; text-decoration:none; background:url(/images/bg-spanhover.png) no-repeat;}
#MainNav li a span { padding:25px 10px 0 0; display:block; height:36px;}
#MainNav li a:hover span { background:url(/images/bg-navhover.png) no-repeat 100% 0;}
/* IE6 Rules */
	*html #MainNav li a span {width:100%; float:left;}
	*html #MainNav li a.tab1 { width:168px;}
	*html #MainNav li a.tab2 {width:149px;}
	*html #MainNav li a.tab3 {width:156px;}
	*html #MainNav li a.tab4 {width:177px;}
	*html #MainNav li a.tab5 { width:50px;}
/* Sticky Nav */
body.page-id-12 #MainNav li.service {}
body.page-id-12 #MainNav li.service a, body.parent-pageid-12 #MainNav li.service a { color:#4d4d4d; text-decoration:none; background:url(/images/bg-spanhover.png) no-repeat;}
body.page-id-12 #MainNav li.service a span, body.parent-pageid-12 #MainNav li.service a span { background:url(/images/bg-navhover.png) no-repeat 100% 0;}

body.page-id-20 #MainNav li.residential {}
body.page-id-20 #MainNav li.residential a, body.parent-pageid-20 #MainNav li.residential a { color:#4d4d4d; text-decoration:none; background:url(/images/bg-spanhover.png) no-repeat;}
body.page-id-20 #MainNav li.residential a span, body.parent-pageid-20 #MainNav li.residential a span { background:url(/images/bg-navhover.png) no-repeat 100% 0;}

body.page-id-27 #MainNav li.commercial {}
body.page-id-27 #MainNav li.commercial a, body.parent-pageid-27 #MainNav li.commercial a { color:#4d4d4d; text-decoration:none; background:url(/images/bg-spanhover.png) no-repeat;}
body.page-id-27 #MainNav li.commercial a span, body.parent-pageid-27 #MainNav li.commercial a span { background:url(/images/bg-navhover.png) no-repeat 100% 0;}

body.page-id-35 #MainNav li.sheet {}
body.page-id-35 #MainNav li.sheet a, body.parent-pageid-35 #MainNav li.sheet a { color:#4d4d4d; text-decoration:none; background:url(/images/bg-spanhover.png) no-repeat;}
body.page-id-35 #MainNav li.sheet a span, body.parent-pageid-35 #MainNav li.sheet a span { background:url(/images/bg-navhover.png) no-repeat 100% 0;}

body.page-id-39 #MainNav li.contact {}
body.page-id-39 #MainNav li.contact a, body.parent-pageid-39 #MainNav li.contact a { color:#4d4d4d; text-decoration:none; background:url(/images/bg-spanhover.png) no-repeat;}
body.page-id-39 #MainNav li.contact a span, body.parent-pageid-39 #MainNav li.contact a span { background:url(/images/bg-navhover.png) no-repeat 100% 0;}

#subnav { background:url(/images/bg-subnav.gif) repeat-x; height:58px; margin:0px -10px 0px -10px; padding:0 0 0 30px;}
#subnav ul { margin:0; padding:0}
#subnav li {list-style:none; float:left; margin:5px 5px 0px;}
#subnav li:hover { background:url(/images/subnav-left.gif) no-repeat;}
#subnav li a { color:#4d4d4d; font-weight:bold;}
#subnav li a:hover { text-decoration:none; color:#ed1d25;}
#subnav li a span { display:block; height:17px; padding:5px 10px;}
#subnav li a span:hover { background:url(/images/subnav-right.gif) right no-repeat;}
/* IE6 Rules */
	*html #subnav li a span { float:left; width:180px; margin-top:-1px;}

/* - MAINWRAP
=========================================================================*/
#MainWrap { width:940px; margin:0 auto; background:#FFF; padding:10px }

/* - HOME PAGE
=========================================================================*/
#hpSplash { background:url(/images/bg-hpsplash.jpg) no-repeat; width:336px; height:331px; padding:50px 565px 0px 39px; margin-bottom:10px; color:#545454; line-height:1.75em;}
#hpSplash img.services { background:url(/images/btn-hpservices.jpg) no-repeat; height:36px; width:221px; display:block; overflow:hidden; margin:20px 0px;}
#hpSplash img.services:hover { background:url(/images/btn-hpservices.jpg) no-repeat 0 -36px; height:36px; width:221px; display:block; overflow:hidden;}

#hpMiddle { background:url(/images/bg-hpmiddle.jpg) no-repeat; padding-bottom:0px; margin:0px; line-height:0px; color:#d0d0d0;}
#hpMiddle span.title { display:block; color:#ed1d25; text-transform:uppercase; font-size:1.167em; margin-bottom:12px;}
#hpMiddle a { color:#ed1d25; font-weight:bold;}
#hpMiddle a.viewall { color:#858585; font-style:italic; font-weight:bold;}
#hpMiddle img.requestcall { background:url(/images/btn-servicecall-hp.gif) no-repeat; display:block; overflow:hidden; width:196px; height:36px; margin-top:11px;}
#hpMiddle img.requestcall:hover { background:url(/images/btn-servicecall-hp.gif) no-repeat 0px -36px;}
#hpMiddle .box1 {width:250px; float:left; line-height:1.5em; padding:25px 33px 25px 30px;}
#hpMiddle .box2 {width:253px; float:left; line-height:1.5em; padding:25px 30px 25px 30px;}
#hpMiddle .box2 img { margin:0 15px 0 0; float:left;}
#hpMiddle .box3 {width:253px; float:left; line-height:1.5em; font-size:1.167em; text-transform:uppercase; padding:28px 0 28px 60px;}
#hpMiddle .box3 span { color:#FFF; font-size:2em; display:block; margin:0; padding:0; line-height:0.5em;}
#hpMiddle p { padding:0; margin:0;}

#hpContent { margin-top:10px;}
#hpContent .twocol { width:593px; float:left; padding-left:33px; }
#hpContent .twocol .threecol { margin-top:5px;}
#hpContent .threecol {float:left; line-height:1.5em; padding-left:33px; width:280px;}
#hpContent .contact { background:url(/images/bg-hpcontact.gif) no-repeat; margin-bottom:0; padding:15px 0px 15px 25px}
#hpContent .contact .title { display:block; color:#282828; font-size:2em; line-height:1.8em;}
#hpContent .contact .number { display:block; color:#ed1d25; font-size:2.667em; margin-bottom:15px;}
#hpContent .contact a { color:#ed1d25;}
#hpContent .first { padding-left:0px;}

 
/* - INTERNAL
=========================================================================*/
#content { width:595px; float:left; margin:0 29px 0 12px;}
#content span.splash img { border:solid 3px #d3d3d3;}
#content h2 { color:#000; font-weight:normal;}
span.title {font-size:1.5em; line-height:normal; padding:10px 0; color:#000; display:block;}
span.title a { color:#000;}

#sidebar { float:left; width:284px;}
#sidebar img.requestcall { background:url(/images/btn-requestcall-int.gif) no-repeat; width:284px; height:36px; display:block; overflow:hidden; margin:20px 0px 15px 0px}
#sidebar img.requestcall:hover { background:url(/images/btn-requestcall-int.gif) no-repeat 0 -36px;}
#sidebar .contact { background:url(/images/bg-hpcontact.gif) no-repeat; margin-bottom:0; padding:15px 0px 15px 25px; width:255px; }
#sidebar .contact .title { display:block; color:#282828; font-size:2em; line-height:1.8em;}
#sidebar .contact .number { display:block; color:#ed1d25; font-size:2.667em; margin-bottom:15px;}
#sidebar .contact a { color:#ed1d25;}
#sidebar .featured { border-top:solid 1px #e9e9e9; padding:10px 0px;}
#sidebar .featured .title { text-transform:uppercase; display:block; font-size:1.167em;}
#sidebar .featured .item { clear:both; padding:5px 0px;}
#sidebar .featured .item p { padding:0; margin:0;}
#sidebar .featured a { font-weight:bold;}
#sidebar .featured .item img { float:left; margin:0 15px 0 0}
#sidebar .featured a.viewall { font-style:italic; font-size:0.917em; font-weight:normal; text-transform:lowercase;}

/* - FOOTER
=========================================================================*/
#Footer { width:920px; margin:0 auto; background:url(/images/bg-ftr.gif) top no-repeat; padding:33px 20px 10px 20px; color:#bfbfbf; }
#Footer a { color:#bfbfbf; text-decoration:none}
#Footer a:hover { text-decoration:underline;}
#Footer a.clay { color:#bfbfbf; text-decoration:none}
#Footer a.clay:hover { text-decoration:none }
#Footer .cert { float:right; margin:0px 210px 0 0;}
#Footer .cert img { margin:0px 3px;}