html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

th {background-color: #eee;}

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }
img.border { border: 1px solid #ccc; }
body { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: black; font-size: 75%; }

h1 { font-weight: normal; color: #00285d; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h1 img { margin: 0; }

h2 { font-weight: normal; color: #00285d; font-size: 2em; margin-bottom: 0em; }

h3 { font-weight: normal; color: #00285d; font-size: 1.5em; line-height: 1; margin-bottom: .5em; }

h4 { font-weight: normal; color: #00285d; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-weight: normal; color: #00285d; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-weight: normal; color: #00285d; font-size: 1em; font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { margin: 0 0 1.5em; }
p.no_topmargin { margin-top: -1.0em; }
p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a { text-decoration: underline; color: #224a7f; }
a:visited { color: #224a7f; }
a:focus { color: #224a7f; }
a:hover { color: #557db2; }
a:active { color: #00285d; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }

strong { font-weight: bold; }

em { font-style: italic; }

dfn { font-style: italic; font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul, li ol { margin: 0 1.5em; }
ul li ul  { list-style-type: circle;}

ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }
ul.spaced li { padding-bottom: .7em;}

ul.no_bullets { list-style: none; }
ul.no_top_margin { margin-top: -1em; }

ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }
ol.spaced li { padding-bottom: .9em;}
ol.spaced ul li { padding-bottom: 0em;}

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

table { margin-bottom: 1.4em; width: 100%; border: 1px solid #999; border-collapse: collapse; }
table th { background-color: #eee; }
table th, table td { border:1px solid #999; }

table#facilities {  }
table#facilities td.data,table#facilities td.header { width: 75%; padding-right: 4em;}
table#facilities td.header { text-transform: uppercase; background-color: #eee; }
table#facilities td.data { border-bottom: 1px solid #999; border-top: 1px solid #999; }
table#facilities td.cost { width: 25%; border-bottom: 1px solid #999; border-left: 1px solid #999; border-top: 1px solid #999;}
table#facilities td.nodata { background-color: #eee;}


table#whistler_facilities span.intro { font-weight: bold; text-transform: uppercase; }
table#whistler_facilities td.data,table#facilities td.header { width: 60%; padding-right: 4em;}
table#whistler_facilities td.cost { width: 45%; border-bottom: 1px solid #999; border-left: 1px solid #999; border-top: 1px solid #999;}
table#whistler_facilities td.header { text-transform: uppercase; background-color: #eee; }
table#whistler_facilities td.data { border-bottom: 1px solid #999; border-top: 1px solid #999; }


table.soil_sample {  }
table.soil_sample th { line-height: 1.1em; vertical-align: text-top; background-color: #eee;}
table.soil_sample th, table.soil_sample td { border:1px solid #999;}

table.waste_containers {}
table.waste_containers th { background-color: #eee;}
table.waste_containers th,table.waste_containers td { border:1px solid #999; }

table#paint_containers {}
table#paint_containers th { background-color: #eee; }
table#paint_containers th,table#paint_containers td { border:1px solid #999; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

.quiet { color: #666666; }

.loud { color: #111111; }

h1 { font-size: 2em; font-weight: bold; }


span.price { margin-left: .8em; color: red; }

body { background: #779fd4; font-size: 75%; }

#root { overflow: hidden; display: inline-block; text-align: left; position: relative; width: 960px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0; background: url(images/root_bd.png) repeat-y; }
#root { display: block; }

#header .branding { height: 136px; text-indent: -9999em; overflow: hidden; background-image: url(images/root_hd.png); background-repeat: no-repeat; background-position: 50% 50%; }
#header .branding h1, #header .branding h2 { display: none; }
#header .branding a { display: block; width: 100%; }

#nav { margin: 0; padding: 0; border: 0; overflow: hidden; display: inline-block; position: relative; overflow: visible; z-index: 10; padding: 0 40px; }
#nav { display: block; }
#nav li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
#nav li.first { padding-left: 0px; }
#nav li.last { padding-right: 0px; }
#nav > li { margin-right: 6px; }
#nav a { display: block; width: 120px; height: 75px; text-indent: -9999em; overflow: hidden; background-image: url(images/nav_sprite.png); background-repeat: no-repeat; background-position: 50% 50%; }
#nav li#nav_contact { margin-right: 0; }
#nav li#nav_contact a { width: 124px; }
#nav .menu { z-index: 100; display: block; left: -999em; top: 75px; position: absolute; float: none; background: #E4EFFF; padding: 6px; margin: -10px 0 0; border: 1px solid  #C0D7F4; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); width: auto; }
#nav .menu li { width: 230px; margin: 0; padding: 0; border: 0; float: none; display: block; }
#nav .menu li:last-child a { border-bottom: 0 none; }
#nav li:hover .menu { left: auto; }

#nav_home a { background-position: 0px 0; }
#nav_home a:hover { background-position: 0px -75px; }
#nav_home a:active { background-position: 0px -150px; }
#nav_home.current a, #nav_home.current a:hover { background-position: 0px -225px; }

#nav_commercial a { background-position: -126px 0; }
#nav_commercial a:hover { background-position: -126px -75px; }
#nav_commercial a:active { background-position: -126px -150px; }
#nav_commercial.current a, #nav_commercial.current a:hover { background-position: -126px -225px; }

#nav_residential a { background-position: -252px 0; }
#nav_residential a:hover { background-position: -252px -75px; }
#nav_residential a:active { background-position: -252px -150px; }
#nav_residential.current a, #nav_residential.current a:hover { background-position: -252px -225px; }

#nav_equipment a { background-position: -378px 0; }
#nav_equipment a:hover { background-position: -378px -75px; }
#nav_equipment a:active { background-position: -378px -150px; }
#nav_equipment.current a, #nav_equipment.current a:hover { background-position: -378px -225px; }

#nav_facilities a { background-position: -504px 0; }
#nav_facilities a:hover { background-position: -504px -75px; }
#nav_facilities a:active { background-position: -504px -150px; }
#nav_facilities.current a, #nav_facilities.current a:hover { background-position: -504px -225px; }

#nav_green a { background-position: -630px 0; }
#nav_green a:hover { background-position: -630px -75px; }
#nav_green a:active { background-position: -630px -150px; }
#nav_green.current a, #nav_green.current a:hover { background-position: -630px -225px; }

#nav_contact a { background-position: -756px 0; }
#nav_contact a:hover { background-position: -756px -75px; }
#nav_contact a:active { background-position: -756px -150px; }
#nav_contact.current a, #nav_contact.current a:hover { background-position: -756px -225px; }

#main { clear: both; overflow: hidden; display: inline-block; padding: 40px 40px 120px; background: url(images/main_ft.png) 50% 100% no-repeat; }
#main { display: block; }

#footer { width: 960px; height: 48px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; background: url(images/root_ft.png) 50% 50% no-repeat; }

#sidebar { display: inline; float: left; width: 200px; margin-right: 46px; }
#sidebar h3 { margin: 0; font-size: 1.2em; font-weight: bold; }
#sidebar .section { padding-top: 30px; margin: 20px 0; background: url(images/sidebar_section.png) 0 0 no-repeat; }
#sidebar .menu { margin: 0 0 20px; border-top: 1px solid #C0D7F4; }
#sidebar .menu li { list-style-type: none; margin-left: 0px; }
#sidebar .menu .current { background: #ccf4ff; font-weight: bold; }
#sidebar .vcard .fn, #sidebar .vcard .type { display: none; }

#nav .menu a, #sidebar .menu a { text-decoration: none; display: block; border-bottom: 1px solid #C0D7F4; background: transparent; height: auto; width: auto; text-indent: 0; margin: 0; padding: 0.375em 1em; }

#nav .menu a:hover, #sidebar .menu a:hover { background: #CBE2FF; color: #00285d; }

#content { display: inline; float: left; border-left: 1px dashed #a8cee2; width: 554px; padding-left: 39px; padding-right: 40px; }
.toilet_model { clear: both; margin-bottom: 20px;}
.toilet_model img { float: right; margin-right: 100px; margin-left: 20px; }