/*  ------------------------------------------------------------
    Start with a CSS reset rule
*/
* {
  vertical-align: baseline;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
}
/*  ------------------------------------------------------------
    The page
*/
body {
  text-align: center;
  margin: 0px;
  padding: 0px;
}
div#region-page {
  width: 880px;
  margin: 0px auto;
  text-align: left;
  position: relative;
}

/*  ------------------------------------------------------------
    The Header
*/
div#region-header {
  margin: 0px;
  height: 86px;
  padding: 18px 0px 0px;
}
div#region-header div.ksl-logo {
  width: 490px;
  height: 70px;
  margin: 0px;
  background-image: url(../graphics/ksl-logo-large.png);
  cursor: pointer;
}
div#region-header div.ksl-logo a {
  width: 490px;
  height: 70px;
  margin: 0px;
  display: block;
}
div#region-header div.ksl-logo span {
  display: none;
}
div#region-header div.region-get-help {
  width: 303px;
  top: 18px;
  left: 577px;
  position: absolute;
  padding: 13px 0px 0px;
}
div.region-get-help h2 {
  padding: 0px 0px 8px;
  border-bottom: 1px solid #F79402;
}
div.region-get-help ul {
  margin: 8px 0px 0px;
  list-style-type: none;
  padding: 0px;
}
div.region-get-help ul li {
  float: left;
  width: 101px;
}
div.region-get-help ul li.telephone {
  text-align: left;
}
div.region-get-help ul li.email {
  text-align: center;
}
div.region-get-help ul li.remote-support {
  text-align: right;
}

/*  ------------------------------------------------------------
    Top Navigation Bar
*/
div#region-nav {
  height: 38px;
  z-index: 100;
  position: relative;
}
div#region-nav h2 {
  display: none;
}
div#region-nav ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
div#region-nav ul li {
  width: 176px;
  height: 38px;
  float: left;
}
div#region-nav a {
  display: block;
  line-height: 38px;
  height: 38px;
  background-repeat: no-repeat;
  background-position: top center;
}
div#region-nav li.support a {
  background-image: url(../graphics/navbar-1.png);
}
div#region-nav li.services a {
  background-image: url(../graphics/navbar-2.png);
}
div#region-nav li.consultancy a {
  background-image: url(../graphics/navbar-3.png);
}
div#region-nav li.references a {
  background-image: url(../graphics/navbar-4.png);
}
div#region-nav li.who a {
  background-image: url(../graphics/navbar-5.png);
}
div#region-nav li a:hover {
  background-position: bottom center;
}
div#region-nav li.support a.selected, div#region-nav li.support a.selected:hover {
  background-image: url(../graphics/navbar-1-down.png);
}
div#region-nav li.services a.selected, div#region-nav li.services a.selected:hover {
  background-image: url(../graphics/navbar-2-down.png);
}
div#region-nav li.consultancy a.selected, div#region-nav li.consultancy a.selected:hover {
  background-image: url(../graphics/navbar-3-down.png);
}
div#region-nav li.references a.selected, div#region-nav li.references a.selected:hover {
  background-image: url(../graphics/navbar-4-down.png);
}
div#region-nav li.who a.selected, div#region-nav li.who a.selected:hover {
  background-image: url(../graphics/navbar-5-down.png);
}

/*  ------------------------------------------------------------
    The main region of the page
*/
div#region-main {
  padding: 18px 0px 18px;
}
div#region-main div.nav-hint {
  display: none;
}
div.page-body {
  float: left;
  width: 620px;
}
div.asides {
  width: 236px;
  float: right;
}

/*  ------------------------------------------------------------
    The Page Body
*/
div.page-body div.banner {
  width: 620px;
  height: 190px;
  background-repeat: no-repeat;
}
div.page-body div.secondary nav {
  float: left;
  width: 156px;
  padding: 0px 18px 18px 0px;
}
div.page-body div.content {
  float: left;
  max-width: 620px;
}

/*  ------------------------------------------------------------
    The Asides Area
*/
div#region-main div.asides {
  width: 236px;
  float: right;
  color: #444444;
}
div#region-main div.asides h2 {
  display: none;
}
div#region-main div.asides div.item {
  margin: 0px 0px 18px;
  background-color: #E5ECF9;
  background-image: url(../graphics/right-hand-top.png);
  background-position: top right;
  background-repeat: no-repeat;
  padding: 8px 0px 0px;
}
div#region-main div.asides div.item div.content {
  margin: 0px;
  background-image: url(../graphics/right-hand-bottom.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  padding: 0px 8px 8px;
}
div#partner-logo {
  width: 100px;
  text-align: center;
  padding: 10px 0px 0px;
  margin: 0px;
  float: left;
}
div#all-partnerships {
  text-align: center;
}
div#contact-form form {
  margin: 0px;
  display: block;
}
div#contact-form input {
  background-image: url(/graphics/form-background.png);
  background-position: top;
  background-repeat: repeat-x;
  border: 1px solid #999999;
  text-align: left;
  width: 150px;
  height: 16px;
  margin-left: 65px;
  margin-bottom: 3px;
  display: block;
}
div#contact-form input.submit {
  background-image: url(/graphics/submit-button.png);
  background-repeat: no-repeat;
  width: 77px;
  height: 20px;
  text-align: center;
  margin-left: 138px;
  border: 0px solid red;
  padding: 0px;
  margin-bottom: 0px;
  line-height: 20px;
  vertical-align: middle;
}
body div#contact-form label {
  float: left;
  line-height: 16px;
  vertical-align: middle;
  display: block;
  width: 60px;
  text-align: right;
}
body div.asides div.chat, body div.asides div.calc {
  text-align: center;
}
body div.asides div.chat img, body div.asides div.calc img {
  width: 70px;
  height: 70px;
  border: 0px solid black;
  background-color: #CCCCCC;
  margin: 0px auto;
  display: block;
}
div.captcha {
  background-color: #E5ECF9;
  padding: 2px;
  position: relative;
  width: 317px;
  left: -106px;
  display: none;
  border:1px solid #999999;
  margin-bottom: 3px;
}
body div#contact-form div.captcha label {
  float: none;
  text-align: center;
  width: auto;
}
div.captcha div.top-label div {
  float: right;
  font-size: 80%;
  padding: 2px;
  cursor: pointer;
  color: #333399;
  text-decoration: underline;
}
div.captcha div.top-label div:hover {
  background-color: #333399;
  color: white;
}

/*  ------------------------------------------------------------
    Styles for the Secondary Navigation (where it is used)
*/
div.secondary-nav {
  float: left;
  color: #444444;
  width: 156px;
}
div.secondary-nav .item {
  margin-top: 18px;
  background-color: #E5ECF9;
  background-image: url(../graphics/left-hand-top.png);
  background-position: top right;
  background-repeat: no-repeat;
  padding: 8px 0px 0px 0px;
}
div.secondary-nav .item h2 {
  padding: 0px 8px 8px;
  margin: 0px;
  font-weight: normal;
  font-family: "Footlight MT Light", Georgia, "Times New Roman", "Times", serif;
  color: #0266F8;
}
div.secondary-nav .item ul {
  padding: 0px 8px 8px 8px;
  margin: 0px;
  list-style-type: none;
  background-image: url(../graphics/left-hand-bottom.png);
  background-position: bottom right;
  background-repeat: no-repeat;
}
div.secondary-nav .item ul li {
  font-size: 80%;
  margin: 0em 0em 0.4em;
  line-height: 140%;
}
div.secondary-nav .item ul li a {
  text-decoration: none;
  color: #444444;
}
div.secondary-nav .item ul li a:hover {
  text-decoration: underline;
  color: #000099;
}

/*  ------------------------------------------------------------
    Styles for the Page Footer
*/
div#region-main div.page-body div.footer {
  border-top: 1px solid #F79402;
  font-size: 55%;
  float: left;
  width: 620px;
  margin-top: 18px;
  padding-top: 4px;
  line-height: 200%;
  clear: left;
}
div#region-main div.page-body div.footer a {
  color: #6666CC;
}
div#region-main div.page-body div.footer .site-visit {
  float: left;
  text-align: left;
}
div#region-main div.page-body div.footer .just-call {
  float: right;
  text-align: right;
}
div#region-main div.page-body div.footer .ksl-address {
  float: left;
  text-align: left;
  color: #777777;
  clear: left;
  width: 420px;
}
div#region-main div.page-body div.footer .copyright {
  float: right;
  text-align: right;
  color: #777777;
  clear: right;
}
div#region-main div.page-body div.footer address {
  font-style: normal;
}
div#region-main div.page-body div.footer div.partner-logos {
  padding: 10px 0px 18px;
  height: 38px;
  clear: left;
}
div#region-main div.page-body div.footer div.partner-logos img {
  float: left;
  padding-right: 18px;
}