@charset "UTF-8";
* {
  padding: 0;
  margin: 0; }

html, body {
  height: 100%; }

#wrap {
  min-height: 100%; }

#main {
  overflow: auto;
  padding-bottom: 50px;
  height: 35em; }

.loading {
  color: white;
  font-size: 2em;
  text-align: center; }

.column {
  width: 55em;
  height: 3.7em;
  margin-left: auto;
  margin-right: auto; }

.lefty {
  float: left; }

.righty {
  float: right; }

h1, h2 {
  color: white;
  cursor: default;
  text-shadow: 3px 3px 4px #000;
  filter: Shadow(Color=black, Direction=130, Strength=7); }

.h1, .h2 {
  display: none; }

.logo {
  display: none;
  width: 300px;
  height: 100px;
  background: url(/images/byteio.png) no-repeat; }

.h1 {
  font-size: 2.5em;
  padding-bottom: 0.2em; }

.h2 {
  font-size: 1.5em;
  padding-bottom: 0.9em; }

.wide {
  width: 100%;
  clear: both; }

body {
  font-family: "Ubuntu-Light", "Ubuntu", "FontAwesome";
  background: url(/images/bg.jpg) no-repeat;
  background-color: black; }

#nav-panel {
  display: none;
  width: 100%;
  height: 3.7em;
  background-color: rgba(0, 0, 0, 0.7); }
  #nav-panel li {
    font-family: "Ubuntu";
    color: white;
    font-weight: bold;
    font-size: 1.3em;
    padding-top: 0.65em;
    padding-right: 1.1em;
    cursor: pointer;
    float: left;
    list-style: none; }
  #nav-panel a {
    text-decoration: none;
    color: white; }
  #nav-panel a:active, #nav-panel li:active {
    color: #0023D8; }
  #nav-panel a:visited, #nav-panel li:visited {
    color: white; }
  #nav-panel a:hover, #nav-panel li:hover {
    color: yellow; }

.content-panel {
  display: none;
  width: 50em;
  height: 17.5em;
  border-style: solid;
  border-color: black;
  border-width: 1em;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 4px 4px 5px #000;
  border-radius: 3px; }
  .content-panel p {
    padding-left: 1em;
    font-weight: bold;
    cursor: default; }

#contact p {
  padding-bottom: 1em; }
#contact ul {
  list-style: none;
  font-weight: bold;
  padding-left: 2em; }
  #contact ul ul {
    padding-bottom: 1em; }
    #contact ul ul li {
      font-size: 1.4em; }

#our_services li {
  display: list-item;
  font-size: 0.9em;
  font-weight: bold;
  list-style-type: square;
  color: #0023D8;
  clear: both;
  cursor: default; }
#our_services .squeeze {
  width: 44em;
  padding-left: 3em;
  padding-top: 1.5em; }

.quote-panel, .quote-phase {
  display: none;
  width: 100%;
  height: 5em; }
  .quote-panel .blurb, .quote-phase .blurb {
    font-size: 1em;
    cursor: default; }

.quote-phase {
  height: 4em; }

.quote-detail {
  display: none; }

.even-label {
  display: inline-block;
  width: 9.5em;
  height: 1em; }

#quote_start {
  display: block;
  text-align: center; }
  #quote_start ul {
    padding-top: 3.4em;
    padding-left: 3.6em; }
  #quote_start li {
    padding-right: 0.75em;
    color: black;
    font-size: 3.8em;
    cursor: pointer;
    float: left;
    list-style: none; }
  #quote_start li:hover {
    color: #0023D8; }
  #quote_start li:active {
    color: white; }

#quote_thx span {
  font-size: 2em;
  font-weight: bold;
  color: green; }
#quote_thx .icon-success {
  color: green;
  font-size: 13em;
  padding-left: 0.2em; }
#quote_thx .lefty {
  width: 2em; }
#quote_thx .righty {
  width: 30em;
  padding-right: 4em; }
#quote_thx p {
  padding-bottom: 1em; }

#quote_go {
  display: none;
  font-size: 1.2em;
  font-weight: bold; }
  #quote_go label {
    width: 3em; }
  #quote_go li, #quote_go .wide {
    display: block;
    padding-bottom: 0.3em; }
  #quote_go label:hover {
    color: #0023D8; }
  #quote_go .split {
    padding-left: 1em; }
  #quote_go .blurb {
    height: 1.5em;
    color: black;
    width: 95%;
    font-size: 0.75em;
    cursor: default; }

#quote_details {
  font-size: 0.86em; }
  #quote_details .even-label {
    padding: 0px; }
  #quote_details p, #quote_details ul {
    padding-bottom: 0.5em; }
  #quote_details .quote-detail {
    padding-left: 1em; }
  #quote_details .blurb {
    height: 3.25em;
    color: black;
    width: 97%;
    font-size: 0.8em;
    cursor: default; }
  #quote_details #web .dropdown {
    width: 12em; }

#quote_final .even-label {
  width: 6em; }
#quote_final .textbox, #quote_final .dropdown {
  font-size: 0.9em;
  width: 11.5em; }
#quote_final .righty {
  width: 21em; }
  #quote_final .righty p {
    font-size: 0.6em; }
#quote_final .err {
  display: none;
  padding-top: 3.3em;
  color: #0023D8;
  text-decoration: underline; }
#quote_final textarea {
  width: 28.5em;
  height: 6.5em;
  background-color: black;
  color: white;
  border-color: white;
  border-width: 3px;
  resize: none; }

#quote_content {
  width: 100%;
  height: 10.5em; }

#foot {
  cursor: default;
  filter: Shadow(Color=black, Direction=130, Strength=4);
  text-shadow: 2px 2px 2px #000;
  font-size: 11px;
  text-align: center;
  font-weight: bold;
  position: relative;
  margin-top: -50px;
  height: 50px;
  color: white;
  clear: both; }

.options {
  display: none;
  position: absolute;
  background-color: black;
  color: white; }
  .options li {
    cursor: pointer;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 0.9em; }
  .options li:hover {
    color: yellow; }

.textbox, .dropdown {
  padding: 0.15em;
  padding-left: 0.25em;
  box-shadow: 4px 4px 5px #000;
  background-color: black;
  color: white;
  width: 10em;
  font-size: 1.1em;
  font-family: "Ubuntu";
  font-weight: bold;
  cursor: text;
  border-style: solid;
  border-color: white;
  border-width: 3px; }

.dropdown {
  cursor: pointer; }

.edit {
  cursor: text;
  font-style: italic;
  color: #444; }

.user {
  color: yellow; }

.confirm {
  font-size: 1.5em;
  padding-left: 0.3em;
  padding-right: 0.5em;
  padding-top: 0.2em;
  cursor: pointer;
  color: black; }

.confirm:hover {
  color: #0023D8; }

.confirm:active {
  color: yellow; }

.subtitle {
  text-shadow: 3px 3px 4px #000;
  filter: Shadow(Color=black, Direction=130, Strength=7);
  cursor: default;
  font-size: 1.7em;
  color: white;
  font-weight: bold;
  left: 0.3em;
  top: -0.96em;
  position: relative; }

.using {
  color: white;
  cursor: default; }

.using:hover {
  color: white; }

.using:active {
  color: white; }

.using:visited {
  color: white; }

.icon, .icon-success:before, .icon-key:before, .icon-file:before, .icon-phone:before, .icon-globe:before, .icon-laptop:before, .icon-next:before, .icon-back:before {
  font-size: 1em;
  font-family: "FontAwesome";
  display: inline; }

.icon-success:before {
  content: ""; }

.icon-key:before {
  content: ""; }

.icon-file:before {
  content: ""; }

.icon-phone:before {
  content: ""; }

.icon-globe:before {
  content: ""; }

.icon-laptop:before {
  content: ""; }

.icon-next:before {
  content: ""; }

.icon-back:before {
  content: ""; }