/* Colours

Background grey: #dfe1e6
Tooltip blue: #4A89BD

*/

/* General */

body {
  background: #dfe1e6;
  color: #13243f;
  margin: 0 auto;
  font-family: tahoma, arial, helvetica, sans-serif;
  text-align: center;
}

a {
  color: #1b46a3;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p {
  font-size: 1.0em;
}

.point7 {
  font-size: 0.7em;
}

.point8 {
  font-size: 0.8em;
}

.point9 {
  font-size: 0.9em;
}

.one {
  font-size: 1.0em;
}

.bold {
  font-weight: bold;
}

.italics {
  font-style: italic;
}

h1 {
  font-size: 1.1em;
  font-variant: small-caps;
  letter-spacing: 0.1em;
  color: #1b46a3;
}

h2 {
  color: #17202f;
  font-size: 1.0em;
  letter-spacing: 0.1em;
}

.title {
  text-align: left;
  margin: -10px 0 0 -21px;
  max-width: 235px;
}

.title h1 {
  font-size: 0.95em;
  font-variant: small-caps;
  font-weight: normal;
  color: #fff;
  padding: 0.3em 0 0.5em 1.2em;
  background: #4a6c8b;
}

h2 a {
  color: #17202f;
  text-decoration: underline;
}

h2 a:hover {
  text-decoration: none;
}

h3 {
  color: #1b46a3;
  font-size: 0.9em;
}

ul {
  list-style: none;
}

li a {
  font-size: 0.9em;
  color: #4c6c9f;
  text-decoration: none;
}

li a:hover {
  text-decoration: underline;
}

.inline-image-l {
  vertical-align: top;
  float: left;
  padding: 0;
  margin: 0 10px 10px 0;
  border: solid 2px #13243f;
}

.inline-image-r {
  vertical-align: top;
  float: right;
  padding: 0;
  margin: 0 0 10px 10px;
  border: solid 2px #13243f;
}

.clear {
  clear: both;
}

.sci-art {
  border: 0;
  margin-left: -20px;
}

.right {
  text-align: right;
}

.right img {
  border: 0;
}

.top-pad {
  padding-top: 15px;
}

.sub-link {
  text-align: left;
  margin: 0 20px 20px -21px;
}

#nav .sub-heading .sub-link,
.sub-heading {
  font-size: 0.8em;
  font-variant: small-caps;
  font-weight: bold;
  border: 1px solid #adafb3;
  padding: 0.3em 1.5em 0.5em 1.5em;
  line-height: 90%;
  background: #ffffff;
  color: #1b46a3;
}

#nav .sub-link a,
.sub-link a {
  font-size: 0.8em;
  font-variant: small-caps;
  font-weight: normal;
  border: 1px solid #adafb3;
  padding: 0.3em 1.5em 0.5em 1.5em;
  line-height: 90%;
  background: #333;
  color: #fff;
}

#nav .sub-link a:hover,
.sub-link a:hover {
  background: #1b46a3;
  text-decoration: none;
  color: #fff;
}

/* Header Div */

#header {
  background: url(../images/header/header-colour.png) repeat-x #4a6c8b;
  margin: 0 auto;
  height: 234px;
}

#header-child {
  background: url(../images/header/header-full.png) no-repeat;
  height: 234px;
  width: 100%;
  margin: 0 auto;
  float: left;
  text-align: right;
}

#header-child a img {
  border: 0;
  float: right;
  margin-left: 416px;
}

#logo {
  background: url(../images/header/enox_logo.png) no-repeat;
  width: 385px;
  height: 183px;
  float: right;
}

/* Navigation Div */

#nav {
  background: url(../images/header/nav-bg.png) repeat-x #fff;
  margin: 0 auto;
  clear: both;
  height: 38px;
}

#nav-child-l {
  background: url(../images/header/nav-left.png) no-repeat;
  width: 397px;
  float: left;
  text-align: left;
  padding-left: 20px;
  height: 38px;
}

#nav-child-r {
  background: none;
  margin: 0 auto;
  padding: 0;
  float: right;
  text-align: right;
  height: 38px;
}

#nav-child-r p {
  margin: 0;
  padding-top: 6px;
}

#nav a {
  color: #0d192c;
  text-decoration: none;
  display: inline;
  padding: 0 0.5em;
  font-size: 0.9em;
  font-weight: bold;
  font-variant: small-caps;
}

#nav a.far-right {
  padding-right: 0;
}

#nav a:hover {
  color: #395a79;
}

#nav-bevel {
  background: url(../images/header/nav-right.png) no-repeat;
  width: 10px;
  float: right;
  height: 38px;
}

/* Layout Divs */

#shadow {
  width: 80%;
  min-width: 920px;
  margin: 20px auto 0 auto;
  position: relative;
  bottom: 6px;
  right: 6px;
  background: #a0a0a0;
}

#container {
  background: #fff;
  border: 1px #adafb3 solid;
  position: relative;
  bottom: 6px;
  right: 6px;
}

#main {
  background: #fff;
  text-align: justify;
  margin: 0 auto;
  padding: 0 10px;
}

#left {
  float: left;
  display: inline;
  padding-left: 10px;
}

#right {
  text-align: right;
  background: #fff;
  float: right;
  min-width: 400px;
  display: inline;
  padding-top: 20px;
}

#full {
  margin: 0 auto;
  padding: 10px;
}

/* Footer */

#footer {
  margin: 5px auto 0 auto;
  width: 80%;
  min-width: 920px;
  padding-right: 12px;
  color: #000;
}

#footer p {
  font-size: 0.7em;
}

#footer p a {
  color: #1b46a3;
  text-decoration: none;
  font-weight: normal;
}

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

.footer-left {
  float: left;
  text-align: left;
}

.footer-right {
  float: right;
  text-align: right;
}

/* Clients page */

#clients {
  text-align: center;
  margin: 20px 10px;
}

#clients img {
  border: 0;
  height: 50px;
}

#affiliates {
  text-align: center;
  margin: 20px 10px;
}

#affiliates img {
  border: 0;
  height: 40px;
}

/* Contact page */

table.contact {
  width: 90%;
  border: 0;
}

.form-content-left {
  border: 0;
  width: 25%;
}

.form-content-right {
  border: 0;
  width: 75%;
}

/* Site map */

.sitemap li {
  padding: 10px 0;
}

.child li {
  padding: 0;
  margin: 0 -1.5em;
}

.child li a {
  font-weight: normal;
}

.list-heading {
  font-weight: bold;
  font-size: 0.8em;
}

/* Drop Shadow */

#shadow-container {
  position: relative;
  left: 3px;
  top: 3px;
  margin: 3px auto;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
  position: relative;
  left: -1px;
  top: -1px;
}
 
#shadow-container .shadow1 {
  background: #f1f0f1;
}
 
#shadow-container .shadow2 {
  background: #dbdadb;
}
 
#shadow-container .shadow3 {
  background: #b8b6b8;
}
 
#shadow-container .outer-container {
  background: #ffffff;
  border: 1px solid #848284;
  padding: 10px;
}

/* Embedded video */

#reel-div {
  vertical-align: top;
  float: right;
  padding: 0;
  margin: 10px 0 0 20px;
}

.reel {
  width: 340px;
  height: 240px;
}