html, body {
/*  height: 99%;*/
  font-family:  "Helvetica", Arial;
  font-size:    16px;
  margin:       0;
  padding:      0;
  overflow:     hidden;
}
body { background-color: #fff; color: #000; }

body, div, p, ol, ul, td {
  line-height: 150%;
}

  p, select {
    margin-bottom: 1em;
  }

table { margin: 0; padding: 0; }

label { display: block; }

a { color: #000; }
a:visited { color: #000; }
a:hover { text-decoration: none !important; }
/*a:hover { color: #000; background-color:#000; }*/
a#previous:link, a#previous:visited, a#previous:active,
a#next:link, a#next:visited, a#next:active { /*text-decoration: none; color: #666;*/ }
a#previous:hover, a#next:hover { text-decoration: none; color: #000; }

h1 { font-size: 200%; line-height: 175%; }
h2 { font-size: 175%; line-height: 150%; }
h3 { font-size: 150%; line-height: 125%; }
h4 { font-size: 125%; line-height: 100%; }

/* Begin layout styles*/

div#wrapper {
/*  height:   400px;*/
  overflow: hidden;
  position: relative;
}
  div#wrapper[id] {
    display:  table;
    position: static;
  }

/* for explorer only*/
div#middle {
  position: absolute;
  top:      35%;
}
  div#middle[id] {
    display:        table-cell;
    vertical-align: middle;
    width:          100%;
  }

/* for explorer only */
.slide-content {
  position: relative;
/*  top:      -65%;*/
  width:    985px;
  margin:   0 auto;
}
.slide-content > div {
  position: absolute;
  top:      0;
  height:   250px;
}

.slide-content img {
  display: block;
  margin: 0 auto;
}

.division-logo {
  left:   386px;
  width:  213px;
}
  .division-description { text-align: center; }

.client {
  position:   relative;
  width:      985px;
  margin-top: -50px;
  height:     250px !important;
}

.client_tall {
  position:   relative;
  width:      985px;
  margin-top: -100px;
  height:     350px !important;
}

  .client-about {
    position: absolute;
    left:     0;
    top:      0;
    width:    260px;
  }

  .client-address {
    position: absolute;
    bottom:   0;
  }

  .client-description {
    position: absolute;
    left:     320px;
    top:      0;
    width:    350px;
  }

  .client-services {
    position: absolute;
    left:     320px;
    bottom:   0;
    width:    350px;
  }

    .services {
      position: absolute;
      left:     0;
      bottom:   0;
    }

  .client-screenshot {
    position:     absolute;
    left:         760px;
    width:        225px;
    margin-top:   40px;
/*    margin-top:   75px;*/
  }

  .client-screenshot {
    position:     absolute;
    left:         760px;
    width:        225px;
  }

  .client .client-screenshot {
    margin-top:   40px;
  }
  .client_tall .client-screenshot {
    margin-top:   75px;
  }

.client-logo { left: 367px; }

.client-picture {
  p }


/* End layout styles*/


div#wrapper_intro {
  width:    985px;
  height:   600px;
  margin:   0 auto;
  top:      -150px;
  left:     20px;
}
  div#wrapper_intro a:link, div#wrapper_intro a:visited, div#wrapper_intro a:active { text-decoration: underline; }
  div#wrapper_intro a:hover { text-decoration: none; }
  div#wrapper_intro ul { padding: 0; }
  ul#divisions li.division {
    float:        left;
    margin-right: 20px;
  }
  ul#divisions li.division.last { margin-right: 0; }
  #divisions li.division ul.division_portfolio {
    display:      list-item;
    width:        180px;
    margin-top:   20px;
  }
  #wrapper_intro img { margin: 0 0; }

.division_wrapper {
  position: relative;
  width:    450px;
  margin:   0 auto;
}
  .division-bookmark {
    position:   relative;
    width:      985px;
    margin-top: -50px;
    height:     250px !important;
  }
  .client-list {
    position: absolute;
    left:     320px;
    top:      15px;
    width:    180px;
  }

div#portfolio_options {
  margin:         0;
  margin-top:     10px;
  width:          985px;
}

#instructions {
  position:     absolute;
  width:        99%;
/*  text-align:   center;*/
  background:   #fff;
  color:        #000;
/*  padding:      10px;*/
  z-index:      100;
}

.header_wrapper {
  position: absolute;
  top: 0;
  width: 99%;
  background: #fff;
  font-size: 16px;
  height: 50px;
}

.header {
  margin:         0 auto;
  padding:        0;
  width:          985px;
  margin-top:     1em;
  padding-bottom: 2em;
}
.header .control {
  margin-right:   0;
  padding-right:  0;
  float:          right;
  margin-right:   0;
  text-align:     right;
  width:          260px;
}
.header .skip {
  float:        left;
  width:        520px;
  text-align:   center;
}
  .header .skip p { margin-left: 75px; }
.header .keyboard-notice {
  display:      none;
  width:        520px;
  text-align:   center;
  position:     relative;
  margin:       0 auto !important;
/*  top: 50px;*/
}
  .header .keyboard-notice p { margin-left: 10px; background: #fff; }
.header .index {
  margin-left:  0;
  padding-left: 0;
  float:        left;
  width:        200px;
}

.header p { margin-bottom: -0.2em; }
.header a:link, .header a:visited, .header a:active { text-decoration: underline; }
.header a:hover { text-decoration: none; }




.footer_wrapper {
  position: absolute;
  bottom: 0;
  width: 99%;
  background: #fff;
}
.footer {
  margin:         0 auto;
  padding:        0;
  width:          950px;
}
.footer .copyright {
  margin-right:   0;
  padding-right:  0;
  float:          left;
  margin-right:   10px;
  margin-right:   0;
  width:          230px;
  padding-left:   120px;
}
.footer .address, .footer .contact {
  float:        left;
  margin-right: 10px;
  width:        110px;
}
.footer .address { padding-right:120px; }
.footer .company {
  margin-left:  0;
  padding-left: 0;
  float:        left;
  margin-right: 10px;
  width:        230px;
}

.footer {
  margin-top:     1em;
  padding-bottom: 2em;
}
.footer { font-size:  10px; }
.footer img { margin-bottom: -0.1em; }
.footer p { margin-bottom: -0.2em; }
.footer a:link, .footer a:visited, .footer a:active { text-decoration: underline; }
.footer a:hover { text-decoration: none; }