/*©2006 Nethernet Corp*
/*Global*/
body {
  height: 100%;
  color: #373737;
  font-size: 13px;
  overflow: hidden;
  font-family: verdana;
  background-color: #e5e6cd;
  vertical-align: middle;
  margin: 0;
  padding: 0; }

#top { 
  background-color: #e8e8e8; 
  height: 20px; 
  border-top: 2px solid #a3a3a3; 
  border-bottom: 1px solid #a3a3a3; 
  border-left-style: none;
  /*a3a3a3;*/
  border-right-style: none;
}

#bottom { background-image: url(images/bottombg.gif); background-repeat: repeat; height: 38px; clear: both; border-top: 2px solid #a3a3a3; }
#background { background-color: #fbfbfb; width: 100%; background-image: url(images/gradientbg.gif); background-repeat: repeat-x; overflow: hidden; }
.letter:first-letter {
  color: #6982ab;
  font-size: 2.5em;
  font-weight: bold;
  margin: 0;
  padding-top: 0;
  padding-right: 3px;
  padding-left: 0; }
  p {
    margin: 10px 0 0;
    padding: 10px;
    line-height: 1.5em; }
    .s {
      font-size: 0.8em; }
      .s a { color: black; }
      a:link,  a:visited {
        text-decoration: underline;
        font-weight: bold;
        color: #286596; }
        a:hover,  a:active,  a:focus {
          color: #062684; }
          #wrapper { background-color: #f7f7f7; background-repeat: no-repeat; background-position: right bottom; width: 795px !important; height: 290px !important; overflow: hidden; margin: 0 auto; border-color: #a3a3a3; border-style: none solid; border-width: 1px; }

#footer {
  color: #6e6e6e;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}

/*Front Page
*/
body,  html {
  height: 100%; }
#about {
  text-align: left;
  width: 200px;
  float: left;
  margin: 0 5px 5px 0; }
#about div { border-top: 1px dotted #bfbfbf; border-bottom: 1px dotted #bfbfbf; }
#about a { color: #454545; font-size: 0.85em; font-weight: bold; text-decoration: underline; }
#about a:hover { color: #5c76a0; }
.imageright {
  float: right;
  clear: right; }
.display {
  background-color: #6982ab;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0 0;
  float: left;
  width: 25px;
  height: 290px;
  overflow: hidden;
  margin: 0 2px 0 0;
  border-color: #afafaf;
  border-width: 1px; }
  .stretcher { background-repeat: no-repeat; background-position: right top; text-align: left; float: left; width: 420px ; height: 290px ; }
  #text { color: #5d5d47; font-size: 14px; font-weight: bold; background-color: #f7f7f7; text-align: right; height: 20px; padding-top: 6px; padding-right: 20px; padding-bottom: 6px; border-top: 1px solid #a3a3a3; }
  .image:hover {
    border-color: #373737;
    filter:alpha(opacity=100);
    opacity: 1.00;
    -moz-opacity:1.00; }
    .image {
      margin: 5px;
      padding: 0;
      border: solid 1px black;
      filter:alpha(opacity=70);
      opacity: 0.70;
      -moz-opacity:0.70; }
      ul { margin-top: 0; margin-right: 0; margin-left: 10px; list-style-type: disc; }

/*Inside portfolio stuff*/
#iwrapper { background-color: #f7f7f7; background-repeat: no-repeat; background-position: right bottom; width: 795px !important; height: auto !important; overflow: hidden; margin: 0 auto; border-color: #a3a3a3; border-style: none solid; border-width: 1px; }
#nav { font-size: 11px; background-image: none; background-repeat: no-repeat; text-align: left; width: 180px; height: auto; float: left; padding: 10px 20px 0 0; border-top: 1px none #a3a3a3; border-right: 1px dotted #a3a3a3; border-left: 1px none #a3a3a3; border-bottom-color: #a3a3a3; border-bottom-width: 1px; }
#nav li { font-weight: bold; margin: 0; padding: 0; list-style-type: none; }
#nav ul { list-style-type: none; margin: 4px 0 4px 10px; padding: 0; }

div#content {
  width: 574px;
  height: 353px;
  height: 330px;
  float: right;
}

.portfolio { font-size: 0.95em; background-color: #f7f7f7; background-image: none; background-repeat: no-repeat; width: 100%; height: 100%; float: left; }
.portfolio h1 { font-size: 16px; margin-top: 20px; margin-left: 10px; margin-bottom: 0; }
.imageright { float: right; clear: both; margin: 20px; border: solid 1px #a8a89b; }

.portfolio p {
  margin: 0;
}

div.featurelist {
  clear: both;
}

div.featurelist div {
  width: 45%;
  margin: 0 5px 15px 5px;
  float: left;
}

div.featurelist div.onecol {
  width: 90%;
  margin: 0 5px 15px 5px;
  float: none;
}

.featurelist ul {
  font-size: 10px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.featurelist ul li {
  padding-left: 20px;
  background: transparent url(images/tinybullet.gif) top left no-repeat;
}

p.retlink, div#navbot p {
  clear: both;
  padding-left: 20px;
  background: transparent url(images/tinybullet.gif) center left no-repeat;
}

div.techused {
  clear: both;
  margin-left: 10px;
}

.techused h2 {
  font-size: 1em;
  margin: 0; padding: 0;
}

.techused p {
  margin: 0; padding: 0;
}