@import url('announcement.css');
@import url('entities.css');

/* Typography */
body { font: 1em/1.33em "Arial", sans-serif; }
h1, h2, h3 { font-family: "Arial Narrow", sans-serif; letter-spacing: 0.05em; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.167em; }
p { margin: 0.667em 0 0.667em 0; }
#footer { font-size: 0.66em; }
#navigation a { font: 1.167em "Arial Narrow", sans-serif; }
#pagehead h1 { font: 3em/1.33em "Arial"; }
#sidebar p, #sidebar li, .caption { font: 0.917em "Arial Narrow", sans-serif; }


/* Layout, color, and design */
a {
  color: #3C5574;
}
body, html {
  background-color: #40637F;
  color: #000;
  margin: 0;
  padding: 0;
}

.printonly { display: none; }

/* --------------------[ Lists ]-------------------- */

dl {
  margin-left: 1em;
}
dt {
  font-weight: bold;
  margin: 0;
}
dd {
  margin: 0.5em 0 1.5em 0;
}

dl dl {
  margin-top: 1em;
}

h1 {
  margin: 0;
}
img {
  border: 0;
}
#content {
  background-color: #DFECE5;
  border: 10px solid #FFF;
  margin: 0.5em auto;
  width: 780px;
}
#footer {
  background-color: #FFF;
  clear: both;
  text-align: right;
}
#footer p {
  margin: 0;
}
#header {
  height: 200px;
  position: relative;
}
#header h1 {
  color: #3C5574;
  font-family: "Arial";
  font-weight: normal;
  left: 125px;
  line-height: 1em;
  position: absolute;
  top: 75px;
}
#header h1 a {
  text-decoration: none;
}
#header span {
  display: block;
  position: relative;
}
#header .sdglogo {
  left: 10px;
  position: absolute;
  top: 10px;
  visibility: visible;
}
#header #systems {
  left: 1em;
}
#header h1 #development {
  font-weight: bold;
}
#header #group {
  left: 2em;
}
#main {
  background-color: #D2DEE7;
  color: #3C5574;
  float: right;
  padding: 10px;
  width: 563px;
}

/* --------------------[ Navigation ]-------------------- */

#navigation h1 {
  display: none;
}

#navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#navigation li {
  float: left;
}

#navigation a {
  display: block;
  width: 156px;
  height: 25px;
  overflow: hidden;
}

#navigation a.home     { background: url('../images/navbar/home.png') no-repeat; }
#navigation a.products { background: url('../images/navbar/products.png') no-repeat; }
#navigation a.news     { background: url('../images/navbar/news.png') no-repeat; }
#navigation a.about    { background: url('../images/navbar/about.png') no-repeat; }
#navigation a.imo      { background: url('../images/navbar/imo.png') no-repeat; }

#navigation a:hover, #navigation a.active {
  background-position: -156px 0px;
}

#navigation img {
  display: none;
}

/* --------------------[ Page Header ]-------------------- */

#pagehead {
  border-bottom: 4px solid #3C5574;
  clear: left;
  color: #3C5574;
  height: 4em;
}
#pagehead h1 {
  background-color: #D2DEE7;
  line-height: 0.65em;
  margin-left: 197px;
  padding-left: 3px;
  padding-top: 0.68em;
}

/* --------------------[ Sidebar ]-------------------- */

#sidebar {
  background-color: #DFECE5;
  color: #459357;
  float: left;
  padding: 10px;
  text-align: right;
  /**
   * Due to a bug in IE's float handling, the width of the
   * sidebar needs to be less than it should be (175px) to
   * leave some space between it and the main content.
   */
  width: 165px;
}
#sidebar li {
  margin: 0.5em 0;
}
#sidebar ul {
  list-style-type: none;
}