/************************************************************************************************************************/
/* RESET THE CSS */
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 { border:0pt none; font-size:100%; font-style:inherit; font-weight:inherit; margin:0pt; outline-color:invert; outline-style:none; outline-width:0pt; padding:0pt; vertical-align:baseline; font-family: Arial, Helvetica, sans-serif; }
table { border-collapse:separate; border-spacing:0pt; }
caption, th, td { font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
strong { font-weight:bold; }
em { font-style:italic; }
* { margin:0pt; padding:0pt; }
a { outline: none; }

/************************************************************************************************************************/
/* DOCUMENT STRUCTURE */
body { background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
#wrapper { margin: 0 auto; width: 816px; }

h1 { font-size: 1.2em; font-weight: 600; color: #EAA700; padding: .1em 0 .3em 0; }
h2 { font-size: 1em; font-weight: 600; color: #EAA700; padding: .1em 0 .3em 0; }
h3 { font-size: .9em; font-weight: 600; color: #EAA700; padding: .1em 0 .2em 0; }
h4 { font-size: .9em; font-weight: 600; color: #606060; padding: .1em 0 .2em 0; }
h5 { font-size: .8em; font-weight: 600; color: #EAA700; padding: .1em 0 .1em 0; }
h6 { font-size: .8em; font-weight: 600; color: #606060; padding: .1em 0 .1em 0; }
p { font-size: .8em; font-weight: normal; color: #606060; padding: 0em 0 .8em 0; line-height: 1.3em; }
#home-contact { color: #231F20; }
a { color: #2D8E09; text-decoration: none; }
#box-contact a { color: #EAA700; }
a:hover { color: #231F20; }
#box-contact a:hover { color: #231F20; }
#content ul { padding: 0px 50px 11px 25px; font-size: .75em; color: #606060; }
#content ul li { padding-bottom: 9px; }
#content ol { padding: 0px 50px 11px 25px; font-size: .75em; color: #606060; }
#content ol li { padding-bottom: 9px; }

.bold { font-weight: 600; }
#holiday-greeting { position: absolute; width: 176px; height: 176px; top: 260px; left: 30px; }




table { border-collapse: collapse; font-size: .75em; }
table#logos-table td { width: 250px; padding: 10px 0px 10px 0px; border-bottom: solid 1px #ababab; color: #666666; vertical-align: top; }
.logos { padding: 8px; }

#header { float: left; width: 800px; margin: 0px 8px 0px 8px; }
* html #header { margin: 0px 4px 0px 4px; }
ul#global-nav { background: url(../images/nav-bg.jpg) repeat-x; float: left; width: 800px; list-style: none; height: 43px; }
ul#global-nav li { float: left; height: 43px; }
ul#global-nav li a { float: left; height: 43px; }

ul#global-nav li#nav-left { background: url(../images/nav-left.jpg) no-repeat left; width: 3px; padding-right: 5px; }
ul#global-nav li#home { background: url(../images/nav-home.jpg) no-repeat; width: 66px; }
ul#global-nav li#about-us { background: url(../images/nav-about-us.jpg) no-repeat; width: 94px; }
ul#global-nav li#our-roofs { background: url(../images/nav-our-roofs.jpg) no-repeat; width: 105px; }
ul#global-nav li#maintenance { background: url(../images/nav-maintenance.jpg) no-repeat; width: 130px; }
ul#global-nav li#inspections { background: url(../images/nav-inspections.jpg) no-repeat; width: 119px; }
ul#global-nav li#safety { background: url(../images/nav-safety.jpg) no-repeat; width: 77px; }
ul#global-nav li#suppliers { background: url(../images/nav-suppliers.jpg) no-repeat; width: 104px; }
ul#global-nav li#contact { background: url(../images/nav-contact.jpg) no-repeat; width: 90px; }
ul#global-nav li#nav-right { background: url(../images/nav-right.jpg) no-repeat right; width: 3px; padding-left: 4px; }

ul#global-nav li#home a { background: url(../images/nav-home.jpg) no-repeat; width: 66px; }
ul#global-nav li#about-us a { background: url(../images/nav-about-us.jpg) no-repeat; width: 94px; }
ul#global-nav li#our-roofs a { background: url(../images/nav-our-roofs.jpg) no-repeat; width: 105px; }
ul#global-nav li#maintenance a { background: url(../images/nav-maintenance.jpg) no-repeat; width: 130px; }
ul#global-nav li#inspections a { background: url(../images/nav-inspections.jpg) no-repeat; width: 119px; }
ul#global-nav li#safety a { background: url(../images/nav-safety.jpg) no-repeat; width: 77px; }
ul#global-nav li#suppliers a { background: url(../images/nav-suppliers.jpg) no-repeat; width: 104px; }
ul#global-nav li#contact a { background: url(../images/nav-contact.jpg) no-repeat; width: 90px; }

ul#global-nav li#home a:hover { background: url(../images/nav-home-over.jpg) no-repeat; }
ul#global-nav li#about-us a:hover { background: url(../images/nav-about-us-over.jpg) no-repeat; }
ul#global-nav li#our-roofs a:hover { background: url(../images/nav-our-roofs-over.jpg) no-repeat; }
ul#global-nav li#maintenance a:hover { background: url(../images/nav-maintenance-over.jpg) no-repeat; }
ul#global-nav li#inspections a:hover { background: url(../images/nav-inspections-over.jpg) no-repeat; }
ul#global-nav li#safety a:hover { background: url(../images/nav-safety-over.jpg) no-repeat; }
ul#global-nav li#suppliers a:hover { background: url(../images/nav-suppliers-over.jpg) no-repeat; }
ul#global-nav li#contact a:hover { background: url(../images/nav-contact-over.jpg) no-repeat; }

ul#global-nav li#home a.highlight{ background: url(../images/nav-home-over.jpg) no-repeat; }
ul#global-nav li#about-us a.highlight{ background: url(../images/nav-about-us-over.jpg) no-repeat; }
ul#global-nav li#our-roofs a.highlight { background: url(../images/nav-our-roofs-over.jpg) no-repeat; }
ul#global-nav li#maintenance a.highlight { background: url(../images/nav-maintenance-over.jpg) no-repeat; }
ul#global-nav li#inspections a.highlight { background: url(../images/nav-inspections-over.jpg) no-repeat; }
ul#global-nav li#safety a.highlight { background: url(../images/nav-safety-over.jpg) no-repeat; }
ul#global-nav li#suppliers a.highlight { background: url(../images/nav-suppliers-over.jpg) no-repeat; }
ul#global-nav li#contact a.highlight { background: url(../images/nav-contact-over.jpg) no-repeat; }


#container-top { background: url(../images/bg-cont-top.jpg) no-repeat; float: left; width: 816px; height: 17px; margin-top: 5px; }
#container { background: url(../images/bg-cont.jpg) repeat-y; float: left; width: 816px; }
#content { padding: 0px 22px 0px 22px; }
.divide { float: left; width: 774px; height: 7px; margin: 7px 0px 11px 0px; }

#banner { float: left; width: 774px; padding-top: 6px; border-bottom: solid 2px #606060; }
#banner-home-left { float: left; width: 232px; height: 269px; padding-right: 5px; }
#banner-home-right { float: left; width: 537px; height: 269px; }
#banner-content-left { float: left; width: 232px; height: 120px; padding-right: 5px; }
#banner-content-right { float: left; width: 537px; height: 120px; }


#home-left { float: left; width: 377px; margin-right: 20px; }
#home-right { float: left; width: 375px; }
#home-content { padding: 0px 11px 0px 11px; }
.home-feature { float: left; width: 181px; }
#home-green { padding-right: 13px; }
.home-title { float: left; width: 181px; height: 24px; }
.feature-cont { background: url(../images/box-bg-home.jpg) repeat-y; float: left; position: relative; width: 173px; height: 456px; padding: 3px 0px 0px 5px; }
.feature-text { padding: 12px 12px 11px 9px; }
#feature-bottom { background: url(../images/box-bottom-home.jpg) no-repeat; float: left; width: 181px; height: 13px; }

a#special-greeting { position: absolute; width: 130px; height: 156px; top: 326px; left: -44px; }
*:first-child+html a#special-greeting { top: 346px; }
p#greeting-text { float: right; width: 80px; padding: 12px 0 0 0; }

.learn-more { font-size: .75em; font-weight: 600; vertical-align: middle; }


#content-left { float: left; width: 520px; margin-right: 20px; }
#content-right { float: left; width: 232px; }

#content-right .other-feature { padding-bottom: 10px; } 
.other-feature { float: left; width: 232px; }
.other-title { float: left; width: 232px; height: 24px; }
.other-cont { background: url(../images/box-bg-other.jpg) repeat-y; float: left; width: 227px; padding: 3px 0px 0px 5px; }
.other-text { padding: 12px 19px 11px 14px; }
#other-feature-bottom { background: url(../images/box-bottom-other.jpg) no-repeat; float: left; width: 232px; height: 13px; }
.learn-more { font-size: .75em; font-weight: 600; vertical-align: middle; }

#content ul.subnav { float: left; width: 190px; list-style: none; padding: 0; margin: 0; }
ul.subnav li { float: left; width: 190px; color: #0A5B8C; font-weight: 600; font-style: italic; }
ul.subnav li a { color: #0A5B8C; }
ul.subnav li a:hover { color: #231F20; }

#map { float: left; width: 490px; height: 300px; margin: 10px 0px 0px 0px; border: solid 1px #606060; }

#footer { background: url(../images/bg-footer.jpg) repeat-x; float: left; width: 801px; height: 61px; margin: 0px 7px 0px 8px; border-top: solid 2px #606060; } 
* html #footer { margin: 0px 3px 0px 4px; }
#footer-cont { float: left; width: 800px; margin: 0px 8px 0px 8px; }
* html #footer-cont { margin: 0px 4px 0px 4px; }
#footer-content { padding: 0px 14px 10px 14px; }
#footer-bottom { float: left; width: 816px; height: 15px; }

#footer-left { float: left; width: 717px; padding-top: 9px; }
ul.footer-nav { float: left; width: 500px; list-style: none; margin: 0px 0px 4px 0px; }
ul.footer-nav li { float: left; padding-right: 8px; font-size: .7em; color: #4D4D4D; }
ul.footer-nav li a { color: #4D4D4D; text-decoration: none; }
ul.footer-nav li a:hover { color: #000000; }
#copyright { float: left; width: 500px; font-size: .7em; color: #4D4D4D; }
#copyright a { color: #4D4D4D; text-decoration: none; }
#copyright a:hover { color: #000000; }
#footer-right { float: left; width: 53px; }


/********************************************************************************************************************************/
/* MODERN EARTH BRANDING */
#binarycanary { float: left; width: 300px; padding: 4px 0px 0px 10px; }
#binarycanary a { color: #BABABA; font-size: 10px; }
#modernearth { float: right; width: 95px; height: 26px; padding: 4px 10px 10px 0px; margin: 0px; }