body { color: #666; margin: 20px 0 40px; padding: 0; font-size: 12px; font-size: 12px; font-family: Helvetica, sans-serif; line-height: 18px; background-color: #999; text-align: center; behavior:url(css/csshover.htc); } table { margin: 0; padding: 0; } h1 { color: #004b67; font-size: 28px; line-height: 30px; margin: 0 0 20px; padding: 0; } h2 { font-size: 16px; font-weight: bold; margin: 0 0 10px; } h3 { font-size: 18px; font-weight: bold; margin: 30px 0 8px; } h4 { font-size: 18px; font-weight: bold; margin: 25px 0 10px; } p {margin: 0 0 15px; padding: 0;} ul, ol {padding-left: 0; margin-left: 10px;} ul {list-style: none;} a:link, a:visited { color: #004b67; text-decoration: none; } a:hover { color: #7fc9e7; text-decoration: underline; } /* Main Page Container */ #Outerframe { background-color: #fff; width: 900px; margin: 0 auto 0; padding: 0; border: solid 2px #000; } #bodyframe { text-align: left; width: 900px; margin: 0 auto; padding: 0; overflow: hidden; } #banner { background-color: #999; background-image: url(../img/home-banner.jpg); background-repeat: no-repeat; width: 900px; height: 150px; float: left; } /* Misc classes */ #homecopy { color: #fff; font-weight: bold; line-height: 18px; width: 350px; float: left; padding-top: 35px; padding-left: 525px; } #preloadedimages { display: none; } #homebutton { font-size: 12px; text-align: right; width: 100px; float: right; margin-top: 127px; padding-right: 18px; } #homebutton a, #homebutton a:visited { color: #fff; } #homebutton a:hover { color: #bbb; text-decoration: none; } /*Content */ #contentwrapper { background-color: #fff; background-image: url(../img/content-back.jpg); background-repeat: repeat-y; width: 900px; float: left; } #content { background-image: url(../img/home-content-back.jpg); background-repeat: no-repeat; background-position: 0 214px; width: 900px; height: 474px; float: left; } #content2 { background-image: url(../img/content-back.jpg); background-repeat: repeat-y; width: 900px; float: left; } #content3 { background-image: url(../img/part-corner/main-image1.jpg); background-repeat: no-repeat; background-position: right bottom; float: left; } #content4 { background-image: url(../img/part-corner/main-image2.jpg); background-repeat: no-repeat; background-position: right bottom; float: left; } #content5 { background-image: url(../img/part-corner/main-image3.jpg); background-repeat: no-repeat; background-position: right bottom; float: left; } #content6 { background-image: url(../img/part-corner/main-image4.jpg); background-repeat: no-repeat; background-position: right bottom; float: left; } #content7 { background-image: url(../img/part-corner/main-image5.jpg); background-repeat: no-repeat; background-position: right bottom; float: left; } #content8 { background-image: url(../img/part-corner/main-image6.jpg); background-repeat: no-repeat; background-position: right bottom; float: left; } #content9 { background-image: url(../img/part-corner/main-image7.jpg); background-repeat: no-repeat; background-position: right bottom; float: left; } #content10 { background-image: url(../img/part-corner/main-image8.jpg); background-repeat: no-repeat; background-position: right bottom; float: left; } #content11 { background-image: url(../img/part-corner/main-image9.jpg); background-repeat: no-repeat; background-position: right bottom; float: left; } #content12 { background-image: url(../img/part-corner/main-image10.jpg); background-repeat: no-repeat; background-position: right bottom; float: left; } #SurveyContent { color: #004b67; width: 687px; float: left; margin-top: 25px; margin-bottom: 50px; margin-left: 25px; } #SurveyContent img { margin: 0 0 15px; padding: 0; } #SurveyContent table { margin-top: 80px; margin-bottom: 50px; } #SurveyContent th { color: #fff; background-color: #005085; margin-top: 5px; padding-right: 5px; padding-left: 5px; } #SurveyContent td { padding-top: 8px; padding-bottom: 8px; } #DualColumn { width: 175px; float: left; margin-right: 50px; } #DualColumn2 { width: 150px; float: left; } #DualColumn3 { width: 300px; float: left; margin-right: 50px; } #DualColumn4 { width: 300px; float: left; } #MainContent4 { color: #666; width: 650px; float: left; margin-top: 25px; margin-bottom: 80px; margin-left: 25px; } #MainContent4 ul { line-height: 14px; margin: 8px 0 30px 25px; padding: 0; } #MainContent4 li { background-repeat: no-repeat; background-position: left 6px; margin: 0 0 8px; padding: 0; list-style-type: disc; } #MainContent3 { color: #666; width: 400px; float: left; margin-top: 25px; margin-bottom: 80px; margin-left: 25px; } #MainContent3 img { margin-bottom: 10px; } #MainContent2 { color: #666; background-image: url(../img/part-corner/main-image1.jpg); background-repeat: no-repeat; background-position: right bottom; width: 715px; float: left; margin-top: 25px; margin-bottom: 50px; margin-left: 25px; } #MainContent { color: #666; width: 375px; float: left; margin-top: 25px; margin-bottom: 50px; margin-left: 25px; } #MainContent ul { line-height: 14px; margin: 5px 0 20px; padding: 0; } #MainContent li { background-repeat: no-repeat; background-position: left 6px; margin: 0 0 15px; padding: 0; list-style-type: none; } .bottomtablerow { margin-bottom: 35px; } #MainContent img { margin-bottom: 15px; } #InnerRight { background-image: url(../img/image-shad.jpg); background-repeat: no-repeat; background-position: 62px 11px; text-align: center; width: 260px; float: right; padding-top: 10px; padding-left: 50px; } #InnerRight img { background-color: #fff; text-align: center; margin-bottom: 15px; border: solid 2px #fff; } #MainContentRight { background-image: url(../img/image-shad.jpg); background-repeat: no-repeat; background-position: 12px 1px; text-align: center; width: 260px; float: right; margin-top: 35px; padding-right: 33px; } #MainContentRight img { background-color: #fff; margin-bottom: 15px; border: solid 2px #fff; } #MainContentAddress { color: #004b67; line-height: 17px; text-align: right; width: 250px; float: right; margin-top: 25px; padding-right: 35px; } /*Photo Gallery*/ #GalleryContent { color: #004b67; position: relative; top: 25px; left: 25px; width: 400px; float: left; margin-bottom: 30px; } #GalleryContent table { margin-top: 20px; } #GalleryContent table img { background-color: #fff; } #GalleryContent td { padding-right: 33px; padding-bottom: 17px; } #GalleryContentRight { text-align: center; width: 265px; float: left; margin-top: 35px; margin-bottom: 30px; margin-left: 65px; } #GalleryHeader { font-size: 14px; font-weight: bold; width: 100%; float: left; } #GalleryHeader a:hover { color: #7fc9e7; text-decoration: none; } #GalleryHeader img { float: left; margin-bottom: 10px; } #GalleryNav1 { text-align: center; width: 100px; float: left; margin-top: 5px; } #GalleryNav2 { text-align: center; width: 100px; float: left; margin-top: 5px; } #GalleryNav3 { text-align: center; width: 60px; float: left; margin-top: 15px; } #GalleryTeam { background-image: url(../img/image-team-shad.jpg); background-repeat: no-repeat; background-position: 14px 2px; text-align: center; width: 265px; float: left; margin-top: 25px; margin-bottom: 25px; margin-left: 45px; } #GalleryTeam h1 { color: #004b67; font-size: 13px; line-height: 15px; margin: 11px 0 0; } #GalleryTeam p { color: #666; font-size: 12px; line-height: 14px; margin: 8px 0 0; } #GalleryTeam img { border: solid 2px #fff; } .thumbshad { background-image: url(../img/thumb-shad.jpg); background-repeat: no-repeat; background-position: left top; } .currentgallery { color: #7fc9e7; } .currentpageSideNav { color: #689ab5; font-weight: bold; } body#policy a#policy-nav, body#faq a#faq-nav, body#links a#links-nav, body#sitemap a#sitemap-nav { color: #bbb; font-size: 12px; font-weight: bold; } a:link .thumbsbutton { border: solid 2px #fff; } a:visited .thumbsbutton { border: solid 2px #fff; } a:hover .thumbsbutton { border: solid 2px #333; } a:active .thumbsbutton { border: solid 2px #fff; } /* Footer */ #footer { color: #fff; font-size: 12px; font-family: arial; font-weight: bold; background-color: #999; background-image: url(../img/footer.jpg); background-repeat: no-repeat; background-position: 0 top; width: 900px; height: 59px; float: left; margin: 0; padding: 0; } #footer a:link, #footer a:visited {text-decoration: none; color: #fff;} #footer img { position: relative; top: 8px; left: 70px; float: left; } #footer a:link, #footer a:visited { color: #fff; text-decoration: none; } #footer a:hover { color: #82c7e9; text-decoration: underline; } #footer p { line-height: 13px; text-align: center; float: left; margin-top: 12px; padding-left: 120px; } #footer2 { color: #fff; font-size: 12px; font-family: arial; font-weight: bold; background-color: #000; background-position: 0 top; width: 900px; float: left; margin: 0; padding: 0; } #footer2 a:link, #footer2 a:visited {text-decoration: none; color: #fff;} #footer2 a:hover { color: #82c7e9; text-decoration: underline; } #footer2 p { text-align: center; margin: 5px 0; padding: 0; } /* Forms*/ form {margin: 0; padding: 0; border: 0;} .forminput { font-size: 12px; margin: 0 2px 0 1px; padding: 2px 4px; border: solid 1px #666; } .forminput:hover, .forminput:focus { font-size: 12px; background-color: #eee; margin: 0 2px 0 1px; padding: 2px 4px; border: solid 1px #ddd; } input, select { font-size: 12px; font-weight: normal; font-style: normal; font-variant: normal; line-height: normal; padding-left: 5px; } .Formbutton { background-color: #efefef; background-position: 0 0; margin: 0; padding: 1px 4px; border-color: #e1e1e1 #999 #999 #e1e1e1; border-style: solid; border-width: 1px; } .Formbutton:hover, .button:focus { background-color: #fff; border-color: #999 #e1e1e1 #e1e1e1 #999; border-style: solid; border-width: 1px; } #mainnav { } /*TOP NAV*/ #navbar, #navbar ul { font-size: 14px; line-height: 30px; padding: 0; margin: 0; list-style: none; white-space: nowrap; } #navbar { width: 696px; height: 30px; margin: 2px 0 0; padding: 0 0 0 10px; text-align: center; font-weight: bold; float: left; } #navbar li { color: #fff; display: inline; float: left; } #navbar a { margin: 0; text-decoration: none; color: #fff; font-size: 12px; text-decoration: none; overflow: hidden; padding: 0 8px 0 6px; } #navbar a:hover { padding: 0 8px 0 6px; margin: 0; text-decoration: none; color: #bbb; font-size: 12px; text-decoration: none; overflow: hidden; } /*MAIN NAV*/ #nav{ background-attachment: scroll; background-position: 0 0; display: inline; position: relative; top: 13px; width: 537px; clear: left; float: left; height: 47px; margin: 16px 0 0; list-style: none; } #nav ul { font-size: 11px; background-image: url(../img/submenu-back.jpg); background-repeat: repeat-x; top: 47px; left: -10px; width: 540px; height: 55px; z-index: 2; overflow: hidden; } #nav li{ float: left; font-family: arial, Helvetica, Verdana, Tahoma, sans-serif; } #nav li a{ float: left; padding: 7px 19px 12px; text-decoration: none; width: 45px; height: 28px; } #nav li li a{ float: left; width: auto !important; background: transparent !important; padding: 8px; color: #fff; } #nav .current ul ul, #nav li ul{ position: absolute; left: -9999px; z-index: 999; list-style: none; } #nav li li{ color: #bed8f1; float: left; font-size: 11px; font-weight: normal; line-height: 0.75; background-attachment: scroll; background-position: right center; text-indent: 0; } #nav .current ul{ top: 47px; left: -10px; width: 542px; z-index:2; } #nav li:hover ul, #nav li.sfhover ul { top: 47px; left: -10px; width: 542px; z-index: 2; } #nav li:hover li:hover, #nav li.sfhover li.sfhover{ color: #fff; background-color: transparent; background-attachment: scroll; background-position: right center; } #nav li li a:hover{ color: #7fc9e7; text-decoration: none; } #nav .current2 a{ background-image: url(../buttons/about2.jpg); background-repeat: no-repeat; background-position: 0 0; width: 45px; display: block; } #nav .current2 ul ul{ position: absolute; left: -999em; z-index: 999; list-style: none; } #nav .current2 ul{ top: -9999px; left: -10px; z-index:2; } #nav .current3 a{ background-image: url(../buttons/services2.jpg); width: 48px; } #nav .current3 ul ul{ position: absolute; left: -999em; z-index: 999; list-style: none; } #nav li li.current3{ color: #bed8f1; float: left; font-size: 11px; font-weight: normal; line-height: 0.75; background-attachment: scroll; background-position: right center; text-indent: 0; width: auto; } #nav .current3 ul{ top: -9999px; left: -10px; z-index:2; } #nav .current4 a{ background-image: url(../buttons/customer-solutions2.jpg); width: 45px; } #nav .current4 ul ul{ position: absolute; left: -999em; z-index: 999; list-style: none; } #nav li li.current4{ color: #bed8f1; float: left; font-size: 11px; font-weight: normal; line-height: 0.75; background-attachment: scroll; background-position: right center; text-indent: 0; width: auto; } #nav .current4 ul{ top: -9999px; left: -10px; z-index:2; } #nav .current5 a{ background-image: url(../buttons/equipment2.jpg); width: 45px; } #nav .current5 ul ul{ position: absolute; left: -999em; z-index: 999; list-style: none; } #nav li li.current5{ color: #bed8f1; float: left; font-size: 11px; font-weight: normal; line-height: 0.75; background-attachment: scroll; background-position: right center; text-indent: 0; width: auto; } #nav .current5 ul{ top: -9999px; left: -10px; z-index:2; } #nav .current6 a{ background-image: url(../buttons/career2.jpg); width: 45px; } #nav .current6 ul ul{ position: absolute; left: -999em; z-index: 999; list-style: none; } #nav li li.current6{ color: #bed8f1; float: left; font-size: 11px; font-weight: normal; line-height: 0.75; background-attachment: scroll; background-position: right center; text-indent: 0; width: auto; } #nav .current6 ul{ top: -9999px; left: -10px; z-index:2; } #nav .current7 a{ background-image: url(../buttons/contact2.jpg); width: 60px; } #nav .current7 ul ul{ position: absolute; left: -999em; z-index: 999; list-style: none; } #nav li li.current7{ color: #bed8f1; float: left; font-size: 11px; font-weight: normal; line-height: 0.75; background-attachment: scroll; background-position: right center; text-indent: 0; width: auto; } #nav .current7 ul{ top: -9999px; left: -10px; z-index:2; } #nav li#nav_about{ background: url(../buttons/about1.jpg); width: 86px; height: 47px; } #nav li#nav_about:hover{ background: url(../buttons/about2.jpg) no-repeat right top; width: 86px; height: 47px; } #nav li#nav_services{ background: url(../buttons/services1.jpg); width: 86px; height: 47px; } #nav li#nav_services:hover{ background: url(../buttons/services2.jpg) no-repeat right top; width: 86px; height: 47px; } #nav li#nav_customer{ background: url(../buttons/customer-solutions1.jpg); width: 88px; height: 47px; } #nav li#nav_customer:hover{ background: url(../buttons/customer-solutions2.jpg) no-repeat right top; width: 88px; height: 47px; } #nav li#nav_equipment{ background: url(../buttons/equipment1.jpg); width: 86px; height: 47px; } #nav li#nav_equipment:hover{ background: url(../buttons/equipment2.jpg) no-repeat right top; width: 86px; height: 47px; } #nav li#nav_career{ background: url(../buttons/career1.jpg); width: 89px; height: 47px; } #nav li#nav_career:hover{ background: url(../buttons/career2.jpg) no-repeat right top; width: 89px; height: 47px; } #nav li#nav_contact{ background: url(../buttons/contact1.jpg); width: 102px; height: 47px; } #nav li#nav_contact:hover{ background: url(../buttons/contact2.jpg) no-repeat right top; width: 102px; height: 47px; } /*SIDE NAV*/ #sidenav { background-image: url(../img/side-nav-back.jpg); background-repeat: no-repeat; vertical-align: top; width: 155px; height: 440px; float: left; } #sidenav ul { line-height: 14px; margin: 20px 0 20px 15px; padding: 0; } #sidenav li { background-repeat: no-repeat; background-position: left 6px; margin: 0 0 20px; padding: 0; list-style-type: none; } #sidenav a { text-decoration: none; color: #004b67; font-size: 12px; font-weight: bold; text-decoration: none; overflow: hidden; } #sidenav a:hover { text-decoration: none; color: #689ab5; font-size: 12px; font-weight: bold; text-decoration: none; overflow: hidden; }