@charset "utf-8";

/* ================================================
   MOS – Microsystems on Silicon
   Clean static rebuild — no WordPress artefacts
   ================================================ */

* { margin: 0; padding: 0; }

body {
  background: #fff;
  text-align: center;
}

a img,
fieldset { border: 0; }

h1, h2, h3, h4, h5,
h4 a {
  color: #379425;
  font-family: Verdana, Tahoma, Arial;
}

h1, h2, h3 {
  margin: 10px 0 10px 0;
  font-size: 12px;
}

h3, h3 a, h5 a {
  text-decoration: none;
  font-weight: bold;
  line-height: 130%;
}

h3 a:hover,
h5 a { color: #379425; }

h5 { margin: 10px 0 0 0; }
h5 a:hover { text-decoration: underline; }

h4,
h4 a { margin: 10px 0 0 0; font-size: 16px; }
h4 a { font-weight: bold; }

p,
a,
li,
label,
input,
textarea,
blockquote,
#contact-comments,
table,
select,
option,
#page ol li {
  font: 11px Verdana, Tahoma, Arial;
  color: #767676;
}

a:hover {
  color: #379425;
  text-decoration: none;
}

p {
  margin: 10px 0 0 0;
  line-height: 180%;
}

p.wrapper {
  width: 100%;
  clear: both;
}

blockquote p, blockquote h4 { margin: 0; }

.navigation {
  display: block;
  text-align: center;
  margin: 20px 0 0 0;
}

.alignright { float: right; }
.alignleft  { float: left;  }
.aligncenter { display: block; margin: 0 auto; }

/* ── containers ─────────────────────────────────── */

#wrap {
  width: 970px;
  margin: auto;
  background: url(../img/wrap.gif) repeat-y;
  text-align: left;
}

#top {
  width: 970px;
  height: 126px;
}

#topright {
  width: 715px;
  height: 126px;
  float: left;
  background: url(../img/topright.gif) no-repeat;
}

#content {
  width: 940px;
  padding: 30px 0 0 30px;
}

#left {
  margin: 0 20px 0 0;
  width: 305px;
  float: left;
}

#middle {
  width: 335px;
  float: left;
  padding: 0 20px 0 0;
}

#right {
  width: 229px;
  float: left;
  padding: 0 10px 0 16px;
}

#page {
  margin: 0 0 0 -10px;
  padding: 0 20px 0 0;
  width: 665px;
  float: left;
}

#footer {
  width: 970px;
  height: 100px;
  margin: auto;
  background: url(../img/footer.gif) no-repeat;
  text-align: right;
  padding: 20px 0 0 0;
}

/* ── top / nav ───────────────────────────────────── */

#top a img {
  width: 255px;
  height: 126px;
  float: left;
}

#topright ul {
  margin: 98px 0 0 10px;
  width: 490px;
}

#topright li {
  list-style: none;
  display: inline;
  padding: 0 15px 0 0;
}

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

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

/* ── left col ────────────────────────────────────── */

#left ul { margin: 30px 0 10px 30px; }

#left li {
  list-style-image: url(../img/li.gif);
  margin: 0 0 10px 0;
}

#left li a:hover { text-decoration: none; color: #379425; }

/* ── right col / news sidebar ────────────────────── */

div.article { margin: 0 0 20px 0; }

#right ul  { margin: 10px 0 10px 15px; }

#right li {
  list-style: square;
  margin: 0 0 5px 0;
}

/* ── contact form ────────────────────────────────── */

label { float: left; padding: 4px 10px 0 0; }

#search {
  width: 115px;
  padding: 2px;
  border: 1px solid #E6E6E6;
}

fieldset { margin: 20px 0 0 0; }

fieldset p input {
  padding: 1px;
  border: 1px solid #999;
}

fieldset p label { width: 100px; }

#contact-comments {
  margin: 0 0 10px 0;
  width: 400px;
  height: 80px;
}

#contact-form label {
  float: none;
  display: block;
  margin: 12px 0 3px 0;
  padding: 0;
  font-weight: bold;
  color: #646464;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea {
  width: 380px;
  padding: 4px;
  border: 1px solid #ccc;
  font: 11px Verdana, Tahoma, Arial;
  color: #9A9A9A;
}

#contact-form textarea { height: 100px; resize: vertical; }

#contact-form input[type="submit"] {
  margin: 12px 0 0 0;
  padding: 4px 16px;
  background: #379425;
  color: #fff;
  border: none;
  cursor: pointer;
  font: 11px Verdana, Tahoma, Arial;
}

#contact-form input[type="submit"]:hover { background: #2a7019; }

#jump-menu { margin: 10px 0 0 0; }
#jump-menu select { width: 150px; }

/* ── page / inner content ────────────────────────── */

blockquote {
  margin: 10px 0 10px 0;
  padding: 5px;
  background: #FDF0E8;
  color: #646464;
}

p img { margin: 5px; }

#page ul {
  margin: 10px 0 10px 0;
  padding: 10px;
  background: #FDF0E8;
  border: 1px solid #9A9A9A;
}

#page li {
  list-style: none;
  margin: 0 0 7px 0;
  color: #646464;
}

div.archive {
  padding: 0 0 10px 0;
  margin: 10px 0 10px 0;
  border-bottom: 1px solid #DFD6D1;
}

#page ol {
  margin: 10px 0 10px 0;
  padding: 0 0 0 30px;
}

#page ol li {
  list-style: inherit;
  line-height: 180%;
}

/* ── sitemap ─────────────────────────────────────── */

#page.sitemap ul {
  background: 0;
  border: 0;
  margin: 15px 0 15px 15px;
  padding: 0;
}

#page.sitemap ul ul {
  border-left: 1px solid #ccc;
  padding: 0 0 0 10px;
}

/* ── product tables ──────────────────────────────── */

table {
  margin: 20px 0 0 0;
  width: 100%;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}

td {
  height: 20px;
  padding: 2px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
}

td.alt { background: #FDF0E8; }
td.head { font-weight: bold; }

/* ── footer ──────────────────────────────────────── */

#footer li {
  display: inline;
  list-style: none;
  padding: 0 0 0 5px;
}

#one {
  width: 200px;
  float: left;
}

#two { margin: 0 20px 0 0; }