/* margin: top right bottom left
 * 1em == 16px == 12pt */

@font-face {
  font-family: MyriadPro-Regular;
  src: url("../fonts/MyriadPro-Regular.otf")
}

body {
  background: #f2f1f0;
  color: #000000;
  font-family: MyriadPro-Regular, Arial, sans-serif;
  font-size: 12pt;
  margin: 0;
}

img {
  border: 0;
}

.orange {
  background: #ffb300;
}

.red {
  background: #c61931;
}

.purple {
  background: #71456c;
}

.green {
  background: #008375;
}

.pink {
  background: #fd4f57;
}

.blue {
  background: #328aab;
}

.black {
  background: #000000;
}

.space {
  height: 2em;
}

.sep {
  width: 100%;
  height: 8px;
}

.clean {
  clear: both;
}

.text-width {
  width: 90%;
  margin: auto;
  margin-bottom: 0.6em;
}

.text-justify {
  text-align: justify;
}

.text-line-height {
  /*font-weight: 300;*/
  line-height: 1.6em;
}

.awn1 {
  width: 163px;
}

.awn2 {
  width: 162px;
}

.eye {
  width: 48px;
  height: 48px;
  border: 0;
  float: left;
}

#container {
  background: #e6e2dd;
  width: 1024px;
  margin: auto;
}

#nav, #header, #content, #footer {
  width: 100%;
}

#nav {
  background: #000000;
}

#nav a {
  display: inline-block;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none !important;
  text-align: center;
  padding: 1em 0;
  margin: 0;
}

#nav a:hover {
  padding-bottom: 11px;
  border-bottom: 5px solid #000000;
  /*text-decoration: underline !important;*/
}

#header {
  background: #afa7a1;
}

#header h1 {
  font-weight: normal;
  text-transform: uppercase;
  padding: 1.25em 1em 1em 1em;
  margin: 0;
}

#content {}

#content h2 {
  width: 40%;
  color: #000000;
  font-weight: normal;
  text-transform: uppercase;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #000000;
  padding: 0.75em 2em 0.5em 2em;
}

#content h3 {
  font-weight: normal;
  text-transform: uppercase;
  padding-left: 2.7em;
}

#content a {
  color: #006699;
  text-decoration: none;
  border-bottom: 1px dotted #cc0000;
}

#content a:hover {
  color: #6699cc;
  border-bottom: 0;
}

#footer {
  background: #858279;
  color: #e9ffff;
  font-size: 12pt;
  padding: 2.6em 0;
}

#footer a {
  color: #e9ffff;
  text-decoration: none !important;
}

#footer a:hover {
  text-decoration: underline !important;
}

#footer-img {
  float: left;
  margin-left: 3em;
}

#footer-info {
  text-align: right;
  margin-left: 3em;
  margin-right: 3em;
}