* { border:0; margin:0; padding:0; } /* clear browser default styles */

html { font-size: 100%;} body { font-size: 62.5%; }

body {
  background: url("../img/bg.jpg") repeat-x;
  width: 940px;
  margin: 0 auto;
}

p, li, span, legend {
  color: #023467;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
}
p { padding-bottom: 15px; }

a { color: #023467; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { color: #000; }

h3 {
  color: #023467;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8em;
  font-weight: normal;
  padding-bottom: 15px;
}

h4 {
  color: #023467;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  font-weight: normal;
  padding-bottom: 15px;
  padding-top: 10px;
}

#header {
  background: url("../img/certified.jpg") no-repeat 865px 20px;
  height: 173px;
}

#header h1 {
  display: block;
  height: 172px;
  width: 353px;
  background: url("../img/header.jpg") no-repeat;
  text-indent: -99999px;
}

#header h2 { display: block; height: 0; text-indent: -99999px; font-size: 0em; float: left; }

#navigation {
  clear: both;
  background: url("../img/nav-bg.jpg") no-repeat;
  height: 73px;
}

#navigation ul, #navigation-home ul {
  list-style: none;
  padding: 12px 0 0 20px;
}

#navigation li, #navigation-home li {
  display: inline;
  padding: 3px 10px 3px 10px;
}

.line {  border-left: 1px solid #bce0ff; }

#content {
  width: 862px;
  border: 1px solid #425e76;
  border-top: 0px; border-bottom: 0px;
  padding: 0 35px 0 35px;
}

/* HOME PAGE */

#homelist1 { background: url("../img/home-list-ul-bg.jpg") no-repeat bottom left; margin: 20px 0 0 0; }
#homelist2 { background: url("../img/home-list-ul-bg2.jpg") no-repeat bottom left; margin: 5px 0 0 0; }

#homelist1 div, #homelist2 div {
  background: url("../img/home-box.jpg") no-repeat;
  width: 190px;
  float: left;
  margin-right: 5px;
  padding: 5px 20px;
}

#homelist2 div#advert { background: #FFF; }

#navigation-home {
  clear: both;
  background: url("../img/nav-bg.jpg") no-repeat;
  height: 45px;
}

#footer-home {
  padding: 25px 10px 10px 10px;
}

#footer-home a {
  display: inline;
  margin-left: 555px;
  width: 100px;
}

#homebanner {
  height: 240px;
}

#homebanner h5 { font-family: Tahoma, Geneva, sans-serif; color: #bce0ff; font-size: 3em; text-align: right; padding: 140px 20px 0 0; font-weight: normal; }
#homebanner h6 { font-family: Tahoma, Geneva, sans-serif; color: #bce0ff; font-size: 1.6em; text-align: right; padding: 0 20px 0 0; font-weight: normal; }

/* END HOME PAGE */

/* ABOUT PAGE */ 
.about #mainbar {
  width: 610px;
  float: left;
}

.about #sidebar {
  float: right;
  width: 200px;
  padding: 10px;
  border: 1px solid #b6cdec;
  background: #f1f1f1;
}
/* END ABOUT PAGE

/* APPNOTES PAGE */
.appnotes #mainbar {
  float: left;
  width: 500px;
}

.appnotes ol {
  list-style: none;
}

.appnotes ol li {
  background: url("../img/appnotes-list-bg.jpg") top right no-repeat;
  height: 32px;
  padding: 3px;
  width: 490px;
}

.appnotes ol li img {
  padding: 0 2px;
}

.appnotes ol li span { float: left; }
.appnotes ol li .text { margin: 0 0 0 85px; font-size: 1.2em; padding: 5px; display: block; }

.appnotes #sidebar {
  float: right;
  width: 350px;
}

.appnotes #sidebar ul {
  list-style: none;
}

.appnotes #sidebar ul li.gap {
  margin-top: 42px;
}
/* END APPNOTES PAGE */

/* CASESTUDY PAGE */
.casestudy #mainbar {
  float: right;
  width: 645px;
}

.casestudy #mainbar h3 a {
  float: right;
  display: block;
  font-size: 0.8em;
  margin: 5px 0 20px 0;
}

.casestudy #mainbar h3 span {
  float: left;
  display: block;
}

.casestudy #mainbar h4 {
  background: url("../img/casestudy-heading-bg.jpg") repeat-y;
  padding: 5px 0;
  margin-bottom: 5px;
}

#sidebar-cap {
  background: url("../img/casestudy-sidebar-top.jpg") no-repeat;
  float: left;
  height: 11px;
  width: 200px;
}

.casestudy #sidebar {
  background: #dceaf7 url("../img/casestudy-sidebar-bottom.jpg") no-repeat bottom;
  float: left;
  width: 180px;
  padding: 0 10px 10px 10px;
}

.casestudy ul li {
  list-style: none;
}

/* END CASESTUDY PAGE */

/* SUPPLIER PAGE */
.supplier #mainbar {
  width: 610px;
  float: left;
}

.supplier #sidebar {
  float: right;
  width: 205px;
}

.supplier #sidebar img { padding: 0 0 5px 0; }

.supplier ul {
  list-style: none;
}

.supplier ul li {
  background: url("../img/appnotes-list-bg.jpg") top right no-repeat;
  height: 32px;
  padding: 3px;
  width: 455px;
}

.supplier ul li img {
  padding: 0 2px;
}

.supplier ul li span { float: left; }
.supplier ul li .text { margin: 0 0 0 50px; font-size: 1.2em; padding: 5px; display: block; }

/* END SUPPLIER PAGE */

/* CONTACT PAGE */
.contact #mainbar {
  width: 420px;
  float: left;
}

.contact span {
  display: block;
  height: 83px;
  margin-bottom: 20px;
}
.contact span.mail {
  background: url("../img/contact-mail.jpg") no-repeat;
  padding: 20px 0 0 130px;
}
.contact span.email {
  background: url("../img/contact-email.jpg") no-repeat;
  padding: 35px 0 0 130px;
}

.contact #sidebar {
  width: 420px;
  height: 480px;
  float: right;
  background: url("../img/contact-form-bg.jpg") no-repeat bottom left;
}

.contact #sidebar h4 {
  text-align: right;
}

fieldset { margin: 20px; }
legend { display: block; padding: 5px 0 2px 0; }
input[type=submit] { background: url("../img/contact-submit.jpg"); height: 36px; width: 118px; float: right; margin-top: 20px; }
input[type=text] { height: 30px; border: 1px solid #76a4d6; background: #fff; width: 355px; }
textarea { height: 30px; border: 1px solid #76a4d6; background: #fff; width: 355px; height: 105px; }
/* END CONTACT PAGE */

#footer {
  background: url("../img/footer-bg.jpg") no-repeat;
  padding: 45px 10px 10px 10px;
}

#footer a {
  display: inline;
  margin-left: 555px;
  width: 100px;
}

.clear { clear: both; height: 0; width: 0; }