/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #78645D;
    font-family:"Din Text Pro Light", Verdana, sans-serif; font-size-adjust:0.5; font-weight:200; font-style:normal;
}

body {
    font-size: 14px;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*
div { font-family:"Din Text Pro Light", Verdana, sans-serif; font-size-adjust:0.5; font-weight:200; font-style:normal; }
div { font-family:"Din Text Pro Light Italic", Verdana, sans-serif; font-size-adjust:0.5; font-weight:200; font-style:italic; }
div { font-family:"Din Text Pro Bold", Verdana, sans-serif; font-size-adjust:0.5; font-weight:bold; font-style:normal; }
*/

/* Sprite Locations
0,0 Twitter
34,34 linkedin
68,0 facebook
102,0 rss
60,0 location pointer
120,0 nav speech
0,200 Logo
0,281 Logo Small
0,333 Twitter heading
*/

a {
    color: #E00A14;
    text-decoration: none;
}

h1,h2,h3,h4,h5,h6,strong,cite {
    font-style: normal;
    font-weight: normal;
}

.red { color: #E00A14;}

.wf-loading body {
    visibility: hidden;
}

/* Header */

body>header {
    position: fixed;
    height: 148px;
    width: 100%;
    top: 0;
    background: url(../img/header_bg.png) repeat-x left bottom;
    z-index: 20;
}

body.small-header>header {
    height: 80px;
    transition: .5s linear;
}

body>header h1 {
    margin: 0;
    width: 200px;
    height: 50px;
    left: 40px;
    top: 30px;
    position: absolute;
}

body.small-header>header h1 {
    top: 10px;
    background-position: 0 -281px;
    height: 53px;
}

body.small-header>header nav {
    margin-top: 15px;
}

body>header nav {
    text-align: center;
    margin-top: 50px;
    font-size: 14px;
    font-family:"Din Text Pro Bold", Verdana, sans-serif; font-size-adjust:0.5; font-weight:bold; font-style:normal;
}

body>header .social {
    position: absolute;
    right: 40px;
    top: 30px;
}

body>header nav a {
    display: inline-block;
    height: 35px;
    padding-top: 26px;
    text-decoration: none;
    color: #78645D;
    text-transform: uppercase
}

body>header nav li.active a {
    background: url(../img/sprite.png) no-repeat center -120px;
}

body>header ul {
    padding: 0;
    margin: 0;
}

body>header li {
    list-style: none;
    display: inline;
    padding: 0;
    margin: 0;
}

body>header nav li {
    margin: 0 12px;
    position: relative;
}

body>header nav ul ul {
    display: none;
    position: absolute;
    left: 0px;
    background: #E20A16;
    width: 200px;
    text-align: left;
    padding: 10px 0;
}

body>header nav li:hover ul {
    display: block;
}

body>header nav ul ul li {
    margin: 0;
    padding: 0;
    font-family:"Din Text Pro Light", Verdana, sans-serif; font-size-adjust:0.5; font-weight:200; font-style:normal;
}

body>header nav ul ul li a {
    color: #fff;
    padding: 10px 20px;
    height: auto;
}


.social a {
    background: url(../img/sprite.png) no-repeat;
    width: 34px;
    height: 34px;
    display: inline-block;
    text-indent: -9999px;
    padding-top: 13px
}

.social a.facebook {
    background-position: -68px 0;
    padding-top: 34px;
}

.social a.linkedin {
    background-position: -34px 0;
    padding-top: 0px;
}

.social a.rss {
    background-position: -102px 0;
    padding-top: 26px;
}

body.small-header>header .social a {
    padding-top: 0;
    transition: .5s linear;
}

/* Footer */
body footer {
    font-size: 13px;
    margin-top: 30px;
}

body footer, body footer a  {
    color: #999
}

body footer .links a  {
    margin-right: 20px;
    text-decoration: underline;
}

body footer .credit {
    clear: right;
    float: right;
}

body footer .logos {
    float: right;
}

/* Main */

.bg {
    background: url(../img/body_bg.png) repeat-y center top;
    padding-bottom: 500px;
}

section {
    margin-bottom: 50px;
}

#what-we-do,#news-events,#contact-us,#about, #blog {
    padding-top: 50px;
}

section h2, section h3, section h4 {
    font-weight: normal;
    margin-bottom: 0;
}

h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }

#home {
    margin-top: 160px;
}

body.small-header #home {
    margin-top: 80px;
}

.button {
    color: #fff;
    background: #E20A16;
    font-size: 18px;
    text-align: center;
    padding: 20px 0;
    display: block;
    text-decoration: none;
    border-radius: 5px;
}

hr {
    width: 790px;
    margin: 30px auto 0;
}

.button-small {
    padding: 10px 0;
}

.signup {
    background: #E20A16;
    color: #fff;
    font-size: 30px;
    padding: 20px 0;
    text-align: center;
    border-radius: 5px;
    margin-top: 80px;
    line-height: 30px;
}

.signup input[type="email"] {
    font-size: 18px;
    padding: 3px 5px;
    width: 200px;
    margin: 0 15px;
}

.signup button {
    background: none;
    padding: 0;
    text-decoration: underline;
    color: #fff;
    border: 0;
}

.twitter {
    text-align: center;
}

.twitter h2 {
    text-indent: -9999px;
    width: 142px;
    height: 109px;
    margin: 20px auto;
    background: url(../img/sprite.png) no-repeat 0 -333px;
}

.get-invloved {
    margin: 20px 85px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 40px 0;
    font-size: 30px;
    text-align: center;
}

.get-invloved  a {
    color: #78645D;
    text-decoration: underline;
}

.well {
    background: #F1EFEE;
    border-radius: 5px;
    padding: 10px;
}
.sketch-img {
	padding-right:7px;
}

.testimonials {
    position: relative;
}

.testimonials-container {
    width: 790px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 40px 0px;
    margin: 40px auto;
}

.testimonials blockquote {
    float: left;
    width: 350px;
    margin: 0;
    font-family:"Din Text Pro Light Italic", Verdana, sans-serif; font-size-adjust:0.5; font-weight:200; font-style:italic;
    margin-right: 45px;
}

.testimonials blockquote:nth-child(2n) {
    margin-right: 0;
    margin-left: 45px;
}

.testimonials blockquote div {
    text-align: right;
    font-style: normal;
}

.testimonials a.left, .testimonials a.right {
    position: absolute;
    font-size: 50px;
    top: 60px;
    color: #78645D;
}

.testimonials a.right {
    right: 0;
}

.testimonials a.left {
    left: 0;
}

#news-events h4,#blog h4, #contact-us h4, .related h4 {
    margin-bottom: 0;
}

#contact-us h4 {
    margin: 0 auto;
    background: url(../img/sprite.png) no-repeat 120px -60px;
}
#news-events p, #blog p, #contact-us p, .related p {
    margin-top: 0;
}

#blog h2 {
    margin-bottom: 60px;
}

#contact-us label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
}

#contact-us select, #contact-us input[type="email"],#contact-us input[type="tel"],#contact-us input[type="text"], #contact-us textarea
,.form select, .form input[type="email"],.form input[type="tel"],.form input[type="text"], .form textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 5px;
}

section.form {
    margin-top: 120px;
}

#contact-us .button, .form .button {
    width: 100%;
    text-decoration: underline;
    font-size: 24px;
}

#about h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

.what-we-do, .news-article {
    margin-top: 160px;
    padding-top: 50px;
    background: url(../img/sprite.png) no-repeat center -444px;
}

.news-article h3 span {
    font-size: 18px;
}

.what-we-do blockquote {
    margin: 0;
    font-size: 20px;
    font-family:"Din Text Pro Light Italic", Verdana, sans-serif; font-size-adjust:0.5; font-weight:200; font-style:italic;
}

.what-we-do blockquote div {
    text-align: right;
    font-size: 14px;
}

nav.sub ul {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

nav.sub li {
    margin-bottom: 20px;
}

nav.sub li.active a {
    text-decoration: underline;
    color: #78645D;
}

table.creativity-at-work {
    width: 100%;
    background: #F0EEEE;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -o-border-radius: 10px;
     border-radius: 10px;
}

table.creativity-at-work td, table.creativity-at-work th, table.creativity-at-work-results td , table.creativity-at-work-results th {
    padding: 10px;
}

table.creativity-at-work thead {
    vertical-align: bottom;
}

table.creativity-at-work .bdr {
    border-top: 1px solid #E20A16;
}

table.creativity-at-work tbody {
    vertical-align: top;
}

table.creativity-at-work tfoot {
    background: #E20A16;
    text-align: right;

}

table.creativity-at-work .vh {
    width: 30px;
    text-align: center;
    vertical-align: middle;
    border-bottom: none;
}

table.creativity-at-work tbody td {
    border-bottom: 1px solid #fff;
}

table.creativity-at-work-results {
    width: 100%;
    border-top: 1px solid #78645D;
    border-bottom: 1px solid #78645D;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

table.creativity-at-work-results th {
    font-size: 24px;
}

table.creativity-at-work-results td {
    width: 33.33%;
}

table.creativity-at-work-results .score {
    color: #E20A16;
    font-size: 48px;
}

.errors {
    color: #E20A16;
    font-weight: bold;
}

table.creativity-at-work tbody tr.no-bdr td {
    border: none;
}

table.creativity-at-work button {
    background: none;
    color: #fff;
    font-size: 16px;
    border: none;
    font-weight: bold;
}

table.creativity-at-work .q {
    width: 10%;
    vertical-align: top;
}

table.creativity-at-work .q-no {
    width: 6%;
}

table.creativity-at-work input[type="radio"] {
    margin: 0 auto;
    display: block;
}

.news-archive {
    display: none;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider { padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}




/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.flexslider .slides > li:first-child {display: list-item;}