@charset "UTF-8";

/* CSS Document 
Revised 2014-08

Gray - #57585b
Yellow - #f6db4b
Gold - #edb830
Green - #94b8bb
Blue - #99cccc

/* Mobile Layout: 480px and below. */

/* Basic HTML */
body, html {
    width: 100%;
    background-color: #57585b;
}

body {
    font-family: "open sans", Calibri, Arial, sans-serif;
    font-size: 0.9375em; /* 15px */
    line-height: 1.25em; /* 20px */
    color: #57585b;
    font-weight: 100 !important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
    width: 100%;
}

header {
    background-color: #f6db4b;
}

section {
    background-color: #ffffff;
    margin-bottom: 2.50em;
}

footer {
    background-color: #57585b;
    color: #ffffff;
    margin: 1.50em 0;
}

/* FORMS */
button, input, select, textarea {
    font: inherit;
    width : 100%;
    margin: 0;
    -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
    -moz-box-sizing: border-box; /* For all Gecko based browsers */
    box-sizing: border-box;
}

input[type=submit] {
    background-color: #f6db4b;
    border: 0;
    -webkit-border-radius: 0.125em;
    border-radius: 0.125em;
}

.subscribe_button, .subscribe_button a {
}

.subscribe_button a:hover {
    color: #cccccc;
}

/* TEXT */

h1, h1.people_landing, h1.work, h1.work_landing { /* MOBILE */
    margin: 1em 0 0 0;
    color: #57585b;
    font-size: 1.25em;
    line-height: 1em;
    text-transform: none;
    font-weight: 100 !important;
}
h1.people { /* MOBILE */
    margin: 1em 0 0 -0.55em;
    color: #57585b;
    font-size: 1.25em;
    line-height: 1em;
    text-transform: none;
    font-weight: 100 !important;
}

h1.about {
    margin: 0.5em 0 0 0;
    color: #57585b;
    font-size: 1.250em;
    line-height: 1em;
    text-transform: none;
    font-weight: 100 !important;
    text-align: left; /* per Lee - no centered headlines, all left aligned */
}

h1.contact {
    margin: 1.25em 0 0 0;
    color: #57585b;
    font-size: 1.25em;
    line-height: 1em;
    text-transform: none;
    font-weight: 100 !important;
}

h2 {
    margin: -0.375em 0 0 0;
    font-size: 1.25em;
    line-height: 1.25em; /* */
    color: #666666;
    font-weight: 100;
}

h2.work {
    margin: -0.375em 0 0 0;
    font-size: 1.25em;
    line-height: 1.25em;
    color: #666666;
    font-weight: 100 !important;
}

h3 {
    margin: 0;
    font-size: 0.9375em;
    line-height: 1.25em;
    font-weight: 100 !important;
}

h3.work, h3.people {
    margin: 0 0 0.75em -0.675em;
    font-size: 0.9375em;
    line-height: 1.25em;
    font-weight: 100 !important;
}

h4 {
    font-size: 19px;
}

h5 {
    font-size: 17px;
}

h6 {
    font-size: 13px;
}

p, people_qa {
    margin: 1.250em 0 0 0;
}

p.people, p.people_landing, p.project, p.work, p.people_work {
    margin: 0em 0 0.5em 0;
}

p.project_testimonial {
    margin-bottom: 0;
    font-size: 0.9375em;
    color: #72b5bb;
}

p.project_testimonial_attribute {
    margin-top: 0;
    font-size: 0.9375em;
    color: #999999;
}

a, a:link, a:visited {
    color: #edb830;
    text-decoration: none;
}

a:hover, a:visited.hover {
    color: #666666;
    text-decoration: none;
}

hr {
    border: 0 #94b8bb solid;
    border-top-width: 1px;
    height: 0;
    clear: both;
}

ol li {
    margin-left: -1.375em;
    padding-left: 0;
    list-style-position: outside;
}

.white {
    color: #ffffff;
}

.yellow {
    color: #f6db4b;
}

.gold {
    color: #ffcc00;
}

/* TOP PAGE NAVIGATION -MOBILE */
#page_navcontainer ul, #page_navcontainer li {
    margin: 0;
    padding: 1em 0 0 0;
    display: inline;
    list-style-type: none;
    text-align: left;
}

#page_navcontainer li {
    float: none;
    list-style: none;
    white-space: nowrap;
}

#page_navcontainer li a {
    text-decoration: none;
    margin: 0 0.1.375 0 0;
    padding: 0.1375em 0.125em 0.25em 0;
    color: #606060;
}

#page_navcontainer .selected, #page_navcontainer a:hover {
    color: #ffffff;
    border-bottom: 0.5em solid #ffffff;
}

/* WORK NAVIGATION -MOBILE */
#work_navcontainer ul, #work_navcontainer li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0.875em;
    text-transform: uppercase;
}

#work_navcontainer li {
    float: none;
    list-style: none;
    white-space: nowrap;
}

#work_navcontainer li a {
    text-decoration: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.5em;
    padding-bottom: 0.75em;
    color: #edb830;
}

#work_navcontainer .selected, #work_navcontainer a:hover {
    color: #57585b;
}

/* GOOGLE MAP */
.map, .map a {
    color: #57585b;
}

/* PAGE SECTIONS */
.home_thumbnail_name, .home_thumbnail_name a { /* work */
    font-size: 0.9375em;
    line-height: 1.5em;
    font-weight: 500;
    color: #ffcc00;
    text-transform: uppercase;
}

.home_thumbnail_category {
    font-size: 0.875em;
    line-height: 1.5em;
    color: #cccccc;
}

.home_viewAllProjects, .home_viewAllProjects a {
    color: #99cccc;
    text-decoration: none;
}

.home_viewAllProjects a:hover {
    color: #ffffff;
    text-decoration: none;
}

.home_viewPeople, .home_viewPeople a {
    color: #ffffff;
    text-decoration: none;
}

.home_viewPeople a:hover {
    color: #666666;
    text-decoration: none;
}

.about_col_headline, .contact_col_headline, .people_qa_headline {
    font-size: 0.875em;
    line-height: 1.125em;
    font-weight: 500;
    color: #99cccc;
    text-transform: uppercase;
}

.contact_arscentia {
    margin: 1.25em 0 0 0;
    color: #57585b;
    font-size: 1.25em;
    line-height: 1em;
    text-transform: none;
}

.people_navarrows, .work_navarrows {
    margin: 1.125em 0;
}

.people_contact_icon {
    margin: 0.5em 0;
}

.people_thumbnail {
    margin-bottom: 0.5em;
    border: #ffffff solid 2px;
}

.people_thumbnail_name, .people_thumbnail_name a {
    font-size: 0.9375em;
    line-height: 1.5em;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
}

.people_thumbnail_title {
    font-size: 0.875em;
    line-height: 1.5em;
    color: #57585b;
}

.work_thumbnail {
    margin-bottom: 0.5em;
    border: #cfcfcf solid 2px;
}

.work_thumbnail_name {
    font-size: 0.875em;
    line-height: 1.5em;
    font-weight: 500;
    color: #006633;
    text-transform: uppercase;
}

.work_thumbnail_category {
    font-size: 0.875em;
    line-height: 1.5em;
    color: #57585b;
}

.project_video { /*responsive video*/
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 1em;
}

.project_video iframe { /*responsive video*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.project_image {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 1em;
}

/* FOOTER */
#footer_logo { /* background mark inside of footer box */
    width: 100%;
    height: 63px;
    background-image: url(../images/logo_a.png);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.footerMark { /* background mark inside of footer box */
    width: 100%;
    height: 63px;
    background-image: url(../images/logo_a.png);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.footer_icon {
    margin: 0 0 0.625em 0.625em;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

/* */

h1, h1.people, h1.people_landing, h1.work, h1.work_landing, h1.about { /* TABLET */
    margin: 0.5em 0 0 0;
    color: #57585b;
    font-size: 2.0em;
    line-height: 1em;
    text-transform: none;
    font-weight: 100 !important;
}

h1.contact {
    margin: 1.25em 0 0 0;
    color: #57585b;
    font-size: 1.25em;
    line-height: 1em;
    text-transform: none;
    font-weight: 100 !important;
}

h2 {
    margin: -0.375em 0 0 0;
    font-size: 1.375em;
    line-height: 1.375em; /* */
    color: #666666;
    font-weight: 100;
}

h2.work {
    margin: -0.375em 0 0 0;
    font-size: 1.375em;
    line-height: 1.375em;
    color: #666666;
    font-weight: 100;
}

h3 {
    margin: 0;
    font-size: 0.9375em;
    line-height: 1.25em;
    font-weight: 100 !important;
}

h3.work, h3.people {
    margin: 0;
    font-size: 0.9375em;
    line-height: 1.25em;
    font-weight: 100 !important;
}

p.people, p.people_landing, p.project, p.work, p.people_work {
    margin: 0em 0 0.5em 0;
}

/* TOP PAGE NAVIGATION -TABLET */
#page_navcontainer ul, #page_navcontainer li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    text-align: right;
}

#page_navcontainer li {
    float: none;
    list-style: none;
    white-space: nowrap;
}

#page_navcontainer li a {
    text-decoration: none;
    margin: 0 0.5em;
    padding: 1.25em 1em 0.625em 1em;
    color: #606060;
}

#page_navcontainer .selected, #page_navcontainer a:hover {
    color: #ffffff;
    border-bottom: 0.5em solid #ffffff;
}

/* WORK NAVIGATION -TABLET */
#work_navcontainer ul, #work_navcontainer li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0.875em;
    text-transform: uppercase;
}

#work_navcontainer li {
    float: none;
    list-style: none;
    white-space: nowrap;
}

#work_navcontainer li a {
    text-decoration: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.5em;
    padding-right: 0.25em;
    padding-bottom: 0.375em;
    color: #edb830;
}

#work_navcontainer .selected, #work_navcontainer a:hover {
    color: #57585b;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout.
-- Per design, this is changed to 927px wide for this layout */

@media only screen and (min-width: 769px) {

/* */

h1, h1.people, h1.people_landing, h1.work, h1.work_landing, h1.about { /* DESKTOP */
    margin: 0.5em 0 0 0;
    color: #57585b;
    font-size: 2.0em;
    line-height: 1em;
    text-transform: none;
    font-weight: 100 !important;
}

h1.contact {
    margin: 1.25em 0 0 0;
    color: #57585b;
    font-size: 1.25em;
    line-height: 1em;
    text-transform: none;
    font-weight: 100 !important;
}

h2 {
    margin: -0.375em 0 0 0;
    font-size: 1.375em;
    line-height: 1.375em; /* */
    color: #666666;
    font-weight: 100;
}

h2.work {
    margin: -0.375em 0 0 0;
    font-size: 1.375em;
    line-height: 1.375em;
    color: #666666;
    font-weight: 100;
}

h3 {
    margin: 0;
    font-size: 0.9375em;
    line-height: 1.25em;
    font-weight: 100 !important;
}

h3.work, h3.people {
    margin: 0;
    font-size: 0.9375em;
    line-height: 1.25em;
    font-weight: 100 !important;
}

p.people, p.people_landing, p.project, p.work, p.people_work {
    margin: 0em 0 0.5em 0;
}

/* TOP PAGE NAVIGATION -DESKTOP */
#page_navcontainer ul, #page_navcontainer li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    text-align: right;
}

#page_navcontainer li {
    float: none;
    list-style: none;
    white-space: nowrap;
}

#page_navcontainer li a {
    text-decoration: none;
    margin: 0 0.5em;
    padding: 0.25em 1em 0.25em 1em;
    color: #606060;/*border-bottom: 0.5em solid #f6db4b;*/
}

#page_navcontainer .selected, #page_navcontainer a:hover {
    color: #ffffff;
    border-bottom: 0.5em solid #ffffff;
}

/* WORK NAVIGATION -DESKTOP */
#work_navcontainer ul, #work_navcontainer li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0.875em;
    text-transform: uppercase;
}

#work_navcontainer li {
    float: none;
    list-style: none;
    white-space: nowrap;
}

#work_navcontainer li a {
    text-decoration: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.75em;
    padding-bottom: 0.375em;
    color: #edb830;
}

#work_navcontainer .selected, #work_navcontainer a:hover {
    color: #57585b;
}
}