/*

  Dark blue.... #00336d
  Light blue... #88a0ba
  Red.......... #bf0025

*/

html {
  height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  background: url(../images/body-bg.gif) center -162px repeat-y #88a0ba;
  height: 100%;
}

#content ol a {
  color: #00336d;
}

#content ol a:visited {
  color: #00336d;
}

a img {
  border: 0px;
}

input {
  border: 2px solid #1b4f88;
}

.clear {
  clear: both;
}

#page {
  width: 922px;
  margin: 0px auto;
  height: 100%;
  min-height: 100%;

}

#page_wrapper {
  width: 100%;
  background: url(../images/pixelated-pattern-2.gif) bottom left no-repeat #FFFFFF;
  height: auto !important;
  min-height: 100%;
}

/*

  Header.
  
*/

#header {
  background: url(../images/header-bg.gif) top center no-repeat #5b7ca1;
}

#header #header_wrapper {
  margin: 0px auto;
  width: 922px;
}

#header #header_wrapper #logo {
  float: left;
  background: url(../images/sology-logo.gif) top left no-repeat;
}

#header #header_wrapper #logo h1 {
  margin: 0px;
  padding: 0px;
}

#header #header_wrapper #logo h1 a {
  display: block;
  height: 160px;
  width: 370px;
}

#header #header_wrapper #logo h1 a span {
  display: none;
}

#header #header_wrapper #billboard {
  float: right;
  width: 552px;
  height: 160px;
  background: url(../images/header-billboard.jpg) top left no-repeat;
}

/*

  Navigation.
  
*/

#nav {
  text-align: left;
  background: #FFFFFF;
}

#nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: right;
}

#nav ul li {
  float: left;
}

#nav ul li a {
  display: block;
}

#nav ul li a span {
  display: none;
}

/* Tab images are uneven. */

#nav ul li a#home {
  width: 55px;
  height: 19px;
  background: url(../images/navigation-tabs.gif) 0px 0px no-repeat;
}

  #nav ul li a:hover#home {
    width: 55px;
    height: 19px;
    background: url(../images/navigation-tabs.gif) 0px -21px no-repeat;
  }

  #nav ul li a#home_active {
    width: 55px;
    height: 30px;
    background: url(../images/navigation-tabs.gif) 0px -42px no-repeat;
  }

#nav ul li a#about_us {
  width: 78px;
  height: 19px;
  background: url(../images/navigation-tabs.gif) -55px 0px no-repeat;
}

  #nav ul li a:hover#about_us {
    width: 78px;
    height: 19px;
    background: url(../images/navigation-tabs.gif) -55px -21px no-repeat;
  }
  
  #nav ul li a#about_us_active {
    width: 78px;
    height: 30px;
    background: url(../images/navigation-tabs.gif) -55px -42px no-repeat;
  }

#nav ul li a#products_and_services {
  width: 141px;
  height: 19px;
  background: url(../images/navigation-tabs.gif) -133px 0px no-repeat;
}

  #nav ul li a:hover#products_and_services {
    width: 141px;
    height: 19px;
    background: url(../images/navigation-tabs.gif) -133px -21px no-repeat;
  }
  
  #nav ul li a#products_and_services_active {
    width: 141px;
    height: 30px;
    background: url(../images/navigation-tabs.gif) -133px -42px no-repeat;
  }

#nav ul li a#industry_solutions {
  width: 127px;
  height: 19px;
  background: url(../images/navigation-tabs.gif) -274px 0px no-repeat;
}

  #nav ul li a:hover#industry_solutions {
    width: 127px;
    height: 19px;
    background: url(../images/navigation-tabs.gif) -274px -21px no-repeat;
  }
  
  #nav ul li a#industry_solutions_active {
    width: 127px;
    height: 30px;
    background: url(../images/navigation-tabs.gif) -274px -42px no-repeat;
  }

#nav ul li a#partners {
  width: 75px;
  height: 19px;
  background: url(../images/navigation-tabs.gif) -401px 0px no-repeat;
}

  #nav ul li a:hover#partners {
    width: 75px;
    height: 19px;
    background: url(../images/navigation-tabs.gif) -401px -21px no-repeat;
  }
  
  #nav ul li a#partners_active {
    width: 75px;
    height: 30px;
    background: url(../images/navigation-tabs.gif) -401px -42px no-repeat;
  }

#nav ul li a#faq {
  width: 37px;
  height: 19px;
  background: url(../images/navigation-tabs.gif) -476px 0px no-repeat;
}

  #nav ul li a:hover#faq {
    width: 37px;
    height: 19px;
    background: url(../images/navigation-tabs.gif) -476px -21px no-repeat;
  }
  
  #nav ul li a#faq_active {
    width: 37px;
    height: 30px;
    background: url(../images/navigation-tabs.gif) -476px -42px no-repeat;
  }

#nav ul li a#contact {
  width: 68px;
  height: 19px;
  background: url(../images/navigation-tabs.gif) -513px 0px no-repeat;
}

  #nav ul li a:hover#contact {
    width: 68px;
    height: 19px;
    background: url(../images/navigation-tabs.gif) -513px -21px no-repeat;
  }
  
  #nav ul li a#contact_active {
    width: 68px;
    height: 30px;
    background: url(../images/navigation-tabs.gif) -513px -42px no-repeat;
  }

/*

  Content.
  
*/

#content {
  margin-top: 50px;
  text-align: left;
  width: 460px;
  float: left;
  padding-left: 50px;
  display: inline;
}
/*

  Content for Cisco Syndicated Materials.
  
*/
#content_Cisco {
  margin-top: 35px;
  text-align: left;
  width: 650px;
  float: left;
  padding-left: 50px;
  display: inline;
}
/* Secondary navigation. */

#secondary_nav {
  float: left;
  width: 140px;
  margin-top: 50px;
  text-align: left;
  padding-left: 15px;
  height: 100%;
}

#secondary_nav a {
  font-size: 11px;
  color: #00336d;
}

#secondary_nav h2 {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  color: #bf0025;
}

#secondary_nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin-bottom: 20px;
}

#secondary_nav ul li ul {
  margin-left: 15px;
  margin-bottom: 0px;
}

#content p {
  margin-top: 0px;
  color: #000000;
  font-size: 12pt;
  line-height: 20px;
}

#content h1 {
  margin: 0px;
  padding: 0px;
  font-size: 15pt;
  color: #00336d;
}

#content h2 {
  font-size: 12pt;
  color: #000000;
}

#content p a {
  color: #00336d;
}

/*

  Customers and news.
  
*/

#customers_and_news {
  margin-top: 50px;
  float: right;
  width: 217px;
  margin-right: 20px;
  display: inline;
}

#news {
  background: #ddd8d1;
  width: 217px;
  text-align: left;
}

#news_footer {
  padding-bottom: 10px;
  background: url(../images/news-footer.gif) bottom left no-repeat;
}

#news h1 {
  margin: 0px;
  padding: 0px;
  height: 25px;
  background: url(../images/news-header.gif) bottom left no-repeat;
}

#news p {
  font-size: 13px;
  margin: 10px;
  margin-bottom: 0px;
  color: #333333;
}

#news p strong {
  color: #00336d;
}