body {margin: 0; background-color: #70788A; color: #BFC5D0; font-family: arial, sans-serif; font-size: 75%;}
a {color: #093A8D;}
a:visited {color: #70788A}
a:hover, a:active {color: #8A1212}
img {border: 0;}

.clear {clear: both;}

#bodyhome #outerwrapper {width: 100%; height: 100%; border-collapse: collapse; border-spacing: 0; margin: 0;}
#bodyhome #outerwrapper td {width: 100%; height: 100%; padding: 0; vertical-align: middle;}

#outerwrapper {width: 748px; margin: 10px auto; position: relative;}

#wrapper {width: 748px; background-color: #BFC5D0; border: 6px solid #fff; color: #393B3E; margin: 0 auto;}

#headwrapper {width: 748px; background-color: #BFC5D0; border: 6px solid #fff; color: #393B3E; margin: 0 auto;}

#header {width: 748px; margin: -6px -6px 0; padding: 6px 6px 0; border-bottom: 3px solid #fff; background: url(../img/border-top.gif) no-repeat; position: relative;}
#header #logo {display: inline; margin: 11px 14px;}
#header #login {position: relative; top: -70px; left: 397px}
#header #nav {position: absolute; bottom: 0; right: 6px; padding: 0}
#header #nav ul {background: url(../img/nav-corner.gif) no-repeat; color: #fff; margin:0; padding: 0 0 0 13px; list-style: none; overflow: auto; width: 432px; position: relative;}
#header #nav ul li {margin: 0; padding: 0; list-style: none; display: inline;}
#header #nav ul li a {color: #fff; text-decoration: none; display: block; float: left; height: 22px; text-align: center; text-indent: -4000px; background: url(../img/nav.gif) no-repeat; position: relative; margin: 3px 0 0; padding: 0}
#header #nav ul li a:hover {color: #BFC5D0;}
#header #nav ul #navhome a {width: 71px; background-position: 0 -22px;}
#header #nav ul #navservices a {width: 157px; background-position: -71px -22px;}
#header #nav ul #navabout a {width: 94px; background-position: -228px -22px;}
#header #nav ul #navcontact a {width: 109px; background-position: -322px -22px;}

#header #nav ul #navhome a:hover, #bodyhome #header #nav ul #navhome a {width: 71px; background-position: 0 0;}
#header #nav ul #navservices a:hover, #bodyservices #header #nav ul #navservices a {background-position: -71px 0;}
#header #nav ul #navabout a:hover, #bodyabout #header #nav ul #navabout a {background-position: -228px 0;}
#header #nav ul #navcontact a:hover, #bodycontact #header #nav ul #navcontact a {background-position: -322px 0;}

#bodyhome {line-height: 1.3}
#bodyhome h2 {color: #555C6E;}
#bodyhome h2 a {color: #555C6E;}

#bodyhome #main {background: #044184 url(../img/h-photo.jpg) left bottom no-repeat; border-bottom: 3px solid #fff; height: 100%; overflow: auto;}
#bodyhome #main #tour {border-bottom: 2px solid #fff; width: 451px; height: 25px; float: left;}
html>body#bodyhome #main #tour {width: 452px;}
#bodyhome #main #tour a {background: #70788A url(../img/tour.gif) top right no-repeat; display: block; width: 100%; height: 25px; text-indent: -4000px;}
html>body#bodyhome #main #tour a {margin-top: -12px}
#bodyhome #main #tour a:hover {background-color: #979EAD; background-position: right -25px;}

#bodyhome #services {width: 294px; float: right; border-left: 2px solid  #fff; background-color: #fff;}
#bodyhome #services div {padding: 15px 15px 15px 79px; margin-bottom: 2px; border: 1px solid #E3E7EE}
#bodyhome #services h2 {font-size: 120%; margin: 0; width: 199px; height: 17px; text-indent: -4000px}
#bodyhome #services p {margin: 0;}

#bodyhome #services #forming {background: #F2F3F6 url(../img/h-icon-forming.gif) 0 50% no-repeat;}
#bodyhome #services #formingon {background: #fff url(../img/h-icon-forming.gif) -294px 50% no-repeat; cursor: pointer}
#bodyhome #services #forming h2, #bodyhome #services #formingon h2 {background: url(../img/h-hd-forming.gif) no-repeat;}

#bodyhome #services #tableting {background: #F2F3F6 url(../img/h-icon-tableting.gif) 0 50% no-repeat;}
#bodyhome #services #tabletingon {background: #fff url(../img/h-icon-tableting.gif) -294px 50% no-repeat; cursor: pointer}
#bodyhome #services #tableting h2, #bodyhome #services #tabletingon h2 {background: url(../img/h-hd-tableting.gif) no-repeat;}

#bodyhome #services #packaging {background: #F2F3F6 url(../img/h-icon-packaging.gif) 0 50% no-repeat; margin-bottom: 0}
#bodyhome #services #packagingon {background: #fff url(../img/h-icon-packaging.gif) -294px 50% no-repeat; cursor: pointer; margin-bottom: 0;}
#bodyhome #services #packaging h2, #bodyhome #services #packagingon h2 {background: url(../img/h-hd-packaging.gif) no-repeat;}

#bodyhome #services #formingon a, #bodyhome #services #tabletingon a, #bodyhome #services #packagingon a {color: #333F5D}

#bodyhome #secondary {background-color: #fff; height: 100%; overflow: auto;}

#bodyhome #intro {background: #bfc5d0 url(../img/h-intro-bg.gif) 140% 50% no-repeat; padding: 24px 30px 2.5em; float: left; width: 391px}
html>body#bodyhome #intro {padding-bottom: 2.6em; width: 392px}
#bodyhome #intro h1 {font-size: 110%; margin: 0 0 2px; width: 341px; height: 16px; background: url(../img/h-hd-intro.gif) no-repeat; text-indent: -4000px;}
#bodyhome #intro p {margin: 0;}

#bodyhome #safety {width: 263px; border-bottom-width: 0; background: #BFC5D0 url(../img/h-safety-bg.gif) 140% 50% no-repeat; padding: 24px 16px 4em; float: right;}
html>body#bodyhome #safety {width: 262px}
#bodyhome #safety h2 {font-size: 120%; margin: 0; width: 199px; height: 17px; text-indent: -4000px; font-size: 110%; background: url(../img/h-hd-safety.gif) no-repeat;}
#bodyhome #safety p {margin: 0;}

#graphicband {height: 126px; background: url(../img/s-photo.jpg) no-repeat; position: relative;}
#graphicband #tour p {margin: 0;}
#graphicband #tour a {display: block; text-indent: -4000px; background: url(../img/bt-tour.gif) no-repeat; width: 226px; height: 26px;}
#graphicband #tour a:hover {background-position: 0 -26px}
#graphicband #services {position: absolute; top: 0; right: 0; width: 226px;}
#graphicband #services ul {padding: 0; margin: 0; list-style: none; float: right;}
#graphicband #services ul li {padding: 0; margin: 0; list-style: none;}
#graphicband #services ul li a {display: block; width: 226px; height: 42px; background: #DEE4EB url(../img/s-services.gif) no-repeat; color: #555C6E; text-decoration: none; text-indent: -4000px;}
#graphicband .bot {background: url(../img/s-head-bot.gif) no-repeat; width: 760px; height: 16px; position: absolute; bottom: -6px; left: -6px;}

#graphicband #services ul #servforming a {background-position: 0 0}
#graphicband #services ul #servtableting a {background-position: 0 -42px}
#graphicband #services ul #servpackaging a {background-position: 0 -84px}

#graphicband #services ul #servforming a:hover {background-position: -226px 0}
#graphicband #services ul #servtableting a:hover {background-position: -226px -42px}
#graphicband #services ul #servpackaging a:hover {background-position: -226px -84px}

#content {width: 478px; margin-left: 192px; background: #fff url(../img/s-content-bot.gif) bottom left no-repeat; padding: 20px 60px 20px 30px; color: #444; line-height: 1.4; min-height: 224px;}
#content h1, #content h2, #content h3, #content b {color: #555C6E;}
#content h1 {margin: 0 0 4px; width: 282px; height: 22px; background-color: #fff; font-size: 160%; text-indent: -4000px; background-repeat: no-repeat;}
#content h2 {margin: 16px 0 4px; font-size: 140%;}
#content h3 {margin: 16px 0 4px; font-size: 100%;}
#content p {margin: 0 0 8px}
#content ul, #content ul li {margin: 0; padding: 0; list-style: none;}
#content ul li {margin: 0 0 3px 8px; padding-left: 12px; background: url(../img/li.gif) 0 5px no-repeat}

#content form {margin: 0 -20px 0 0; clear: both;}
#content form .req {font-weight: bold; color: #555c6e}
#content form fieldset {border: 1px solid #DEE4EB; margin: 0 0 8px; padding: 8px 0 8px 8px}
#content form fieldset legend {font-weight: bold; color: #555c6e; padding: 8px}
#content form fieldset label {display: block;}
#content form fieldset div {margin: 0 6px 4px 0}
#content form fieldset .radioset label {display: inline;}
#content form fieldset textarea {width: 90%; height: 10em;}
#content form fieldset .column {width: 47%; float: left;}
#content form fieldset .borderl {border-left: 1px solid #dee4eb; padding-left: 7px; margin-left: 0}
#content form fieldset .column div {float: left;}

#bodycontact #content table {border-collapse: collapse; border-spacing: 0;}
#bodycontact #content table td {padding: 0 8px 12px 0; vertical-align: top; width: 50%; border-bottom: 1px solid #fff;}
#bodycontact #content table th {text-align: left; padding: 0; font-size: 100%; color: #555c6e}

#content #photocontainer {width: 226px; float: right; position: relative; margin: -20px -27px 16px 12px; background:  url("../img/ph/default.gif") no-repeat;}
html>body #content #photocontainer {margin-right: -54px; margin-left: 24px}
#content #photocontainer #photo {display: block; margin-bottom: 2px}
#content #photocontainer #photocaption {font-weight: bold; color: #555c6e; font-size: 100%; margin: 0 16px; line-height: normal;}
#content #photocontainer #photocaption .smaller {color: #7f7f7f; font-size: 86%; white-space: nowrap;}

#photos {border-collapse: collapse; border-spacing: 0; margin: 0 -34px 0 -14px;}
#photos td {padding: 8px 14px; vertical-align: top; text-align: center; font-size: 90%;}
#photos td img {border: 0; display: block; margin: 0 0 2px;}

#subnav {position: absolute; top: 219px; z-index: 100; left: 12px; width: 177px; font-size: 90%; background-color: #fff; padding-left: 3px}
html>body #subnav {top: 225px}
#subnav h4 {height: 32px; margin: 0; background: #70788A; color: #fff;}
#subnav h4 a {display: block; text-indent: -4000px; height: 100%; width: 100%;}
#bodyabout #subnav h4 a {background:#70788A url(../img/snav-hd-about.gif) 0 3px no-repeat;}
#bodyservices #subnav h4 a {background:#70788A url(../img/snav-hd-services.gif) 0 3px no-repeat;}
#bodycontact #subnav h4 {background:#70788A url(../img/snav-hd-contact.gif) 0 3px no-repeat;}
#bodytour #subnav {display: none;}
#subnav ul, #subnav ul li {margin: 0; padding: 0; list-style: none;}
#subnav ul {margin: 0 0 0 -3px; padding: 0 0 0 3px;}
#subnav ul li a {display: block; border-top: 1px solid #f0f3f6; border-right: 1px solid #BFC5D0; padding: 6px 6px 6px 14px; text-decoration: none; color: #093A8D; background-color: #DEE4EB}

#subnav ul li.last a {background: #DEE4EB url(../img/snav-bot.gif) bottom left no-repeat; padding-bottom: 9px; position: relative; margin-left: -3px; padding-left: 17px}
#subnav ul li a:hover {background-color: #EDF0F4;}
#subnav ul li a.there, #subnav ul li a.there:hover {background-color: #fff; border-right-color: #fff;}

#copyright {text-align: center; font-size: 90%; width: 568px; margin: 4px 0 0 192px;}
#bodyhome #copyright {width: 760px; margin: -15px auto 0; padding-top: 20px; position: relative; background: url(../img/border-bot.gif) no-repeat;}
#copyright a {color: #bfc5d0;}

.highlight {background-color: #FFFBC1}

