/* ==========================================================================
   Web Fonts
   ========================================================================== */
@font-face {
  font-family: 'basica_v.2012regular';
  src: url('../fonts/basica_solo_letras_para_dafont_lista__-webfont.eot');
  src: url('../fonts/basica_solo_letras_para_dafont_lista__-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/basica_solo_letras_para_dafont_lista__-webfont.woff') format('woff'),
     url('../fonts/basica_solo_letras_para_dafont_lista__-webfont.ttf') format('truetype'),
     url('../fonts/basica_solo_letras_para_dafont_lista__-webfont.svg#basica_v.2012regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'steelfishoutline';
  src: url('../fonts/steelfish_outline-webfont.eot');
  src: url('../fonts/steelfish_outline-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/steelfish_outline-webfont.woff') format('woff'),
     url('../fonts/steelfish_outline-webfont.ttf') format('truetype'),
     url('../fonts/steelfish_outline-webfont.svg#steelfishoutline') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'steelfishregular_italic';
  src: url('../fonts/steelfish_rg_it-webfont.eot');
  src: url('../fonts/steelfish_rg_it-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/steelfish_rg_it-webfont.woff') format('woff'),
     url('../fonts/steelfish_rg_it-webfont.ttf') format('truetype'),
     url('../fonts/steelfish_rg_it-webfont.svg#steelfishregular_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'steelfishregular';
  src: url('../fonts/steelfish_rg-webfont.eot');
  src: url('../fonts/steelfish_rg-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/steelfish_rg-webfont.woff') format('woff'),
     url('../fonts/steelfish_rg-webfont.ttf') format('truetype'),
     url('../fonts/steelfish_rg-webfont.svg#steelfishregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'borisblackbloxxregular';
  src: url('../fonts/borisblackbloxx-webfont.eot');
  src: url('../fonts/borisblackbloxx-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/borisblackbloxx-webfont.woff') format('woff'),
     url('../fonts/borisblackbloxx-webfont.ttf') format('truetype'),
     url('../fonts/borisblackbloxx-webfont.svg#borisblackbloxxregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'borisblackbloxxdirtyregular';
  src: url('../fonts/borisblackbloxxdirty-webfont.eot');
  src: url('../fonts/borisblackbloxxdirty-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/borisblackbloxxdirty-webfont.woff') format('woff'),
     url('../fonts/borisblackbloxxdirty-webfont.ttf') format('truetype'),
     url('../fonts/borisblackbloxxdirty-webfont.svg#borisblackbloxxdirtyregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
   
/* ==========================================================================
   Simple Reset
   ========================================================================== */

html, body { width: 100%; height: 100%; }
html, button, input, select, textarea { color: #222; }
body { font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Layout
   ========================================================================== */
  /*
  Dark Blue 0059A9 
  Light Blue C6E4F7
  Text 00B2EF (and SQUARE in logo)
  Innovations B8DFF6
  Square border 045AA8
  
  logo basica 2.0
       boris black bloxx
  text steelfish
  bold bottom splash, buttons  boris black bloxx
  forms arial
  */

#wrapper {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#boxWrapper {
  display: table-cell;
  vertical-align: middle;
}
#blueBox {
  margin:0 auto;
  width: 577px;
  min-height: 620px;
  border: #045AA8 6px solid;
  text-align: center;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "steelfishregular";
  behavior: url('http://blsquare.com/PIE.htc');
}
#blueBox #logo {
  width: 46.7%;
  height: auto;
  margin: 12% auto 0;
  image-rendering: optimizeQuality;
}
#blueBox h1 {
  margin: 0;
}
#blueBox h2 {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.16em;
  margin: 1.4em 0 3em 0;
  white-space: nowrap;
  color: #0059A9;
}
#blueBox p {
  font-family: "borisblackbloxxregular";
  font-size: 6px;
  font-weight: normal;
  letter-spacing: 0.2em;
  margin: 0 0 3em 0;
  white-space: nowrap;
  color: #00B2EF;
}
#blueBox input[type="image"] {
  width: 20%;
  height: auto;
}

#contactContent {
  display: none;
  margin-top: 1.9em;
}

#contactContent  .formblock {
  display: block;
  margin-bottom: .5em;
  font-size: .8em;
  font-family: Arial, Tahoma, sans-serif;
  color: #00B2EF;
}
#contactContent  ::-webkit-input-placeholder {
   color: #00B2EF;
}
#contactContent  :-moz-placeholder { /* Firefox 18- */
   color: #00B2EF;  
}
#contactContent  ::-moz-placeholder {  /* Firefox 19+ */
   color: #00B2EF;  
}
#contactContent  :-ms-input-placeholder {  
   color: #00B2EF;  
}
#contactContent  .formblock .txt { 
  font-family: Arial, Tahoma, sans-serif;
  font-size: .8em;
  color: #00B2EF;
  width: 60%;
  padding: .5em;
  margin-bottom: 1em;
  border: 1px solid #ccc;
}
#contactContent  .formblock .txtarea {
  font-family: Arial, Tahoma, sans-serif;
  font-size: .8em;
  color: #00B2EF;
  width: 60%;
  padding: .5em;
  margin-bottom: 1.2em;
  height: 8em;
  border: 1px solid #ccc;
}

#contactContent  .formblock .txt.inputError, #contactContent  .formblock .txtarea.inputError {
  border-color: #ff9933;
}
.wrap { width:960px; margin:60px auto 40px auto; padding:40px;clear:both; position:relative; z-index:2;  border: #045AA8 6px solid; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
#inventor_form>h1{margin:0 0 20px 0;}
#inventor_form>h1>img{width:250px;display: block;margin:0 auto;}
#blueBox .more_cont{width:100%;max-width:500px;margin:0 auto;}
#blueBox .more{width:248px;float:left;}
#blueBox .more.right{float:right;}
#blueBox .more>p{font-family:"borisblackbloxxregular",sans-serif;font-size:16px;text-transform: uppercase;letter-spacing: 1px;white-space: normal;margin:0;}
#blueBox .more>input[type="image"],#blueBox .more>a>input[type="image"]{width:120px;}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}
@media only screen and (max-width: 630px) {
#blueBox .more{width: 90%;display: block;float: none;margin:0 auto;}
#blueBox .more.right{float:none;}
}
@media print,
  (-o-min-device-pixel-ratio: 5/4),
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group; /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}