/**  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: #444444; font-family: "Istok Web", Arial, Helvetica, sans-serif; }

.oldie body { font-family: Verdana, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: "Istok Web", Arial, Helvetica, sans-serif; font-weight: 700; }

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

a:hover { color: #4AA4D8; /*color: #eca644;*/ }

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 ---------------------------------- */
nav#navMenuContainer { line-height: 100px; }
nav#navMenuContainer ul.navMenu > li { text-align: center; text-transform: uppercase; }
nav#navMenuContainer ul.navMenu > li > a { text-decoration: none; line-height: 100px; color: #262626; }
nav#navMenuContainer ul.navMenu > li > a:hover { color: #f2ffff; }

/* ------------------------------ MAIN CONTENT ------------------------------ */
div#contentContainer h2.standardHeading { line-height: 30px; color: #328CBC; /*#ff9601;*/ }

div#showcaseContentContainer h3 { font-size: 1.3em; }
div#showcaseContentContainer p { font-size: 0.9em; }

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

body#home div#contentContainer div#showcaseContentContainerWrapper div#showcaseContentContainer h3 { line-height: 1.2em; font-size: 1.3em; }
body#home div#contentContainer div#showcaseContentContainerWrapper div#showcaseContentContainer ul { font-size: 0.8em; }

/* ----------------------         SERVICES PAGE          -------------------- */
body#interior-and-exterior-painting-and-decorating-services-in-greater-bendigo div.contentBodyContainer { font-size: 0.8em; }
body#interior-and-exterior-painting-and-decorating-services-in-greater-bendigo div#aboutUs h3 { font-size: 1.4em; color: #328CBC; /*#ff9601;*/ }

/* ------------------------------ GALLERY PAGE ------------------------------ */
.no-js body#gallery-of-projects div#galleryThumbnailsContainer div.caption { font-size: 0.7em; }

body#gallery-of-projects div#galleryImageContainer a { text-decoration: none; }

div#galleryThumbnailsContainer div.pagination a, div#galleryThumbnailsContainer div.pagination span.current, div#galleryThumbnailsContainer div.pagination span.ellipsis { font-size: 0.9em; line-height: 15px; }
div#galleryThumbnailsContainer div#caption span.itemTitle, div#galleryThumbnailsContainer div.caption span.itemTitle { font-weight: bold; }
div#galleryThumbnailsContainer div#caption span.itemValue, div#galleryThumbnailsContainer div.caption span.itemValue { font-style: oblique; color: #999999; }
div#galleryThumbnailsContainer div#caption { font-size: 0.8em; }

/* ------------------------------ TESTIMONIALS ------------------------------ */
body#testimonials ul#testimonialsList { font-family: "Cardo", cursive; font-weight: 400; font-style: oblique; }
body#testimonials ul#testimonialsList p.testimonialText { color: #67625A; font-size: 0.9em; text-align: justify; }
body#testimonials ul#testimonialsList p.testimonialClient { font-weight: bold; font-size: 0.8em; }
body#testimonials ul#testimonialsList p.testimonialTagTitle, body#testimonials ul#testimonialsList ul.tagList { font-size: 0.8em; }
body#testimonials ul#testimonialsList p.testimonialTagTitle { color: #444444; }
body#testimonials ul#testimonialsList ul.tagList { color: #b6aea2; }

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

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

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

/* ----------------------------- ASIDE CONTAINER ---------------------------- */
div#asideAreaWrapper { font-size: 0.9em; }
div#asideAreaWrapper div#asideArea div.WidgetHolder div.WidgetContentWrapper > h3 { color: #262626; font-size: 1.3em; }
div#asideAreaWrapper div#asideArea div.WidgetHolder div#testimonialWidget blockquote { font-style: oblique; }
div#asideAreaWrapper div#asideArea div.WidgetHolder div#testimonialWidget p.testimonial-author { font-size: 0.9em; text-align: right; font-weight: bold; }

/* --------------------------------- FOOTER -------------------------------- */
footer { font-size: 0.7em; }
footer div.footerDetailContainer p { line-height: 4em; }
footer div#footerCopyrightDetails p, footer div#footerDisclaimerDetails p { text-align: center; }
footer div#footerWebDesigner p { text-align: right; }
footer a { text-decoration: none; border-bottom: 1px dotted #888888; }

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

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