/************************************************************************************************************************/
/* 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-family:inherit; 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; }
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; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
h1 { font-size: 24px; padding-bottom: 6px; font-style: italic; color: #072C49; font-weight: normal; }
h2 { font-size: 21px; padding-bottom: 6px; font-style: italic; color: #072C49; font-weight: normal; }
h3 { font-size: 18px; padding-bottom: 6px; font-style: italic; color: #072C49; font-weight: normal; }
h4 { font-size: 16px; padding-bottom: 6px; font-style: italic; color: #072C49; font-weight: normal; }
h5 { font-size: 14px; padding-bottom: 6px; font-style: italic; color: #072C49; font-weight: normal; }
h6 { font-size: 12px; padding-bottom: 6px; font-style: italic; color: #072C49; font-weight: normal; }
p { padding-bottom: 8px; color: #474747; line-height: 16px; }
a { color: #D71F24; text-decoration: underline; }
a:hover { text-decoration: none; }
.bold { font-weight: bold; }

ul { padding: 10px 30px 10px 20px; color: #474747; }
ul li { padding: 0px 0px 6px 0px; }

ul.three-col { float: left; width: 740px; clear: both; list-style: none; padding: 15px 0px 20px 0px; }
ul.three-col li { float: left; width: 206px; padding: 0px 20px 0px 20px; font-style: italic; }

#wrapper { margin: 0 auto; width: 825px; }
#header { float: left; width: 804px; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 12px; border-bottom: solid 6px #D71F24; }
* html #header { margin-left: 6px; }
#logo { float: left; width: 224px; padding-left: 10px; }
#nav { background: url(../images/bg-nav.jpg) no-repeat; float: left; width: 520px; height: 49px; margin: 39px 0px 0px 40px; }
* html #nav { margin-left: 20px; }
#nav ul { float: left; width: 510px; list-style: none; padding: 11px 0px 0px 7px; }
#nav ul li { float: left; height: 33px; margin-left: 13px; padding: 0px; }
#nav ul li a { float: left; height: 33px; }

#nav ul li#home { background: url(../images/nav-home.jpg) no-repeat; width: 43px; }
* html #nav ul li#home { margin-left: 6px; }
#nav ul li#services { background: url(../images/nav-services.jpg) no-repeat; width: 66px; }
#nav ul li#geothermal { background: url(../images/nav-geothermal.jpg) no-repeat; width: 90px; }
#nav ul li#about-us { background: url(../images/nav-about-us.jpg) no-repeat; width: 69px; }
#nav ul li#contact { background: url(../images/nav-contact.jpg) no-repeat; width: 61px; }
#nav ul li#news-tips { background: url(../images/nav-news-tips.jpg) no-repeat; width: 88px; }

#nav ul li#home a { background: url(../images/nav-home.jpg) no-repeat; width: 43px; }
#nav ul li#services a { background: url(../images/nav-services.jpg) no-repeat; width: 66px; }
#nav ul li#geothermal a { background: url(../images/nav-geothermal.jpg) no-repeat; width: 90px; }
#nav ul li#about-us a { background: url(../images/nav-about-us.jpg) no-repeat; width: 69px; }
#nav ul li#contact a { background: url(../images/nav-contact.jpg) no-repeat; width: 61px; }
#nav ul li#news-tips a { background: url(../images/nav-news-tips.jpg) no-repeat; width: 88px; }

#nav ul li#home a:hover { background: url(../images/nav-home-over.jpg) no-repeat; }
#nav ul li#services a:hover { background: url(../images/nav-services-over.jpg) no-repeat; }
#nav ul li#geothermal a:hover { background: url(../images/nav-geothermal-over.jpg) no-repeat; }
#nav ul li#about-us a:hover { background: url(../images/nav-about-us-over.jpg) no-repeat; }
#nav ul li#contact a:hover { background: url(../images/nav-contact-over.jpg) no-repeat; }
#nav ul li#news-tips a:hover { background: url(../images/nav-news-tips-over.jpg) no-repeat; }

#nav ul li#home a.highlight { background: url(../images/nav-home-over.jpg) no-repeat; }
#nav ul li#services a.highlight { background: url(../images/nav-services-over.jpg) no-repeat; }
#nav ul li#geothermal a.highlight { background: url(../images/nav-geothermal-over.jpg) no-repeat; }
#nav ul li#about-us a.highlight { background: url(../images/nav-about-us-over.jpg) no-repeat; }
#nav ul li#contact a.highlight { background: url(../images/nav-contact-over.jpg) no-repeat; }
#nav ul li#news-tips a.highlight { background: url(../images/nav-news-tips-over.jpg) no-repeat; }

#content { background: url(../images/bg.jpg) repeat-y; float: left; width: 825px; padding-bottom: 22px; }
#content-grad { background: url(../images/bg-grad.jpg) no-repeat 14px 0px; float: left; width: 815px; }
#container { float: left; width: 781px; padding: 0px 22px 0px 22px; }

#banner { float: left; width: 781px; margin: 15px 0px 0px 0px; }
#banner-left { float: left; width: 305px; }
#banner-right { float: left; width: 476px; }

#left-side { float: left; width: 210px; padding: 12px 40px 0px 10px; }
#logo-display-top { background: url(../images/logo-display-top.jpg) no-repeat; float: left; width: 181px; height: 6px; }
#logo-display { background: url(../images/logo-display-bg.jpg) repeat-y; float: left; width: 181px; margin-left: 40px; }
#logo-display-bottom { background: url(../images/logo-display-bottom.jpg) no-repeat; float: left; width: 181px; height: 6px; }
.side-logos { float: left; width: 190px; height: 100px; padding: 12px 0px 5px 15px; }

#right-side { float: left; width: 500px; padding-top: 12px; }
#map { float: left; width: 500px; height: 300px; }

#content-cont { float: left; width: 740px; padding-top: 12px; padding-left: 20px; }
#content-text { float: left; width: 740px; }

#footer { background: url(../images/footer.jpg) no-repeat; float: left; width: 802px; height: 74px; margin-left: 14px; }
* html #footer { margin-left: 7px; }
#copyright { color: #ffffff; font-style: italic; padding: 4px 0px 0px 7px; }
ul#footer-nav { float: left; width: 750px; list-style: none; padding-left: 5px; }
ul#footer-nav li { color: #ffffff; font-size: 12px; float: left; padding: 7px 3px 0px 3px; font-style: italic; }
ul#footer-nav li a { color: #ffffff; text-decoration: none; }
ul#footer-nav li a:hover { color: #FDE31B; }

#modern-logo { float: right; clear: both; margin: 10px 10px 0px 0; }
p.binary a { font-size: 10px; color: #CCCCCC; float: right; clear: both; margin: 0px 10px 10px 0; }
p.binary a:hover { color: #E5E5E5; }