html {
  background: #fff url("/images/background.png") repeat-x;
}

body {
  width: 780px; margin: 0px auto;
  background-color: transparent;
  font-size: small;
  font-family: sans-serif;
}

#heading {
  margin: 0px;
  width: 780px; height: 0px; padding-top: 95px; overflow: hidden;
  background: #00a2e1 url("/images/itzo_heading.png") no-repeat;
}

.hidden {
  display: block; width: 0px; height: 0px; margin: 0px; padding: 0px; border-style: none; overflow: hidden;
}

ul#menubar {
  margin: 0px; padding: 0px 97px;
  background: #fff url("/images/menubar_background.png") repeat-x;
  height: 30px; width: 586px;
}

ul#menubar li {
  display: block; float: left; height: 30px;
  list-style-type: none;
}

#menubar_home {
  display: block; height: 0px ! important; padding-top: 30px; overflow: hidden;
  background: url("/images/menubar_home.png") no-repeat; width: 76px;
}

#menubar_aboutus {
  display: block; height: 0px ! important; padding-top: 30px; overflow: hidden;
  background: url("/images/menubar_aboutus.png") no-repeat; width: 104px;
}

#menubar_whatwedo {
  display: block; height: 0px ! important; padding-top: 30px; overflow: hidden;
  background: url("/images/menubar_whatwedo.png") no-repeat; width: 123px;
}

#menubar_ethicsandgreenissues {
  display: block; height: 0px ! important; padding-top: 30px; overflow: hidden;
  background: url("/images/menubar_ethicsandgreenissues.png") no-repeat; width: 186px;
}

#menubar_contact {
  display: block; height: 0px ! important; padding-top: 30px; overflow: hidden;
  background: url("/images/menubar_contact.png") no-repeat; width: 97px;
}

ul#menubar li, ul#menubar li a:hover {
  background-position: left -30px;
}

#stripes {
  background: #000 url("/images/itzo_stripes.png") no-repeat;
  height: 90px; width: 780px;
}

#content {
  margin-left: 240px;
  background-color: #fff;
  padding: 10px 40px 10px 0px;
  min-height: 400px; height: auto !important; height: 400px;
  position: relative;
}

#content * {
  margin-left: 40px;
}

#content h2, #content h3 {
  color: #008fc7;
}

#content h4 {
  color: #2387ad;
}

#content dt:after {
  content: ";";
}

#content dd {
  margin-left: 0px; padding-left: 0px;
}

#content ul {
  margin-left: 0px; padding-left: 0px;
  list-style: inside url("/images/bullet.png");
}

#content li {
  font-weight: bold;
}

#content cite {
  display: block; text-align: right;
}

#visual_padlock {
  float: left;
  display: block; height: 400px; width: 240px;
  background: url("/images/visual_padlock.jpg") no-repeat;
}

#visual_cogs {
  float: left;
  display: block; height: 400px; width: 240px;
  background: url("/images/visual_cogs.jpg") no-repeat;
}

#visual_barbedwire {
  float: left;
  display: block; height: 400px; width: 240px;
  background: url("/images/visual_barbedwire.jpg") no-repeat;
}

#visual_tree {
  float: left;
  display: block; height: 400px; width: 240px;
  background: url("/images/visual_tree.jpg") no-repeat;
}

#visual_telegraph {
  float: left;
  display: block; height: 400px; width: 240px;
  background: url("/images/visual_telegraph.jpg") no-repeat;
}

#navigate_top {
  float: right;
  margin: 0px; padding: 0.5em;
  font: bold x-small sans-serif;
}

#navigate_top a {
  color: #fff; text-decoration: none; text-transform: uppercase;
}

#navigate_top a:hover {
  text-decoration: underline;
}

ul#menubar_end {
  margin: 0px; padding: 0.5em;
  background-color: #000;
  color: #eee; font: bold x-small sans-serif; text-transform: uppercase;
  text-align: center;
}

ul#menubar_end li {
  color: #aaa;
  list-style-type: none;
  display: inline;
  margin-left: 1em;
}

ul#menubar_end li:first-child:before {
  content: "";
}

ul#menubar_end li:before {
  color: #eee;
  content: "|";
  margin-right: 1em;
}

ul#menubar_end li a {
  color: #fff; text-decoration: none;
}

ul#menubar_end li a:hover {
  text-decoration: underline;
}

#company_details {
  color: #555;
  font: small-caps x-small serif;
  text-align: center;
}

#copyright {
  color: #555;
  font: small-caps x-small serif;
  text-align: center;
}