* { margin: 0; padding: 0; font-family: inherit; font-size: 100%; font-style: normal; }
ol, ul, li { list-style: none; }
a img { border: none; }

.hideme { position: absolute; margin-left: -9999px; }

.hideme:focus { margin-left: 0; z-index: 99; border: 2px solid white; padding:2px; background: #000033; color: white; }

body {
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 65%;
  background: white;
  color: black;
  background: white url(../img/page-bg.gif) repeat-y 50% 0;
}

body a         { color: #00386B; text-decoration: underline; }
body a:visited { color: #0071A4; }
body a:focus   { color: #A21919; }
body a:hover   { color: #A21919; }
body a:active  { color: #A21919; text-decoration: none; }

input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; }

#wrapper {
  text-align: left;
  width: 880px;
  padding: 0 16px;
  margin: 0 auto;
}

#header {
  background: #000033 url(../img/title.gif) no-repeat 0 0;
  color: white;
  padding: 193px 0px 0px 0px;
  margin: 0 5px;
}

#header ul {
  position: relative;
  background: url(../img/top-menu.gif) no-repeat 0 -36px;
  height: 36px;
}

#header li {
  display: block;
  position: absolute;
  /*overflow: hidden;*/
  border: none;
}

#header li a, #header li b {
  display: block;
  position: absolute;
  left: 0; top: 0; width: 100%; height: 100%;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/top-menu.gif) no-repeat 0 0;
  border: none;
}

#header li.products            { left: 0; top: 0; width: 237px; height: 36px; }
#header li.products a          { background-position: 0px   0px; width: 237px; height: 36px; }
#header li.products b          { background-position: 0px   0px; width: 237px; height: 36px; }
#header li.products a:hover    { background-position: 0px -36px; }

#header li.about-us            { left: 239px; top: 0px; width: 157px; height: 36px; }
#header li.about-us a          { background-position: -239px   0px; width: 157px; height: 36px; }
#header li.about-us a:hover    { background-position: -239px -36px; }

#header li.service             { left: 396px; top: 0px; width: 157px; height: 36px; }
#header li.service  a          { background-position: -396px   0px; width: 157px; height: 36px; }
#header li.service  a:hover    { background-position: -396px -36px; }

#header li.contact-us          { left: 555px; top: 0px; width: 157px; height: 36px; }
#header li.contact-us  a       { background-position: -555px   0px; width: 157px; height: 36px; }
#header li.contact-us  a:hover { background-position: -555px -36px; }

#header li.home                { left: 713px; top: 0px; width: 157px; height: 36px; }
#header li.home        a       { background-position: -713px   0px; width: 157px; height: 36px; }
#header li.home        a:hover { background-position: -713px -36px; }

#about-us #header li.about-us,
#service #header li.service,
#contact-us #header li.contact-us,
#home #header li.home {
  visibility: hidden;
}

ul#products-dropdown {
  position: absolute;
  z-index: 99;
  visibility: visible;
  left: -2px; top: 100%;
  width: 237px;
  height: auto;
  background: #003;
  border: 2px solid white;
  font-size: 120%;
}

ul#products-dropdown li {
  display: block;
  position: static;
  background: yellow;
  color: black;
}

ul#products-dropdown li a, ul#products-dropdown li b {
  display: block;
  position: static;
  background: black;
  color: white;
  padding: 5px 5px 5px 15px;
  background: #003;
  text-decoration: none;
  font-weight: bold;
}

ul#products-dropdown li b { cursor: default; }

ul#products-dropdown li a:hover {
  background: #C82424;
}

ul#products-dropdown li li a {
  background: #336;
  padding-left: 35px;
}

ul#products-dropdown li li a:hover {
  background: #C82424;
}

#content {
  color: #666666;
  padding: 16px;
}

#footer {
  border-top: 3px solid #000033;
  padding: 16px;
  text-align: center;
  color: #003300;
}

#footer ul {
  display: block;
  text-align: center;
  padding-bottom: 15px;
}

#footer li {
  display: inline;
  padding: 5px;
}

#content p {
  line-height: 200%;
  margin-bottom: 20px;
}

#content p.address {
  line-height: 150%;
}

h1 {
  font-size: 170%;
  color: #003;
  margin-bottom: 20px;
}

h2 {
  color: red;
  padding-bottom: 15px;
  font-size: 150%;
}

h3 {
  font-size: 100%;
  color: #003;
  font-weight: bold;
}

div.hr {
  background: #E5E5E5;
  height: 1px;
  border-top: 10px solid white;
  border-bottom: 10px solid white;
}

div.hr hr { display: none; }

.image-on-right {
  clear: both;
  padding-right: 320px;
  position: relative;
}

.image-on-right .image-holder {
  position: absolute;
  top: 0; right: 0; width: 320px;
  text-align: right;
  margin-right: -10px;
}

.image-on-left {
  clear: both;
  padding-left: 320px;
  position: relative;
}

.image-on-left .image-holder {
  position: absolute;
  z-index: 1;
  top: 0; left: 0; width: 320px;
  text-align: center;
}

blockquote {
  font-weight: bold;
  font-size: 120%;
  font-style: italic;
}

blockquote p {
  font-weight: inherit;
  font-style: inherit;
}

.two-cols {
  overflow: hidden;
  height: auto;
}

.two-cols .left-col {
  width: 49.5%;
  float: left;
}

.two-cols .right-col {
  width: 49.5%;
  float: right;
}

#products .image-on-left, #products .image-on-right { min-height: 190px; }

ul.ticks {
}

ul.ticks li {
  padding-left: 16px;
  padding-top: 3px;
  padding-bottom: 3px;
  background: url(../img/tick.gif) no-repeat 0 5px;
}

dl {
}

dt {
  font-weight: bold;
  color: #003;
}

dd {
  margin-bottom: 1em;
}

dl.mini {
  overflow: auto;
}

dl.mini dt {
  width: 3em; float: left; clear: left;
  padding-bottom: 5px;
}

dl.mini dd {
  width: auto; 
  padding-bottom: 5px;
}

form.side-by-side {
  font-size: 100%;
}

form.side-by-side input.txt { width: 15em; }
form.side-by-side textarea { overflow: auto; width: 15em; }

form.side-by-side .row {
  overflow: auto;
  padding-bottom: 10px;
}

form.side-by-side .row .label {
  float: left;
  width: 18em;
}

form.side-by-side .row .field {
  float: left;
  width: auto;
  text-align: right;
}

body form .submit {
  padding: 4px;
  text-align: right;
}

body form a.fakebutton {
  margin-right: 0; margin-left: auto;
  display: block;
  background: #00386B url(../img/btn-submit.gif) no-repeat 0 0;
  height: 0px; padding: 21px 0 0 0; overflow: hidden;
  width: 155px;
}

body form a.fakebutton:visited {
  text-decoration: none;
  color: white;
}

body form a.fakebutton:hover {
  background-position: 0 -21px;
  color: white;
  text-decoration: none;
}

div.moreinfo {
  margin-top: 15px;
  padding-bottom: 15px;
  overflow: auto;
}

a.pdf {
  display: block;
  float: left;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 40px;
  background: url(../img/pdf.gif) no-repeat 2px 50%;
  margin-right: 20px;
}

div.moreinfo a.contact {
  display: block;
  float: left;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 40px;
  background: url(../img/contact.gif) no-repeat 2px 50%;
}