#wrapper {
  padding: 0px;
  margin: 0px; }
  #wrapper .container {
    padding-top: 0px !important;
    padding-bottom: 0px !important; }

#header-content {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 950px;
  height: 320px; }

ul#slides {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 2850px;
  height: 300px;
  position: absolute; }
  ul#slides li {
    display: block;
    float: left; }

#index-header, #cql-header, #metrics-header, #thegui-header {
  width: 950px;
  height: 300px;
  margin: 20px 0 0 0; }

#index-header {
  background: url(/images/slide-1.png); }

#metrics-header {
  background: url(/images/slide-3.png) top left no-repeat; }

#cql-header {
  background: url(/images/slide-2.png) top left no-repeat; }

#thegui-header {
  background: url(/images/slide-4.png) top left no-repeat; }

.ns {
  margin: 0px;
  padding: 0px; }

.linkable {
  cursor: pointer; }

#slide-navigation {
  height: 80px;
  width: 200px;
  background: url(/images/thumb_bg.gif) top left no-repeat;
  padding: 9px 0 0 9px;
  color: #717171;
  font-size: 10pt;
  text-align: left;
  position: relative;
  top: -40px; }
  #slide-navigation .feature {
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 7px 5px 0px;
    border: 3px solid white;
    background-color: white;
    cursor: pointer; }
    #slide-navigation .feature img {
      width: 45px; }
  #slide-navigation b {
    color: white;
    padding-left: 3px;
    margin-bottom: 5px;
    display: block; }

#slide-navigation .feature:hover {
  border: 3px solid #333; }

#slide-navigation .active {
  border: 3px solid #a5aad9; }

#slide-navigation .active:hover {
  border: 3px solid #a5aad9;
  cursor: default; }