/* CSS Document */
body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, img, form { padding: 0; border: 0; margin: 0; }
body { background: #41564A; font-family: Arial, Helvetica, sans-serif; }
a { outline: none; }

h1 { font-size: 22px; font-weight: normal; color: #41564A; padding-bottom: 9px; }
h2 { font-size: 16px; font-weight: normal; color: #41564A; padding-bottom: 9px; padding-top: 4px; }
h3 { font-size: 18px; font-weight: normal; color: #41564A; padding-bottom: 9px; padding-top: 4px; }
h4 { font-size: 14px; font-weight: normal; color: #41564A; padding-bottom: 9px; padding-top: 4px; }
h5 {  }
h6 {  }
p { font-size: 12px; color: #444444; padding-bottom: 7px; }
.bold { font-weight: bold; }
a { font-size: 12px; text-decoration: none; color: #677F72; }
a:hover { color: #41564A; text-decoration: underline; }
#text ul { list-style: none; padding-left: 15px; font-size: 12px; color: #006E7F; padding-bottom: 5px; }
#text ul li { padding-bottom: 6px; }
h2 a { font-size: 15px; }

/* CENTERS THE PAGE */
#container { width: 100%; height: 100%; float: left; background: #768C80 url(../images/bg-grad.jpg) repeat-x bottom; }
#wrapper { margin: 0 auto; width: 802px; padding-bottom: 30px; }
#logo { float: left; width: 802px; }
#inner-wrap-top { background: url(../images/bg-top.jpg) no-repeat top; float: left; width: 802px; }
#inner-wrap { background: url(../images/bg-main.jpg) repeat-y top; float: left; width: 802px; }
#inner-wrap-bottom { background: url(../images/bg-bottom.jpg) no-repeat bottom; float: left; width: 802px; }
#padding-wrap { padding: 22px 26px 26px 27px;}

ul#nav { float: left; list-style: none; width: 747px; padding: 0px; }
ul#nav li { float: left; height: 61px; }
ul#nav li a { float: left; height: 61px; }
ul#nav li.about { background: url(../images/nav-about.jpg) no-repeat; float: left; width: 116px; }
ul#nav li.about a { background: url(../images/nav-about.jpg) no-repeat; float: left; width: 116px; }
ul#nav li.about a:hover { background: url(../images/nav-about-over.jpg) no-repeat; float: left; width: 116px; }
ul#nav li.services { background: url(../images/nav-services.jpg) no-repeat; float: left; width: 104px; }
ul#nav li.services a { background: url(../images/nav-services.jpg) no-repeat; float: left; width: 104px; }
ul#nav li.services a:hover { background: url(../images/nav-services-over.jpg) no-repeat; float: left; width: 104px; }
ul#nav li.projects { background: url(../images/nav-projects.jpg) no-repeat; float: left; width: 170px; }
ul#nav li.projects a { background: url(../images/nav-projects.jpg) no-repeat; float: left; width: 170px; }
ul#nav li.projects a:hover { background: url(../images/nav-projects-over.jpg) no-repeat; float: left; width: 170px; }
ul#nav li.contact { background: url(../images/nav-contact.jpg) no-repeat; float: left; width: 105px; }
ul#nav li.contact a { background: url(../images/nav-contact.jpg) no-repeat; float: left; width: 105px; }
ul#nav li.contact a:hover { background: url(../images/nav-contact-over.jpg) no-repeat; float: left; width: 105px; }
ul#nav li.news { background: url(../images/nav-news.jpg) no-repeat; float: left; width: 138px; }
ul#nav li.news a { background: url(../images/nav-news.jpg) no-repeat; float: left; width: 138px; }
ul#nav li.news a:hover { background: url(../images/nav-news-over.jpg) no-repeat; float: left; width: 138px; }
ul#nav li.careers { background: url(../images/nav-careers.jpg) no-repeat; float: left; width: 114px; }
ul#nav li.careers a { background: url(../images/nav-careers.jpg) no-repeat; float: left; width: 114px; }
ul#nav li.careers a:hover { background: url(../images/nav-careers-over.jpg) no-repeat; float: left; width: 114px; }

#top-border { background: url(../images/top-border.jpg) no-repeat; float: left; width: 747px; height: 24px; }

#left-display { float: left; width: 254px; }
#left-display-content { float: left; padding: 40px 25px 45px 25px; }
* html #left-display-content { padding: 40px 0px 45px 25px;  }
#right-display { float: left; width: 493px; height: 73px; }
#right-display-content { margin: 0 auto; width: 285px; }
#right-display-content img { border: solid 1px #ffffff; margin: 10px; padding: 10px; float: left; }

#home { background: url(../images/bg-home.jpg) repeat-y; float: left; width: 747px; height: 380px; }
*:first-child+html #home { height: 365px; }
* html #home { height: 375px; }
#home #right-display { background: url(../images/four-home.jpg) no-repeat; }
#home #header { background: url(../images/banner-home.jpg) no-repeat; float: left; width: 747px; height: 83px; }

#industrial { background: url(../images/bg-industrial.jpg) repeat-y; float: left; width: 747px; height: 363px; }
*:first-child+html #industrial { height: 360px; }
* html #industrial { height: 350px; }
#industrial #right-display { background: url(../images/four-industrial.jpg) no-repeat 0px 4px; }
#industrial #header { background: url(../images/banner-industrial.jpg) no-repeat; float: left; width: 747px; height: 83px; }

#water { background: url(../images/bg-water.jpg) repeat-y; float: left; width: 747px; height: 363px; }
*:first-child+html #water { height: 360px; }
* html #water { height: 350px; }
#water #right-display { background: url(../images/four-water.jpg) no-repeat 0px 4px; }
#water #header { background: url(../images/banner-water.jpg) no-repeat; float: left; width: 747px; height: 83px; }

#hydroelectric { background: url(../images/bg-hydroelectric.jpg) repeat-y; float: left; width: 747px; height: 363px; }
*:first-child+html #hydroelectric { height: 365px; }
* html #hydroelectric { height: 350px; }
#hydroelectric #right-display { background: url(../images/four-hydroelectric.jpg) no-repeat 0px 4px; }
#hydroelectric #header { background: url(../images/banner-hydroelectric.jpg) no-repeat; float: left; width: 747px; height: 83px; }

#environmental { background: url(../images/bg-environment.jpg) repeat-y; float: left; width: 747px; height: 363px; }
*:first-child+html #environmental { height: 360px; }
* html #environmental { height: 350px; }
#environmental #right-display { background: url(../images/four-environment.jpg) no-repeat 0px 4px; }
#environmental #header { background: url(../images/banner-environment.jpg) no-repeat; float: left; width: 747px; height: 83px; }

#commercial { background: url(../images/bg-commercial.jpg) repeat-y; float: left; width: 747px; height: 363px; }
#commercial #right-display { background: url(../images/four-commercial.jpg) no-repeat 0px 4px; }
#commercial #header { background: url(../images/banner-commercial.jpg) no-repeat; float: left; width: 747px; height: 83px; }

#municipal { background: url(../images/bg-municipal.jpg) repeat-y; float: left; width: 747px; height: 363px; }
*:first-child+html #municipal { height: 360px; }
* html #municipal { height: 350px; }
#municipal #right-display { background: url(../images/four-municipal.jpg) no-repeat 0px 4px; }
#municipal #header { background: url(../images/banner-municipal.jpg) no-repeat; float: left; width: 747px; height: 83px; }

#geotechnical { background: url(../images/bg-geotechnical.jpg) repeat-y; float: left; width: 747px; height: 383px; }
*:first-child+html #geotechnical { height: 383px; }
* html #geotechnical { height: 383px; }
#geotechnical #left-display-content { padding: 10px 0px 0px 25px; }
#geotechnical #right-display { background: url(../images/four-geotechnical.jpg) no-repeat 0px 4px; }
#geotechnical #header { background: url(../images/banner-geotechnical.jpg) no-repeat; float: left; width: 747px; height: 83px; }

#steel { background: url(../images/bg-steel.jpg) repeat-y; float: left; width: 747px; height: 363px; }
*:first-child+html #home { height: 340px; }
* html #home { height: 350px; }
#steel #right-display { background: url(../images/four-steel.jpg) no-repeat 0px 4px; }
#steel #header { background: url(../images/banner-steel.jpg) no-repeat; float: left; width: 747px; height: 83px; }

#content { background: url(../images/content-line.jpg) repeat-y; float: left; width: 747px; margin: 15px 0px 15px 0px; }
#content-no-line { background: url(../images/content-no-line.jpg) repeat-y; float: left; width: 747px; margin: 15px 0px 15px 0px; }
#text { float: left; width: 707px; padding: 20px; }
.text-left { float: left; width: 333px; padding: 0px 20px 0px 0px; }
.text-right { float: left; width: 333px; padding: 0px 0px 0px 20px; }

.thumb { float: left; width: 50px; height: 100%; padding-top: 3px; }
.thumb-text { float: left; width: 655px; }

#footer-border { background: url(../images/footer-border.jpg) no-repeat; float: left; width: 747px; height: 27px; }

#footer { background: url(../images/footer.jpg) no-repeat 0px 25px; float: left; width: 747px; height: 186px; margin-bottom: 25px; }
*:first-child+html #footer { padding-bottom: 25px; }
ul.foot-nav { float: left; width: 209px; padding: 12px 20px 10px 20px; list-style: none; }
ul.foot-nav#foot-nav-right { padding-left: 30px; width: 199px; }
ul.foot-nav li { font-size: 10px; font-weight: bold; color: #919191; padding-bottom: 2px; }
*:first-child+html ul.foot-nav li { line-height: 13px; }
* html ul.foot-nav li { line-height: 13px; }
ul.foot-nav li.title { font-size: 13px; font-weight: bold; }
ul.foot-nav li a { color: #919191; text-decoration: underline; font-size: 10px; }
ul.foot-nav li a:hover { color: #A3A3A3; text-decoration: none; }