/*
  LTD Interactive website
  Created by Luc DeTellis
  Copyright 2018 LTD Interactive, LLC
*/

/* ================================================= */
/*  GENERAL                                          */
/* ================================================= */

body {
  background-color: #FFF;
  font-family: "Noto Sans", "Open Sans", "Lucida Grande", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin: 0;
  padding: 0;
}
input, button, select, option, textarea {
  font-family: "Noto Sans", "Open Sans", "Lucida Grande", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", "Lucida Grande", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 0;
}
h1, h2 {
  font-weight: 400;
}
h3, h4, h5, h6, b, strong, th {
  font-weight: 700;
}

a:link, a:visited {
  color: #007EF6;
  text-decoration: none;
}
a:hover {
  color: #007EF6;
  text-decoration: underline;
}
a:active {
  color: #007EF6;
  text-decoration: none;
}

a.pointer-only {
  cursor: pointer;
}
a.pointer-only:link, a.pointer-only:visited {
  color: inherit;
  text-decoration: none;
}
a.pointer-only:hover {
  color: inherit;
  text-decoration: none;
}
a.pointer-only:active {
  color: inherit;
  text-decoration: none;
}

/* ================================================= */
/*  HEADER                                           */
/* ================================================= */

header a:link, header a:visited, header a:hover, header a:active {
  color: #333;
  text-decoration: none;
}
header {
  background-color: #EEE;
  width: 100%;
  height: 64px;
  margin: 0;
  padding: 0;
}
header div#header-main {
  background-color: #D8D8D8;
  width: 800px;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: default;
}
h1#logo {
  /* TODO: replace with PNG rendering? */
  font-family: "Open Sans", "Lucida Grande", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  font-weight: 300;
  font-size: 36px;
  text-align: center;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
h1#logo span#llc {
  color: #555;
  font-weight: 400;
  font-size: 12px;
}

/* ================================================= */
/*  NAVIGATION                                       */
/* ================================================= */

nav a:link, nav a:visited, nav a:hover, nav a:active {
  color: black;
  text-decoration: none;
}
nav {
  background-color: #E8E8E8;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
nav div#nav-main {
  background-color: #C8C8C8;
  color: black;
  width: 800px;
  height: auto;
  font-weight: 400;
  text-align: center;
  margin: 0;
  padding: 0;
  cursor: default;
}
nav div.nav-item {
  background-color: #C8C8C8;
  margin: 0;
  margin-left: -2px;
  margin-right: -2px;
  padding: 0;
  padding-top: 5px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
  display: inline-block;
}
nav div.nav-item:hover {
  background-color: #D8D8D8;
}
nav div.nav-current, nav div.nav-current:hover {
  background-color: #EEE;
}

/* ================================================= */
/*  MAIN                                             */
/* ================================================= */

html, body, center {
  height: 100%;
}

div#main {
  background-color: #EEE;
  width: 768px;
  padding: 32px 16px;
}

p.align-left {
  text-align: left;
  padding: 0px 64px;
}

.logo-banner, .app-banner {
  margin-top: 0;
}
.app-banner img {
  margin: 0px 12px;
}

table.image-grid {
  margin-top: 32px;
  margin-bottom: 16px;
}
table.image-grid td {
  padding: 0px 2px;
}
table.image-grid img {
  border: 1px solid #CCC;
  padding: 4px;
}

table.padding-4px td, table.padding-4px th {
  padding: 4px;
}
table.padding-6px td, table.padding-6px th {
  padding: 6px;
}
table.padding-8px td, table.padding-8px th {
  padding: 8px;
}

tr.padding-top-4px td {
  padding-top: 4px;
}
tr.padding-top-6px td {
  padding-top: 6px;
}
tr.padding-top-8px td {
  padding-top: 8px;
}

/* ================================================= */
/*  FOOTER                                           */
/* ================================================= */

footer {
  font-family: "Open Sans", "Lucida Grande", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #888;
  font-size: 10px;
  position: fixed;
  bottom: 4px;
  right: 4px;
  cursor: pointer;
}

footer a:link, footer a:visited {
  color: #888;
  text-decoration: none;
}
footer a:hover {
  color: black;
  text-decoration: none;
}
footer a:active {
  color: #888;
  text-decoration: none;
}