/* start off with CSS baseline (reset, fonts, base) from yui3 */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/* -----------------------------*
 * Color scheme reference.      *
 * ---------------------------- */


/*
      #31A2D8;    //  link blue
      #74060c;    //  swiss-army red
*/

/* -----------------------------*
 * Standard "reset" overrides   *
 * ---------------------------- */

h1,h2,h3 {margin:0}
blockquote,ul,ol,dl,dt,dd{margin:0}
dl dd,dt {margin:0}
p,fieldset,table,pre{margin:0}

a {
  color: #31A2D8;
  text-decoration: none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
a:hover {
  text-decoration: underline;
}

a.anchor {
  color: #000;
  text-decoration: none;
}

a.anchor:hover {
  text-decoration: none;
}

em {
  color: #444;
  font-style: normal;
}

.hr {
  margin: 24px 48px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #ccc;
}

.clear {
  clear: both;
}
.hr.clear {
  margin: 0 48px;
}

/* -----------------------------*
 * Layout                       *
 * ---------------------------- */

#bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/dark_fiber.gif);
  background-color: #444;
  overflow: hidden;
}

#nw {
  top: 0;
  left: 0;
  border-bottom-right-radius: 5px;
  border-top: 0;
  border-left: 0;
}
#n {
  top: 0;
  left: 136px;
  right: 136px;
  width: auto;
  border-top: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
}
#ne {
  top: 0;
  right: 0;
  border-bottom-left-radius: 5px;
  border-top: 0;
  border-right: 0;
}
#w {
  top: 40px;
  bottom: 41px;
  left: 0;
  height: auto;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: 0;
}
#c {
  top: 40px;
  bottom: 41px;
  left: 136px;
  right: 136px;
  width: auto;
  height: auto;
  border-radius: 5px;
  text-align: center;
}
#e {
  top: 40px;
  bottom: 41px;
  right: 0;
  height: auto;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: 0;
}
#sw {
  bottom: 0;
  left: 0;
  border-top-right-radius: 5px;
  border-left: 0;
  border-bottom: 0;
}
#s {
  bottom: 0;
  left: 136px;
  right: 136px;
  width: auto;

  text-align: center;
  font-weight: normal;
  font-size: 108%;

  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 0;
}
#se {
  bottom: 0;
  right: 0;
  border-right: 0;
  border-bottom: 0;
  border-top-left-radius: 5px;
}

/* -----------------------------*
 * Corner refinements           *
 * ---------------------------- */

.corner {
  position: absolute;
  height: 30px;
  width: 126px;

  text-align: center;
  font-weight: bold;
  font-size: 138.5%;
  line-height: 30px;

  border: 2px solid #aaa;
  box-shadow: 0 0 0 1px #eee;

  background-color: #eee;
  background-image: url(../images/white_fiber.jpg);
}
.corner:hover {
}

.corner > * {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: 1px solid #666;
}

#home {
  border-top: 0;
  border-left: 0;
  border-bottom-right-radius: 5px;
}

#help {
  border-top: 0;
  border-right: 0;
  border-bottom-left-radius: 5px;
}

#prefs {
  border-bottom: 0;
  border-left: 0;
  border-top-right-radius: 5px;
}

#stats {
  border-bottom: 0;
  border-right: 0;
  border-top-left-radius: 5px;
}

/* -----------------------------*
 * Horizontal edge refinements  *
 * ---------------------------- */

.h-edge {
  position: absolute;
  height: 30px;

  font-weight: normal;
  font-size: 138.5%;
  line-height: 30px;

  box-shadow: 0 0 0 1px #eee;
  border: 2px solid #aaa;

  background-color: #aaa;
  background-image: url(../images/white_fiber.jpg);
}
.h-edge:hover {
}

.h-edge > * {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: 1px solid #666;
}

#navbar {
  border-top: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#shell {
  border-bottom: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* -----------------------------*
 * Vertical edge refinements    *
 * ---------------------------- */

.v-edge {
  position: absolute;
  width: 126px;

  color: #fff;
  font-weight: bold;
  font-size: 138.5%;
  line-height: 28px;

  box-shadow: 0 0 0 1px #eee;
  border: 2px solid #aaa;

  background-color: #aaa;
  background-image: url(../images/white_fiber.jpg);
}
.v-edge:hover {
}

.v-edge > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #666;
}

#toolbox1 {
  border-left: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#toolbox2 {
  border-right: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* -----------------------------*
 * Center area refinements      *
 * ---------------------------- */

.center {
  position: absolute;

  box-shadow: 0 0 0 1px #eee;
  border: 2px solid #aaa;
  background: #fff;
  padding: 1px;
}

/* -----------------------------*
 * "Widget" styling             *
 * ---------------------------- */

.button-link {
    padding: 10px 15px;
    background: #ccc;
    background-image: url(../images/brushed_stainless.jpg);
    color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #999;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.button-link:hover {
    border: solid 1px #000;
    text-decoration: underline;
    -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.2);
}

.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #ccc;
}

/* -----------------------------*
 * Page component styling       *
 * ---------------------------- */

#edge {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  overflow: auto;

  border: 1px solid #666;
  border-radius: 5px;
}

#content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 750px;
  min-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

#intro {
  margin: 24px 48px 0 48px;
  text-align: center;
  font-size: 138.5%;
}

.lead {
  font-size: 138.5%;
  text-align: center;
  font-weight: bold;
  margin-bottom: 24px;
}

.follow {
  margin: 12px 0;
  color: #999;
}

#testimony {
  margin: 24px 48px 0 48px;
  text-align: center;
  font-size: 108%;
}

#testimony .author {
  margin-top: 6px;
  color: #999;
  font-size: 92%;
}

div.services {
  position: relative;
  margin: 0 48px;
}

ul.options {
  display: block;
  text-align: center;
}

ul.options h2 {
  margin-bottom: 12px;
}

ul.options li {
  display: block;
  float: left;
  list-style: none;
  padding: 0;
  width: 33%;
}

ul.options li .hr {
  margin: 0 0 24px 5%;
  float: left;
  width: 90%;
}

a.image-link {
  color: #000;
}

a.image-link img {
  border: 1px solid #666;
  border-radius: 5px;
  box-shadow: 0 0 2px 2px #999;
  width: 136px;
  height: 136px;
}

a.image-link:hover img {
  border: 1px solid #000;
  box-shadow: 0 0 5px 5px #999;
}

.tagline {
  position: relative;
  z-index: 1;
  font-size: 100%;
  line-height: 30px;
}

.blurb {
  color: #999;
  text-align: left;
  margin: 24px 48px 0 48px;
  font-size: 138.5%;
}

.mailto {
  margin-bottom: 0;
}

.mailto a {
  display: block;
  margin: 24px 10px 0 10px;
  font-size: 138.5%;
}

#home {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  color: #74060c;
}

#home a {
  display: block;
  font-size: 100%;
  color: #74060c;
}

#home img {
  margin-top: 3px;
  height: 24px;
  width: 25px;
}

#logo {
}

#tellus {
  margin: 26px 82px 32px 78px;
}

#tech_logos {
  height: 24px;
  margin-top: 2em;
  margin-left: auto;
  margin-right: auto;
}

#tech_logos img {
  height: 24px;
  width: 76px;
}

.detail-intro {
  position: relative;
  margin: 48px 0 0 48px;
}

.detail-intro .lead {
  text-align: left;
  font-size: 138.5%;
  margin-left: 192px;
  margin-right: 48px;
}

.detail-intro .follow {
  text-align: left;
  font-size: 138.5%;
  margin-left: 192px;
  margin-right: 48px;
}

.detail-intro a.image-link {
}

.detail-intro a.image-link img {
  margin-bottom: 36px;
  float: left;
  border: 1px solid #666;
  border-radius: 5px;
  box-shadow: 0 0 2px 2px #999;
  width: 136px;
  height: 136px;
  cursor: default;
}

.detail-intro a.image-link:hover img {
  border: 1px solid #666;
}

.detail-topics {
  float: left;
  margin: 24px 48px 0 48px;
  text-align: left;
  font-size: 138.5%;
}

.detail-topics dt {
  float: left;
  width: 192px;
  font-weight: bold;
}

.detail-topics dt a {
  text-decoration: none;
}

.detail-topics dt a:hover {
  text-decoration: underline;
}

.detail-topics dd {
  float: left;
  width: 65%;
  color: #999;
  margin-bottom: 24px;
}

.client-logo {
  float: left;
  margin: 12px 6px 12px 0;
}

.tagline {
  font-size: 90%;
}

.tagline a {
  margin: 0 32px;
}
.tagline span {
  margin: 0 32px;
}

.pointer {
  margin-right: 24px;
  float: right;
  color: #999;
}

#legal {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;
}