/*-- ESSENTIALS --*/
body { width:868px; font:12px Arial, Helvetica, sans-serif; color:#6d6e71; background:#7f7f7f url(/images/bkg-Site.gif) 3px 0 repeat-x; padding:16px 0 0; margin:0 auto; /* make anything a hover with this code >> */ behavior:url("/css/csshover.htc") }
table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top }
img { border:0 }
ul, li, form, input, h1, h2, h3 { list-style-type:none; padding:0; margin:0 }
h1 { position:relative; font-size:1.83em; color:#a60000; background:url(/images/arrow-red.gif) 0 10px no-repeat; padding:0 0 11px 23px; margin:0 0 0 -23px }
a { color:#a10000; text-decoration:none }
a:hover { color:#000 }

.arrow-link { font-size:1.17em; background:url(/images/arrow-grey.gif) 0 4px no-repeat; padding:0 0 0 15px }

/*-- HEADER --*/
#Header { width:854px; height:92px; background:url(/images/bkg-Header.gif); padding:23px 0 0 14px; margin:0 auto }
#Header img { float:left }
#Header .info { float:right; font-size:1.08em; text-align:right; padding:0 33px 0 0 }
#Header .info span { display:block; font-size:.92em; color:#ad2222; padding:0 0 2px }
#Header .info span b { font-size:1.08em }

/*-- NAVIGATION --*/
/* WHEN NEWS IS ADDED BACK INTO NAVIGATION, CHANGE #MainNav WIDTH BACK TO 560px */
#MainNav { float:right; /*width:560px;*/ width:530px; font-size:1.17em; letter-spacing:-1px; text-transform:uppercase; padding:31px 0 0 0 }
	/* Safari-Opera-GoogleChrome specific declarations here */
	body:first-of-type #MainNav { padding:33px 15px 0 0 }
	/* IE 7 and below */
	*:first-child+html #MainNav { padding:31px 6px 0 0 } * html #MainNav { padding:31px 6px 0 0 }

#MainNav a { float:left; display:block; height:27px; color:#000; padding:0 9px }
#MainNav a:hover, /*body.homepage #MainNav a.homelink,*/ body.aboutpage #MainNav a.aboutlink, body.servicespage #MainNav a.serviceslink, body.faqspage #MainNav a.faqslink, body.newspage #MainNav a.newslink, body.directionspage #MainNav a.directionslink, body.contactpage #MainNav a.contactlink { color:#ad2222; background:url(/images/bkg-NavigationHover.gif) 50% 100% no-repeat; text-decoration:none }

#LeftNav { float:left; width:214px; background:url(/images/bkg-WhatWeDo.gif) no-repeat; padding:65px 0 30px }
#LeftNav li { background:url(/images/arrow-grey.gif) 15px 6px no-repeat; border-top:1px dashed #e5e5e5; padding:3px 0 4px 32px }
#LeftNav li a:hover { position:relative; background:url(/images/arrow-red.gif) 0 3px no-repeat; text-decoration:none; padding:0 0 0 17px; margin:0 0 0 -17px }
	/* IE 7 and below */
	*:first-child+html #LeftNav li a:hover { display:block } * html #LeftNav li a:hover { display:block }

/*-- SPLASH --*/
#Splash-HP { width:868px; height:246px; background:url(/images/splash-Homepage.jpg); margin:0 auto }
#Splash-IN { float:left; width:573px; height:200px; background:url(/images/splash-Internal.gif) 0 0 no-repeat; padding:20px 0 0 46px }

/*-- BODY --*/
#Body.homepage, #Body { float:left; width:842px; background:url(/images/bkg-Body.gif) repeat-y; padding:0 13px; margin:0 auto }
#Body { background:url(/images/bkg-Body_internal.gif) repeat-y; padding-bottom:40px }

/* call to action blocks */
a .block, a:hover .block { cursor:pointer; color:#6d6e71 }
.block { float:left; display:inline-block; height:66px; background:url(/images/bkg-HpBottomContent.gif); padding:35px 65px 0 0 }
.block.quotes { width:121px; padding-left:12px }
.block.technology { width:122px; background-position:-198px 0; padding-left:14px }
.block.testimonials { width:125px; background-position:-398px 0; padding-left:15px }
.block.directions { width:106px; background-position:-603px 0; padding-left:12px; padding-right:80px }

/*---- BODY - HOMEPAGE ----*/
/* homepage middle content blocks */
.hp-middle-content { float:left; clear:both; width:100%; height:170px; background:url(/images/bkg-HpMiddleContent.gif) no-repeat }
.hp-middle-content .left, .hp-middle-content .middle, .hp-middle-content .right { float:left }
.hp-middle-content .left { width:325px; padding:13px 20px 0 25px }
.hp-middle-content .middle { width:214px; padding:13px 0 0 }
.hp-middle-content .middle h1, .hp-middle-content .middle h2 { padding-left:12px }
.hp-middle-content .right { width:193px; font-size:.92em; color:#000; padding:13px 27px 0 38px }

.hp-middle-content h1 { position:relative; font-size:1.83em; color:#000; background:none; padding:0; margin:0 }
.hp-middle-content h2 { font-size:1.25em; color:#a10000; text-transform:lowercase; padding:0 0 11px }

.hp-middle-content .what-we-do li { background:url(/images/arrow-grey.gif) 15px 6px no-repeat; border-top:1px dashed #e5e5e5; padding:3px 0 4px 32px }
.hp-middle-content .what-we-do li a:hover { position:relative; background:url(/images/arrow-red.gif) 0 3px no-repeat; text-decoration:none; padding:0 0 0 17px; margin:0 0 0 -17px }
	/* IE 7 and below */
	*:first-child+html .hp-middle-content .what-we-do li a:hover { display:block } * html .hp-middle-content .what-we-do li a:hover { display:block }

.hp-middle-content .right .request-quote label { display:block; float:left; width:37px; padding:1px 0 0 }
.hp-middle-content .right .request-quote input { display:block; float:left; width:150px; height:15px; font-size:.92em; font-weight:bold; background:#f6f6f6; border:1px solid #dcddde; padding:0 2px; margin:0 0 8px }
.hp-middle-content .right .request-quote input.submit { cursor:pointer; float:right; width:53px; height:auto; font-size:1em; font-weight:normal; color:#fff; background:#a10000; text-align:center; padding:0; margin:0 }

/* homepage bottom content blocks */
.hp-bottom-content { float:left; clear:both; width:818px; height:119px; padding:22px 0 0 24px }

/*---- BODY - INTERNAL -----*/
#RequestQuote { float:left; width:193px; height:115px; font-size:.92em; color:#000; background:url(/images/bkg-RequestQuote.gif); padding:105px 35px 0 21px }
#RequestQuote label { display:block; float:left; width:37px; padding:1px 0 0 }
#RequestQuote input { display:block; float:left; width:150px; height:15px; font-size:.92em; font-weight:bold; background:#f6f6f6; border:1px solid #dcddde; padding:0 2px; margin:0 0 8px }
#RequestQuote input.submit { cursor:pointer; float:right; width:53px; height:auto; font-size:1em; font-weight:normal; color:#fff; background:#a10000; text-align:center; padding:0; margin:0 }

.content-left { float:left; width:518px; padding:9px 33px 0 67px }
.content-right { float:left; width:214px }
.content-right .block { margin:0 0 0 11px }

.content-left li {background:url(/images/arrow-grey.gif) 15px 6px no-repeat; padding:2px 0 2px 32px}
.content-left ul {margin:12px 0;}
.content-left h2 {color:#000; font-size:16px; margin:15px 0;}

/*-- FOOTER --*/
#Footer { float:left; clear:both; width:793px; height:39px; background:url(/images/bkg-Footer.gif); padding:11px 39px 0 36px; margin:0 auto }
#Footer .copyright { float:right; font-size:.83em; text-align:right }
#Footer .copyright a, #Footer .copyright a:hover { color:#6d6e71; text-decoration:none; margin:0 }
#Footer a { color:#999; margin:0 15px 0 0 }
#Footer a:hover { color:#a10000; text-decoration:underline }