/* Standard (Desktop) CSS */
html, body {
  background: #f4f4f4;
  padding-top: 10px;
  padding-bottom: 5px; }

body {
  /* welcome page */ }
  body #plusone {
    position: fixed;
    bottom: 7px;
    left: 15px; }
  body #fb-like {
    position: fixed;
    top: 12px;
    left: 15px; }
  body .nav {
    float: right;
    margin-top: 25px;
    margin-bottom: 10px; }
    body .nav select {
      display: none; }
    body .nav a {
      text-shadow: none;
      color: #404040; }
      body .nav a:hover {
        background: gray;
        color: white; }
    body .nav .active a {
      background: #404040;
      color: white; }
  body #page {
    zoom: 1;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.07);
    border: 1px solid #dddddd;
    min-height: 500px;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
    margin-top: 80px;
    margin-bottom: 10px;
    padding: 10px 20px; }
    body #page:before, body #page:after {
      display: table;
      content: ""; }
    body #page:after {
      clear: both; }
    body #page p {
      font-size: 1.2em; }
  body #footer {
    color: gray;
    text-align: right;
    padding: 5px 5px 10px 0;
    zoom: 1; }
    body #footer:before, body #footer:after {
      display: table;
      content: ""; }
    body #footer:after {
      clear: both; }
    body #footer #email {
      background: url("/images/email.png") 0px -11px no-repeat;
      margin-left: 5px;
      padding: 0px 5px 2px 45px;
      float: left; }
    body #footer #call {
      background: url("/images/call.png") 0px -10px no-repeat;
      margin-left: 5px;
      padding: 1px 5px 2px 45px;
      float: left; }
  body address {
    margin-bottom: 5px; }
  body p {
    color: #222; }
  body form {
    padding-top: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    body form fieldset {
      padding: 10px 10px 0 10px; }
  body h1, body h2, body h3 {
    color: #5174B8; }
  body img#logo {
    padding-bottom: 5px;
    float: left; }
  body a.splash {
    border: 1px solid #999;
    display: block;
    margin: 10px 0; }
    body a.splash img {
      display: block; }
    body a.splash:hover {
      border: 1px solid #0064cd; }
  body ul.image-list {
    margin-top: 10px;
    margin-bottom: -10px; }
    body ul.image-list li {
      overflow: auto;
      display: block; }
      body ul.image-list li a {
        margin-right: 18px;
        display: inline; }
        body ul.image-list li a img {
          background-color: #fff; }
      body ul.image-list li .description {
        display: inline; }
        body ul.image-list li .description a {
          float: none;
          text-decoration: none;
          margin: 0; }
  body ul.medium-margin {
    margin-bottom: -20px; }
    body ul.medium-margin a {
      margin-bottom: 30px; }
  body ul.large-margin a {
    margin-bottom: 50px; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  /* Styles */
  #fb-like, #plusone {
    display: none; }

  .container {
    padding-top: 25px; }
    .container .nav ul {
      display: none; }
    .container .nav select {
      display: block;
      position: fixed;
      top: 12px;
      right: 10px; }
    .container #footer div {
      margin-bottom: 5px; }
    .container #page {
      min-height: 200px;
      margin-top: 50px; }
    .container ul.image-list li a {
      margin: 5px 25px 5px 15px;
      display: inline-block; }
      .container ul.image-list li a img {
        background-color: #fff; }
    .container ul.image-list li .description {
      display: inline-block;
      margin: 0px 20px 20px 20px; }
      .container ul.image-list li .description a {
        text-decoration: none;
        float: none;
        margin: 0; } }
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-device-width : 480px) {
  /* Styles */
  .container {
    max-width: 460px; }
    .container #logo {
      width: 290px;
      margin-bottom: -20px; }
    .container a.splash img {
      width: 416px; }
    .container ul.solutions img {
      width: 170px; } }
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) and (max-device-width : 480px) {
  /* Styles */
  .container {
    max-width: 300px; }
    .container #logo {
      width: 290px;
      margin-bottom: -20px; }
    .container a.splash img {
      width: 256px; }
    .container ul.solutions img {
      width: 170px; } }
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  body {
    padding-top: 0px; }
    body #fb-like, body #plusone {
      display: none; }
    body #logo {
      margin-top: 15px;
      width: 320px; } }
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  /* Styles */ }
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .container {
    min-width: 601px;
    max-width: 748px; }
    .container #page {
      min-height: 400px; }
    .container a.splash img {
      width: 704px; } }