/** 
 * Vitesse Compass Boilerplate - Typography
 * Must be included after style.css which sets up the HTML5 Boilerplate
 *    - Compass/SASS
 *    - HTML5 Boilerplate
 *    - 960 GS
 * @copyright Copyright (C) 2011 Vitesse Web Design
 * @author Vitesse Web Design
 */
/* =============================================================================
   Site Typography
   ========================================================================== */
body, select, input, textarea {
  color: black;
  font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700; }

a, a:active, a:visited {
  color: #888888; }

a:hover {
  color: #dd82c6; }

strong, th {
  font-weight: bold; }

/* --------------------------------- GENERAL -------------------------------- */
.reverseCoded {
  unicode-bidi: bidi-override;
  direction: rtl; }

.hcardTypeWrapper {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .hcardTypeWrapper.focusable:active, .hcardTypeWrapper.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

/* ---------------------------------- HEADER -------------------------------- */
header div#headerContentWrapper div#headerCompanyNameTaglineContainer h2#headerCompanyName {
  font-size: 1.2em;
  text-align: center; }
header div#headerContentWrapper div#headerCompanyNameTaglineContainer p.subtitle {
  font-size: 0.7em;
  text-align: center; }

/* ----------------------------------- NAV ---------------------------------- */
/* ------------------------------ MAIN CONTENT ------------------------------ */
div#contentContainerWrapper div#contentContainer {
  font-size: 0.9em;
  text-align: right;
  font-weight: 500; }
  div#contentContainerWrapper div#contentContainer div.contentBodyContainer {
    font-size: 0.9em;
    text-align: right;
    line-height: 1.3em; }

.content-quote {
  font-style: oblique;
  font-weight: 500; }

.content-quote-name {
  font-weight: bold; }

.content-contact-details {
  font-weight: bold;
  font-size: 1.0em;
  color: #902a77; }
  .content-contact-details a {
    color: #902a77;
    text-decoration: none; }

/* ----------------------         LANDING PAGE           -------------------- */
.lettering-split-letters, .lettering-split-words, .lettering-split-words-then-letters {
  /* empty styles */ }

/* ----------------------         SERVICES PAGE          -------------------- */
/* ----------------------------- PORTFOLIO PAGE ----------------------------- */
/* -------------------------------- ABOUT US -------------------------------- */
/* ------------------------------- CONTACT US ------------------------------- */
div#hcard-contact-us-form {
  font-size: 0.8em; }

form#Form_Form div.field > label {
  font-weight: bold; }

/* ---------------------------- PAGE NOT FOUND ------------------------------ */
body#page-not-found div#contentContainerWrapper div#contentContainer div.contentBodyContainer {
  text-align: left;
  font-size: 1.2em; }

/* ------------------------------ MEMBER LOGIN ------------------------------ */
form#MemberLoginForm_LoginForm {
  text-align: left; }
  form#MemberLoginForm_LoginForm p#ForgotPassword {
    font-size: 0.8em;
    color: black; }
    form#MemberLoginForm_LoginForm p#ForgotPassword a {
      color: black;
      text-decoration: none;
      border-bottom: 1px dotted #888888; }

/* --------------------------------- FOOTER -------------------------------- */
footer {
  font-size: 0.5em;
  color: #555555; }
  footer div.footerDetailContainer p {
    line-height: 15px; }
  footer div#footerCopyrightDetails p,
  footer div#footerDisclaimerDetails p {
    text-align: center; }
  footer div#footerWebDesigner p {
    text-align: right; }
  footer a {
    text-decoration: none; }

.no-js div#disclaimerDialog {
  display: none;
  position: absolute;
  width: 80%;
  left: 0px;
  margin: 30px 10% 30px 10%; }

div#disclaimerDialog {
  font-size: 0.7em; }