/*css reset eric meyer*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
em { font-style: italic; }
strong { font-weight: 700; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
* {font-size: 100.01%;}
html {font-size: 62.5%;}
.wf-loading body {
    margin:0;
    color:#666;
    font:1.4em/1.29em "myriad-pro-n4","myriad-pro", Helvetica, Arial, sans-serif;
    background:#fff url(../images/bg-body_40.gif) repeat-x;
    min-width:980px;
    visibility: hidden;
}
.wf-active body {
    margin:0;
    color:#666;
    font:1.4em/1.29em "myriad-pro-n4","myriad-pro", Helvetica, Arial, sans-serif;
    background:#fff url(../images/bg-body_40.gif) repeat-x;
    min-width:980px;
    visibility: visible;
}
img{
    vertical-align:top;
    border-style:none;
}
a{
    text-decoration:none;
    color:#a12a1d;
}
a:hover{
    text-decoration:underline;
}

input,
textarea,
select {
    font:14px/18px "myriad-pro-n4","myriad-pro", Helvetica, Arial, sans-serif;
    vertical-align:middle;
    color:#666;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.aligncenter{text-align: center;}
img.aligncenter{
    display: block;
    margin: 0 auto;
}
.alignleft{
    float:left;
    padding-bottom:.5em;
    padding-right:1em;
}
.alignright{
    float:right;
    padding-bottom:.5em;
    padding-left:1em;
}
.hidden{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
.hidden:focus{
    position:static;
    width:auto;
    height:auto;
}
/*wrapper*/
#wrapper{
    width:100%;
    overflow:hidden;
    position:relative;
}
.w1{
    width:980px;
    margin:0 auto;
}
/*header*/
#header-block{padding:6px 0 30px;}
#header-block .panel{
    font-family: "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
    font-size: 1.25em; 
    overflow:hidden;
    text-align:right;
    padding:0 6px 26px;
    color:#fff;  /* was #c0dc8f in Brad's Phase II mock */
}
#header-block .panel .widget_text {
    margin-top: 0.3em;
    float:left;
}
#header-block .panel .widget_search {
    float:right;
}
#header-block .panel span span.tel, #header-block .panel a.hire {
   color:#fff;
   font-weight:700;
}
#header-block .panel span a{color:#e8ead1;}
#header-block .segment{overflow:hidden;}

#searchform {
    position: relative;
}
#searchform .glass {
    cursor: pointer;
    display: block;
    padding: 8px 8px 5px;
    position: absolute;
    right:0;
    top:0
}
#searchform #searchquery {
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #666;
    padding: 4px 30px 2px 6px;
    width: 300px;
    height:16px;
    font: 12px/14px "myriad-pro-n4","myriad-pro",Helvetica,Arial,sans-serif;
}

.logo{
    float:left;
    margin:0;
 background:url(../images/knowmad_logo_wtag_01.png) no-repeat;
    width: 237px;
    height: 54px;
 text-indent:-9999px;
  overflow:hidden;
}
.logo a{
 display:block;
    height:100%;
}

/*nav*/
#nav{
    float:right;
    padding:22px 5px 0 0;
    font:1.43em/1.1em "myriad-pro-condensed-n7", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
    font-weight:bold;
}
#nav ul{float:left;}
#nav li{
    float:left;
    padding:0 0 0 30px;
}
#nav a {
    color:#004280;
    background-color: transparent;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding:9px 12px;
}
#nav a:hover, #nav a:active {
    background-color: #c6d4e7;
    text-decoration:none;
}

#nav .current_page_item a, 
#nav .current-page-ancestor a,
#news #nav li.menu-item-15 a,
#event #nav li.menu-item-15 a {
    color:#fff;
    background-color: #99b0cc;
}
/*main*/
section#content h1 {
    margin-top: -0.6em;
}
#main{width:100%;}
#main:after{
    content:"";
   display:block;
    clear:both;
}

#home .intro, .home .intro {
    background: url(../images/mainimage-edit-crop.jpg) no-repeat;
}

#home article.latest h3, #home article.latest h2, #home article.recent h3, #home article.recent h2 {
	font-size: 1.71428571em;
}

#home article.box a:hover, #home article.knowmad-box a:hover { text-decoration: none; }

#home article.box a.more:hover { text-decoration: underline; }


.intro{
    height:445px;
    position:relative;
    z-index:2;
    margin:0 0 -94px;
}
.intro img{
    width:100%;
    height:100%;
}
.intro .description{
    position:absolute;
    top:30px;
    right:38px;
    width:57%;
    text-align:right;
    font-size:24px;
    line-height:30px;
    color:#e2e9f2;
}
#main .intro h2{
    color:#fff;
    font:47px/53px "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
    margin:0;
}
.intro p{margin:0 0 6px;}
.intro .link-more{color:#fff;}
.about-boxes{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:17px 0 13px;
    background: url(../images/bg-about-boxes.png);
    font-size:14px;
    line-height:18px;
    color:#ccc;
}
.about-boxes .holder{width:100%;}
.about-boxes .holder:after{
    content:"";
   display:block;
    clear:both;
}
.about-boxes .box{
	float:left;
	width:45%;
	padding:0 2.6% 0 2.3%;
	position:relative;
	margin:-3px 0 -2px;
	border-right:1px solid #fff;
}
.about-boxes .box-2, .about-boxes #text-17, .about-boxes #text-23 {
    padding:0 2.6% 0 2.3%;
    border:0;
}
.about-boxes .box div.body-copy {
    width: 65%;
    float: left;
}

.about-boxes .box form.cta {
    float:right;
    text-align:right;
    width:35%;
}

.about-boxes .handbook form.cta { width: 45%; }
.about-boxes .handbook div.body-copy { width: 55%; }

.about-boxes .box .btn {
    margin: 6px 0;
    padding: 9px 18px;
}
.about-boxes .holder .hubspot-cta-about div.body-copy {
    width: 100%;
}
.about-boxes .hs-cta {
    margin:0 auto;
    text-align:center;
}
.hs-cta-img {
  max-width:100%;
}
/*
.about-boxes .hs-cta-wrapper {
    float: right;
    margin-bottom: 1em;
    margin-left: 1em;
}
*/
#main h3, 
.single-post #main .main-container #content h2, 
#main .main-holder .reg-block #cse .gs-title a {
    font:1.29em/1.22em "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
    color:#004280;
    margin:0 0 10px;
}
#main .main-holder .reg-block #cse .gs-title,
#main .main-holder .reg-block #cse .gs-title b {
    text-decoration:none;
}
#cse .gsc-result-info {
    padding: 0 10px;
}
#cse .gsc-webResult .gsc-url-top {
    font: 14px/18px "myriad-pro-n4", "myriad-pro", Helvetica, Arial, sans-serif;
}
#cse .gsc-table-result .gs-snippet {
    font: 16px/24px "myriad-pro-n4", "myriad-pro", Helvetica, Arial, sans-serif;
    color:#666 !important;
}
#cse .gsc-control-cse {
    background-color:transparent;
}
#cse .gsc-table-result, 
#cse .gsc-thumbnail-inside, 
#cse .gsc-url-top {
    padding-left: 0;
}
#cse .gs-title a b,
#cse .gs-snippet b {
/*    background-color: #E6FCBD; */
    color: inherit;
    font-size: inherit;
    font-weight: bold;
}
#main .main-container .reg-block #cse .gs-result .gs-title {
    height:auto;
}
#selected-work #main .txt-box h3 { font-size:2em; }

#main .box h3 a { color: #004280; }

h3 a { color: inherit; }

#main .about-boxes h3{
    font:18px/22px "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
    color:#fff;
    margin:0 0 5px;
}
#main .about-boxes h3 a{
    color:#fff;
}

.about-boxes .box a{color:#fff;}
/*container*/
.container{
    width:100%;
    padding:94px 9999px 0;
    margin:0 -9999px;
    position:relative;
    background:#e8eef6;
    min-height:64px;
}
/*content-columns*/
.content-columns{
    width:100%;
    padding:37px 0;
}
.content-columns:after{
    content:"";
   display:block;
    clear:both;
}
#main .content-columns h2{
    font:1em/1.1em "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
    color:#3688ba;
    margin:0;
}
#main .content-columns h3{
    font:1.29em/1.11em "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
    color:#004280;
    margin:0 0 6px;
}
.content-columns p{margin:0 0 5px;}
.content-columns .box{float:left;}
.content-columns .recent{
    padding:0 19px 0 0;
    width:280px;
}
.content-columns .recent .img-box{
    margin:0 0 0 -2px;
    padding:5px 0 0;
    overflow:hidden;
}
.content-columns .recent .img-box a{float:left;}
.content-columns .recent .img-box img{display:block;}
.content-columns .latest{
    padding:0 39px 0 0;
    width:380px;
}
.content-columns .social-box{
    color:#3688ba;
    padding:34px 0 0;
}
.content-columns .social-box span{
    display:block;
    padding:0 0 8px;
}
/*social-networks*/
.social-networks{
    padding:0 0 0 2px;
    overflow:hidden;
}
.social-networks li{
    float:left;
    padding:0 5px 0 0;
}
.social-networks a{
    float:left;
    text-indent:-9999px;
    overflow:hidden;
    width:31px;
    height:32px;
    background: url(../images/bg-social-networks.gif) no-repeat;
}
.social-networks a.link-linkedin{background-position:-36px 0;}
.social-networks a.link-facebook{background-position:-72px 0;}
.content-columns .knowmad-box{
    float:right;
    width:262px;
    margin:-3px 0 0;
    position:relative;
}
.knowmad-box .heading{
    background: url(../images/strategic-consulting-icon.png) no-repeat;
    height:45px;
    padding:18px 0 12px 76px;
    margin:0 0 12px;
}
.knowmad-box .heading.lead-gen {
    background: url(../images/lead-gen-icon.png) no-repeat;
}
#main .content-columns .knowmad-box h2,
#main .content-columns .knowmad-box h3{
    font-size:1.71em;
    line-height:1em;
}
.knowmad-box .txt-box{
    height:1%;
    overflow:hidden;
}
.knowmad-box .txt-box-2{display:none;}
.knowmad-box .wrap{overflow:hidden;}
.content-columns .knowmad-box a{
    cursor:pointer;
    float:left;
}
.content-columns .knowmad-box a span{display:block;}
.content-columns .knowmad-box a:hover span{text-decoration:underline;}
.content-columns .boxes{height:1%;}
.content-columns .boxes:after{
    content:"";
   display:block;
    clear:both;
}
/*footer*/
#footer{
    width:100%;
    margin:0 -9999px;
    position:relative;
    background:#99b0cc url(../images/bg-footer.gif) repeat-x;
    padding:31px 9999px 33px;
}
#footer .segment{
    padding:0 0 26px 1px;
    border-bottom:1px solid #c1cfe1;
    overflow:hidden;
}
#footer .detail-box{
    float:right;
    width:293px;
    font-size:1.14em;
    line-height:1.13em;
    color:#fff;
    text-align:right;
}
#footer .detail-box .info{
    padding:2px 0 0;
    overflow:hidden;
}
.copyright{
    display:block;
    margin:0 0 6px;
}
.user-bar{
    margin:0 -13px 0 0;
    display:inline;
}
.user-bar li{
    display:inline;
    padding:0 13px 0 12px;
/*  background: url(../images/separator-02.gif) no-repeat 0 50%;*/
    border-left: 1px solid #c3d0e1;
}
.user-bar a{color:#d8e0ec;}
.user-bar li:first-child{
    border-left:none;
    background:none;
    padding-left:0;
}
.sponsors-list{
    text-align:right;
    padding:13px 2px 0 0;
}
.sponsors-list li{
    display:inline-block;
    vertical-align:middle;
    padding:0 0 0 11px;
}
*+html .sponsors-list li{display:inline;}
.sponsors-list a{float:left;}
/*footer columns*/
#footer .sitemap{
    height:1%;
    overflow:hidden;
}
#footer .col{
    float:left;
    width:150px;
    padding:0 10px 0 0;
}
#footer .col.services {
    width: 195px;
}
#footer .sitemap h4 a {
    font-size:1.14em;
    line-height:1.5em;
    color:#fff;
}
#footer .link-list{
    font-size:1.14em;
    line-height:1.5em;
}
#footer .link-list a {color:#d8e0ec;}
/*signup-form*/
.signup-form{
    padding:26px 0 0;
    overflow:hidden;
}
.signup-form .txt-box{
    float:left;
    width:520px;
    font-size:1.14em;
    line-height:1.13em;
    color:#d8e0ec;
}
.signup-form .txt-box .name{
    display:block;
    color:#fff;
}
.signup-box{
    float:right;
    width:454px;
    padding:2px 0 0;
}
.signup-box .hs_submit {
  vertical-align:top;
}
.signup-box .hs-form-field,
.signup-box .hs_submit {
  display:inline-block;
}
.signup-box .text, 
.signup-box .hs-input {
    float:left;
    width:322px;
    height:18px;
    background:#dee7f1;
    border:0;
    font-size:16px;
    line-height:18px;
    color:#666;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    margin:0 15px 0 0;
    padding:6px 12px;
}
.signup-box .hs-form label {
  width:auto;
}
.signup-box .hs-form .input {
  margin-left:50px;
}
.signup-box .hs-form .input input {
  width:270px;
}
.signup-box .hs-form .actions {
  margin:0;
  padding:0;
}

.signup-box .btn-signup, .btn-blue, .btn {
	font-size:16px;
	line-height:28px;
	width: auto;
	margin:0;
	padding: 3px 10px;
	background:#a12a1d;
	border:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#fff;
	text-align:center;
	cursor:pointer;
}

/* Center the Hire Us button */
aside#sidebar form, 
.single #main #sidebar .box form#case_study { text-align: center; }

#latest aside#sidebar form, 
#blog aside#sidebar form, 
.single aside#sidebar form,
.search-results aside#sidebar form { 
    text-align: left; 
}
aside#sidebar form input.btn {
	margin: 1em auto 0;
	width: auto;
}

/*main-holder*/
.main-holder{
    border-top:1px solid #ccd7e5;
    padding:24px 0 0;
}
/*lists in main content*/
article.main-col ul, 
.wrap .txt-box ul,
.selected-block #content ul,
.reg-block #content ul {
    list-style:disc outside none;
    margin:.1em 1em 1em 2em;
}
/*selected-block*/
.selected-block{padding:0 0 27px;}
.selected-block .heading{
    overflow:hidden;
    padding:0 0 20px;
}
#main h2{
    font:3em/1.1em "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
    color:#004280;
    margin:0 0 5px;
}
#main .selected-block h2{
    float:left;
    width:270px;
    margin:0 10px 0 0;
}
.selected-block .heading .txt-box{
    height:1%;
    overflow:hidden;
    padding:4px 0 0;
}
.selected-block .wrap{overflow:hidden;}
.selected-block .visual{
    float:left;
    width:560px;
    height:418px;
    margin:0 27px 0 0;
}
.selected-block .visual img{
    display:block;
    width:100%;
    height:100%;
}
.selected-block .wrap .txt-box{overflow:hidden;}
.selected-block .wrap .txt-box-2{display:none;}
#main .selected-block .wrap h2{
    font-size:1.5em;
    line-height:1.1em;
    color:#3688ba;
    float:none;
}
#main .selected-block .wrap h3{margin:0 0 22px;}
.selected-block .wrap p{margin:0 0 5px;}
.main-holder .container{
    padding-top:25px;
}
/*visual-columns*/
.visual-columns{
    width:1034px;
    padding:0 0 28px;
    margin:0 -54px 0 0;
}
.visual-columns:after{
    content:"";
    display:block;
    clear:both;
}
.visual-columns .column{
    float:left;
    width:172px;
    margin:0 30px 0 0;
}
.title-more-work{
    display:block;
    font-size:1.75em;
    font-family: "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
    line-height:1.22em;
    color:#3688ba;
    padding:0 0 24px;
}
.visual-columns h4{
    font-size:1.21em;
    line-height:1.18em;
    color:#004280;
    margin:0 0 10px;
}
.visual-columns .img-box{
    display:block;
    margin:0 2px 0 -2px;
    position:relative;
    width:172px;
    height:138px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-shadow: 1px 3px 2px rgba(127, 178, 210, 0.80);
    -moz-box-shadow: 1px 3px 2px rgba(127, 178, 210, 0.80);
    -webkit-box-shadow: 1px 3px 2px rgba(127, 178, 210, 0.80);
}
.visual-columns .img-box img{
    display:block;
    width:100%;
    height:100%;
}
/* What We Do */
/*about-block*/
.about-block{
    padding:0 0;
    width:100%;
}
.about-block .wrap{float:left;}
.about-block:after{
    content:"";
    display:block;
    clear:both;
}
.about-block .txt-box{
    float:left;
    width:345px;
    line-height:1.71em;
}
.about-block .txt-box-2{
    float:left;
    width:292px;
    line-height:1.71em;
    display:none;
}
#main .about-block h2{margin:0 0 13px;}
.about-block .txt-box p{margin:0 0 10px;}
.about-block .visual{
    float:left;
    width:304px;
    height:275px;
    position:relative;
    margin:-3px 0 0 -9px;
}
.about-block .visual img{
    display:block;
    width:100%;
    height:100%;
}
.about-block .pull-quote{
    float:right;
    width:300px;
    text-align:right;
    padding:57px 0 0;
    line-height:1.7em;
}
.about-block .pull-quote q, .about-block .pull-quote p, .pull-quote p, .pull-quote q {
    color: #666;
    display:block;
    font-style:italic;
    padding:0 0 12px;
}
.about-block .pull-quote cite{
    line-height:1.3em;
    color:#999;
}
.about-block .pull-quote cite span{display:block;}
.about-columns{
    width:1020px;
    padding:14px 0 32px;
    margin:0 -40px 0 0;
}
.about-columns:after{
    content:"";
    display:block;
    clear:both;
}
.about-columns .box, .text-columns .box{
    float:left;
    width:248px;
    margin:0 40px 0 0;
    border:solid #bad2e5;
    border-width:0 1px 1px;
    -webkit-box-shadow: #6ea4c9 0 2px 2px;
    -moz-box-shadow: #6ea4c9 0 2px 2px;
    box-shadow: #6ea4c9 0 2px 2px;
    background:#fff;
    padding:22px 25px 24px;
    height: 240px;
    max-height: 240px;
}

.about-columns .box { text-align: center; }

.about-columns .img-box{padding:0 0 9px;}
#main .about-columns h3{
    font-size:1.71em;
    line-height:0.92em;
    color:#004280;
    margin:0 0 7px;
}
.about-columns p{margin:0 0 6px;}

span.wwd-subtitle {
    font-size: 1.7em;
    color: #004280;
}

.subnav ul.li:before {
    content: url("../images/favicon.gif");
    display: block;
    float: left;
    left: -3px;
    position: relative;
}

.subnav ul.children { 
    font-size: 91%; 
    padding-right:6px;
}

/* end of What We Do */
/*product-block*/
.product-block{padding:0 0 33px 4px;}
.product-block .heading{
    overflow:hidden;
    padding:0 0 52px;
}
#main .product-block h2{
    float:left;
    width:95%;
    padding:0 10px 0 0;
    color:#004280;
    margin:0;
    position:relative;
}

.page-id-27 #main .product-block h2 { width: 400px; }

#main .product-block h2 img{
    float:left;
    margin:0 14px 0 0;
}
#main h2 span{
    padding:10px 0 0;
    display:block;
    font-size:0.43em;
    line-height:1.1em;
}
#main h2 span a { color: inherit; }
.product-block .heading .txt-box{
    padding:16px 0 0;
    overflow:hidden;
}
.product-block .heading .txt-box p {
   margin-bottom:1em;
}
.product-block .heading .txt-box-2{
    overflow:hidden;
    display:none;
}
/*twocolumns*/
.twocolumns{width:100%;}
.twocolumns:after{
    content:"";
    display:block;
    clear:both;
}
/*content*/
#content{
    float:left;
    width:615px;
    font-size:1.14em;
    line-height:1.5em;
    min-height:300px;
}

#content.wide {
    width: 710px;
}

#sidebar.wide .box {
  padding: 20px 12px 12px;
}

/*sub-nav*/
.sub-nav{
    float:left;
    width:190px;
    padding:0 18px 0 0;
}
.sub-nav li {
    padding:12px 0 12px 6px;
    border-bottom:1px solid #99b0cc;
}
.sub-nav li:before {
    content: url("../images/favicon.gif");
    display: block;
    float: left;
    left: -3px;
    top: 1px;
    position: relative;
}
.sub-nav li.page-item-1345 {
    background: #e1e7ee; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTdlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: -moz-linear-gradient(top,  #e1e7ee 0%, #fefeff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e7ee), color-stop(100%,#fefeff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e1e7ee 0%,#fefeff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e1e7ee 0%,#fefeff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e1e7ee 0%,#fefeff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e1e7ee 0%,#fefeff 100%); /* W3C */
}
.sub-nav li li {
    padding: 6px 0 0 21px;
    text-indent:-9px;
    border-bottom:0;
}
.sub-nav li li:before {
    content: "> ";
    color: #606E80;
}
.sub-nav li li.current_page_item a {
font-weight: bolder;
font-size: 92%;
}

.sub-nav .current_page_item .children li a,
.sub-nav .current_page_ancestor .children li a {
    color: #606E80;
}
.sub-nav a{color:#004280;}
.sub-nav ul ul.children li a { color: #606E80; }
.sub-nav a:hover,
.sub-nav .active a,
.sub-nav .children li.current_page_item a {
    text-decoration:none;
}
/*main-col*/
.main-col{overflow:hidden;}
.main-col p{margin:0 0 10px;}
/*sidebar*/

#latest #sidebar section, .archive #sidebar section, #sidebar section {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #ccd7e5;
}

.archive .pagination,
.navigation { 
    clear: both;
    margin-bottom: 1.5em; 
}

#main #sidebar h3.super-heading {
    font-size: 1.5em;
    margin-bottom: 0.5em;
}

#latest #sidebar section form, #latest #sidebar section .reg-form, .single #sidebar section .reg-form {
	padding-bottom: 0;
}

#sidebar{
    padding:7px 0 0;
    float:right;
    width:336px;
}

#sidebar.wide {
    width: 220px;
}

#sidebar .box, #content .box, 
.single .reg-block #sidebar .download, 
#project .reg-block #sidebar .pull-quote, 
#careers #sidebar .box {
    border:solid #cde1ee;
    border-width:0 0 1px;
    padding: 25px 20px 25px 31px;
    line-height:1.71em;
    margin:0 0 32px;
}
#sidebar .box:last-child,
#sidebar section:last-child {
  border:none !important;
}
#sidebar.wide .box {
  border: none;
}
.wistia img {
  width: 100%;
}
.box.download.promo.centered-box {
    padding: 10px 5px !important;
}
.single .reg-block #sidebar .download {
    padding: 18px 15px 24px 20px;
}
.single .reg-block #sidebar .noicon {
    padding: 0;
    width:100% !important;
}
#sidebar .box img.wp-post-image,
section#bottom-promo img.wp-post-image {
    float: left;
}
#sidebar .box .promo-text,
section#bottom-promo .promo-text {
    margin-left: 82px;
    line-height: 1.35em;
}
.bottom-promo-image {
  float: right;
  width: 25%;
  clear: right;
}
section#bottom-promo .promo-text.noicon,
#sidebar .box .promo-text.noicon {
    margin-left: 0px;
}
section#bottom-promo .promo-text.noicon img {
/*    padding-left: 20px; */
}
section#bottom-promo .promo-text.noicon form {
    float:none;
}
#sidebar .box .promo-text h3,
section#bottom-promo .promo-text h3 {
    font-size: 1.65em;
    line-height: 1.1em;
    margin: .75em 0 0.25em 0 !important;
}
aside#sidebar .promo form input.btn {
     margin: .2em 0 0 82px;
}
#content section#bottom-promo {
  overflow:hidden;
  padding: 20px 20px 10px;
}
section#bottom-promo form {
    margin: 6px auto;
    float:right;
}
section#bottom-promo form {
    margin-left: 12px;
}
/* newsletter signup in bottom promo */
#bottom-promo fieldset {
    position:relative;
    margin-bottom:0;
    padding-bottom:0;
}
#bottom-promo .input-wrap .short {
    width:90px;
}
#bottom-promo .input-wrap .long {
    width:200px;
}
#bottom-promo .input-wrap.submit {
    position:absolute;
    right:0;
    bottom:0;
}
#project #sidebar .visual {
	margin-bottom: 25px;
}

#content .box h4 {
	font-family: "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
	font-size: 1.25em;
	color: #004280;
}

#main #sidebar h3{margin:0 0 3px;}
#sidebar .blockquote q{
    display:block;
    padding:0 0 5px;
    font-style:italic;
} 
#sidebar blockquote cite{
    display:block;
    font-style:normal;
    line-height:1.3em;
    text-align:right;
    color:#999;
}
#sidebar blockquote cite span{display:block;}
#sidebar .box p span{display:block;}
/*related-block*/
.related-block{
    padding:4px 0 26px;
    width:100%;
}
.related-block:after{
    content:"";
    display:block;
    clear:both;
}
.related-block .img-box{
    float:left;
    width:172px;
    height:128px;
    margin:0 28px 0 0;
}
.related-block .img-box img{
    display:block;
    height:100%;
    width:100%;
}
.related-block .txt-box{
    overflow:hidden;
    font-size:1.29em;
    line-height:1.33em;
}
#main .related-block .txt-box h3{
    font-size:1em;
    line-height:1.1em;
    margin:0 0 3px;
}
.related-block .txt-box h3 a{color:#004280;}
/*about-section*/
.about-section{padding:0;}
#main .about-section h2{width:243px;}
/*about-list*/
.about-list{
    width:100%;
    overflow:hidden;
    margin:0 auto;
    text-align:center;
}
.about-list li{
    display:inline-block;
    vertical-align:top;
    width:156px;
    margin:0 2px 17px 0;
}
*+html .about-list li{display:inline;}
.about-list .img-box{
    display:block;
    width:156px;
    height:168px;
    margin:0 0 10px;
}
.about-list .img-box img{
    display:block;
    width:100%;
    height:100%;
}
.about-list .name{
    display:block;
    font-size:1.29em;
    line-height:1.22em;
    color:#004280;
}
.about-list .name a{color:#004280;}
/*text-columns*/
.text-columns{
    overflow:hidden;
    padding:0 0 25px;
    line-height:1.71em;
}
#main .text-columns h3{margin:0 0 5px;}
.text-columns .cite-column{
    float:right;
    width:261px;
    margin:0 0 0 35px;
}
.text-columns blockquote q{
    display:block;
    font-style:italic;
    padding:0 0 5px;
    
}
.text-columns blockquote cite{
    font-style:normal;
    display:block;
    text-align:right;
    color:#999;
}
.text-columns blockquote cite span{display:block;}
.text-columns .story-column {
    overflow:hidden;
    width:632px;
    float:left;
}
.text-columns .story-column .txt-box-2{display:none;}

#main .text-columns .story-column h3 { font-size: 2em; }

.story-column .txt-box p {
    margin-bottom: 1.25em;
}

/*reg-block*/
.reg-block .heading{
    overflow:hidden;
    padding:0 0 17px;
    line-height:1.71em;
    position:relative;
    margin:-3px 0 0;
}
.reg-block #content{width:650px;}
#main .reg-block h2{margin:0 0 14px;}
/*.reg-form*/
form .input-wrap {
    float: left;
    padding: 0 15px 0 0;
}
.reg-form{padding:0 0 17px;}
.reg-form ol li{
    overflow:hidden;
    vertical-align:top;
    padding:3px 0 7px;
}
.reg-form .box{
    float:left;
    padding:0 15px 0 0;
}
.reg-form label, 
aside .hs-form label {
    display:block;
    font-size:0.89em;
    font-weight:normal !important;
    line-height:1.21em;
    color:#999;
    padding:0 0 7px;
}
.newsletter .hs-form-required {
  display:none;
}
aside .hs-form .field {
  margin:0 !important;
}
aside .hs-form .actions {
  margin:0 !important;
  padding:0 !important;
} 
.reg-form .text, 
aside .hs-form .hs-input {
    display:block;
    width:234px;
    height:19px;
    padding:6px 10px;
    font-size:14px;
    line-height:18px;
    border:1px solid #b4b4b4;
    margin:0;
}
.reg-form .long{width:344px;}
.reg-form .middle{width:288px;}
.reg-form .short{width:172px;}
.reg-form select{width:280px;}
.reg-form .middle-2{width:226px;}
.reg-form .long-2{width:372px;}
.reg-form textarea{
    width:637px !important;
    height:120px;
    padding:6px 10px;
    border:1px solid #b4b4b4;
    margin:0;
}
.reg-form .textarea-w{padding:10px 0 0;}
.reg-form .btn-submit{
    margin:18px 0 0;
    font-size:18px;
    line-height:22px;
    background:#a12a1d;
    color:#fff;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    border:0;
    width:96px;
    height:40px;
    padding:0;
    cursor:pointer;
}
/* form validation */
.reg-form fieldset input.wpcf7-not-valid,
.reg-form fieldset select.wpcf7-not-valid,
.reg-form fieldset textarea.wpcf7-not-valid {
    border: 1px solid #a12a1d;
}
.reg-form span.wpcf7-not-valid-tip {
    background: transparent;
    border: none;
    color: #a12a1d;
    font-size: 14px;
    padding: 2px;
    width: 300px;
    z-index:999;
    position: relative;
    left:0;
    top:2px;
}
.reg-block #sidebar .box{
    width:240px;
    padding:26px 30px 6px;
    line-height:1.29em;
}
.reg-block #sidebar .box p,
.product-block #sidebar .box p {
    margin:0 0 18px;
}
#sidebar .item-list li{padding:0 0 19px;}
.reg-block #sidebar{
    padding:5px 0 0;
    width:302px;
}
/*main-container*/
.main-container h1{
    font:3.5em/1.1em "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
    color:#004280;
    margin:0 0 5px;
}
#main .main-container h2{
    float:none;
    width:auto;
    margin:0 0 14px;
}
.single #main .main-container h2 {
    margin-bottom: 3px;
}
#main .main-container h2 a, 
#main .main-container .heading span a {
    color:#004280;
    font-family: myriad-pro-condensed-n4, myriad-pro-condensed, Helvetica, Arial, sans-serif;
    font-size: 18px;
}
.main-container .heading .txt-box{padding:0 0 20px;}
/*commentlist*/
.commentlist{padding:0 0 10px;}
.commentlist li{
    vertical-align:top;
    overflow:hidden;
    padding:0 0 10px;
}
.commentlist .avatar{
    float:left;
    margin:3px 10px 5px 0;
}
.respond textarea{margin:0 0 10px;}

/* The Latest */
div.latest #sidebar, div.blog-posts #sidebar, div.news-articles #sidebar, div.events #sidebar, div.contact #sidebar {
    float: right;
}
div.latest #content, div.blog-posts #content, div.news-articles #content, div.events #content, div.contact #content {
    float:left;
    padding-right: 20px;
}

section.blog-posts article, section.news-articles article, section.events article {
	margin-bottom: 42px;
}

section.blog-posts article h3 a, #latest aside#sidebar h3 a {
	color: #004280;
}

section.blog-posts h3, section.news-articles h3, section.events h3 {
	margin-bottom: 0 !important;
}

section.blog-posts h1, section.news-articles h1, section.events h1 {
	font: 2em/2.5em "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
	color: #004280;
}

section.blog-posts h1 a, section.news-articles h1 a, section.events h1 a {
	color: #004280;
}
section.blog-posts article {
    clear: both;
}
section.blog-posts article img.attachment-thumbnail.wp-post-image {
    float:left; 
    margin: 0px 10px 10px 0px;
}

section.blog-posts article {
    clear: both;
    overflow: hidden;
}
section.blog-posts article img.attachment-thumbnail.wp-post-image {
    float:left;
    margin: 0px 10px 10px 0px;
}

body.single-post #content ol {
  list-style-type: decimal;
  margin-left: 40px;
  margin-bottom: 12px;
}
body.single-post #content ol li {
  margin-bottom: 8px;
}

div#hs_custom_form div#blog-subscription {
    padding: 12px;
    margin-bottom: 12px;
    background: url(../images/bg-box-01.gif) repeat-x;
    border:solid #cde1ee;
    border-width:0 1px 1px;
    -webkit-box-shadow: #9fc6de 0 2px 2px;
    -moz-box-shadow: #9fc6de 0 2px 2px;
    box-shadow: #9fc6de 0 2px 2px;
}

aside section p { margin-bottom: 1.5em; }

aside .newsletter label {
	font-size: 1em;
}

aside .newsletter input.text, 
aside .newsletter input.hs-input {
	margin-bottom: 1.25em;
}

#latest #news-headlines li, #sidebar li, #sidebar dd {
	margin-bottom: 11px;
}

.attachment-166x179 {
    float: left;
    margin-right: 10px;
}

p.byline {
	font-size: 80%;
	margin-bottom: 5.5px;
}

p.byline a.category {
	background: #5b789d;
	color: #fff;
	padding: 2px;
}

p.byline a.category:hover {
	background: #a12a1d;
	text-decoration: none;
}
#content .read-more {
    font-size:0.9em;
}
/* red box comment count style - deactivated 2/23/12, VJW */
/*
p.comment-count {
	font-weight: bold;
}

p.comment-count a {
	background: #a12a1d;
	color: #fff;
	display: block;
	text-align: center;
	font-size: 80%;
	line-height: 1.75em;
	font-family: "myriad-pro-condensed-n4", "myriad-pro-condensed", Arial, Helvetica, sans-serif ;
	padding: 11px 5.5px 5.5px 5.5px;
	margin: 0 11px 0 0;
}

body.single p.comment-count a { margin-top: 10px; }

p.comment-count a:hover { text-decoration: none; }

p.comment-count {
	float: left;
}

p.comment-count a span.count {
	font-size: 250% !important;
	display: block;
}
*/
/* Blog Post Individual Pages */
/* Project Post Individual Pages */
.single #content p   {
	margin-bottom: 1.25em;
}

.single-post #content img {
	max-width: 100%;
	margin: 0 auto 2em auto;
	text-align: center;
	display: block;
}

.single-post #content #ph_social_share_top {
    margin-bottom: 1.25em;
}

.single-project .reg-block #content {
    width:650px;
}
.single-project .reg-block #sidebar{
    padding:5px 0 5px 10px;
    width:300px;
}
.single-project .selected-block .visual {
    float: left;
    height: 100%;
    margin: 0 27px 0 0;
    width: 100%;
}
.single .reg-block #sidebar .box {
    float:left;
    width:247px;
    margin: 32px 0;
}
.single-project .selected-block #sidebar .visual img {
    height: auto;
}
#content section#post_author.box {
    margin:50px 0;
}

/* Adjust Facebook share button up so that it aligns with other social media buttons */
#phsmc_top_facebook {
    margin-top: -2px !important;
}
/* Who We Are sub pages */
.page-template-template-who_we_sub-php .main-col img {
    float:left;
    margin-right:0.5em;
}

/* Contact Us Page */
#map-area {
    height:350px;
}

.error404 #content, .error404 #main .selected-block h2 {
	width: 100%;
	text-align: center;
}

.error404 #content p {
	margin-bottom: 1.25em;
}

.error404 #content img { margin-bottom: 1.5em; }

#subscribe-reloaded { width: auto !important; }

#content blockquote {
	margin-left: 2em;
	background: #e2ebf4;
	padding: 1em 1em 0 1em;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #ccd7e5;
}

.single-post article.comment header {
	background: #e2ebf4;
	padding: 1em 1em 0 1em;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #ccd7e5;
	line-height: 48px;
}

.single-post article.comment header img { 
	margin-bottom: 0 !important;  
	margin-right: 0.5em !important;
	float: left;
}

#event .location span, #event .time span, #latest .location span, #latest .time span {
	font-weight: bold;
}

#latest .location { margin-bottom: 1em; }

#sidebar #team p { margin-bottom: 0; }

/* Resources*/
.page-template-template-resources-php #content .articles h3 {
    margin-top: 1.5em;
}

span#hsjssp img { position: absolute; }

/* single column custom template (template-single-col.php) */
.manual-main-column {
    float:left;
    width: 580px;
    margin-right: 80px;
}
.manual-sidebar {
    float:left; 
    width: 250px;
}

/* DK edit */
#main #sidebar .centered-title h3 {
    text-align:center;
    font-size: 22px;
}

#main #sidebar .centered-title p {
        text-align:center; 
        line-height: 18px;
}
/* END DK EDIT */

/* Hubspot forms for narrow sidebar and portrait phone */
.manual-sidebar .hubspot-form-box {
  padding:25px 20px 0 20px !important;
}
#sidebar .hs-form label,
.manual-sidebar .hs-form label {
  float:none;
  padding-bottom:3px;
  text-align:left;
}

#sidebar .hs-form .input, 
.manual-sidebar .hs-form .input {
  margin-left:0;
  position:relative;
  width:100%;
}

#sidebar .hs-form .input input,
#sidebar .hs-form .input textarea, 
.manual-sidebar .hs-form .input input,
.manual-sidebar .hs-form .input textarea {
  width:200px;
}

#sidebar.wide .box .hs-form .input input,
#sidebar.wide .box .hs-form .input textarea {
  width:186px;
}

.hs-form .hs-button.primary.large {
  border-radius: 4px !important;
  background-color: #A12A1D !important;
  background-image: -webkit-linear-gradient(top, #A12A1D, #781F15) !important;
  background-image: -moz-linear-gradient(top, #A12A1D, #781F15) !important;
  box-shadow: inset 0px 1px #C93424 !important;
  -webkit-box-shadow: inset 0px 1px #C93424 !important;
  -moz-box-shadow: inset 0px 1px rgb(201,52,36) !important;
  color: #FFF !important;
  border: 2px solid #50150E !important;
  text-shadow: 0px -1px #300C08 !important;
}

@media all and (max-width: 981px) {

  .hs-form .hs-input,
  .hs-form text-area.hs-input {
    max-width:100% !important;
  }
  #sidebar.wide .box .hs-form .input input,
  #sidebar.wide .box .hs-form .input textarea {
    width:98%;
  }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  /* Tablet Version */
  .wf-loading body {min-width:768px;}
  .wf-active body {min-width:768px;}
  #header-block .panel{padding:0 0 33px;}

  #header-block { padding: 6px 0 20px; }
  #searchform #searchquery {
      width:250px;
  }
  .logo{
      background:url(../images/logo-02.gif) no-repeat;
      width: 199px;
      height: 46px;
  }

  #nav{
      font-size:1.29em;
      line-height:1.11em;
      padding:20px 0 0;
      min-height: 40px;
  }

  #nav li{padding:0 0 0 0;}

  .w1{
      width:708px;
      padding:0 30px;
  }

  #home .intro { 
      width: 708px;
      height: 445px;
      background-position:-60px; 
  }

  .intro{margin:0 0 -112px;}

  .intro .description{
      font-size:21px;
      line-height:27px;
      top:24px;
      right:30px;
  }

  #main .intro h2{
      font-size:36px;
      line-height:39px;
  }
  .container{padding-top:112px;}
  .content-columns{padding:23px 0 28px;}
  .content-columns .knowmad-box{
      float:none;
      overflow:hidden;
      width:auto;
      padding:0 5px 24px;
      margin:0 0 28px;
      border-bottom:1px solid #c9d5e4;
  }
  .knowmad-box .heading{
      float:left;
      margin:0 12px 0 0;
      width:174px;
  }
  .content-columns .knowmad-box a span{display:inline;}
  .content-columns .knowmad-box p {
      width:75%;
      float:left;
  }
   .knowmad-box .txt-box {
      position:relative;
  }
  .knowmad-box .wrap {
      position:absolute;
      right:0;
      top:50%;
      margin-top:-25%;

  }
  /*    .knowmad-box .txt-box{display:none;}
  .knowmad-box .txt-box-2{ 
  overflow:hidden;
  display:block;
  } */
  .content-columns .recent .img-box img{
      width:235px;
      height:199px;
  }
  .content-columns .boxes{padding:0 5px;}
  .content-columns .recent{width:244px;}
  .content-columns .latest{
      float:none;
      height:1%;
      width:auto;
      overflow:hidden;
      padding:0;
  }
  .content-columns .social-box{padding:25px 0 0;}
  #footer{padding-top:24px;}
  #footer .detail-box{
      width:100%;
      float:none;
      padding:0 0 18px;
      margin:0 0 24px;
      border-bottom:1px solid #c1cfe1;
      text-align:left;
      overflow:hidden;
  }
  .sponsors-list{
      padding:0;
      float:right;
  }
  #footer .detail-box .info{
      width:400px;
      float:left;
      padding:8px 0 0;
  }
  #footer .col{width:166px;}
  .signup-box{
      float:none;
      width:100%;
      overflow:hidden;
      padding:11px 0 0;
  }
  .selected-block .heading{padding:0 0 25px;}
  #main .selected-block h2{
      float:none;
      margin:0;
  }
  .selected-block .heading .txt-box{
      font-size:1.14em;
      line-height:1.31em;
      padding:0;
  }
  .selected-block .visual{
      float:none;
      display:block;
      width:100%;
      height:529px;
      margin:0 0 25px;
  }
  /*    .selected-block .wrap .txt-box{display:none;}
  .selected-block .wrap .txt-box-2{display:block;} */
  #main .selected-block .wrap h3{margin:0 0 10px;}
  .visual-columns{
      width:736px;
      margin:0 -30px 0 0;
  }
  .visual-columns .column{
      width:158px;
      margin:0 26px 0 0;
  }
  .visual-columns .img-box{
      width:158px;
      height:128px;
  }
  #selected-work .visual-columns .column:last-child {
    display:none;
  }
  .about-block{
      padding:0 0 25px;
      border:0;
  }

  .about-block .txt-box-2 { 
      width: 342px;
  }

  .about-block .visual img {
      margin-left: 40px;
  }

  .about-block .wrap{
      float:none;
      width:100%;
      border-bottom:1px solid #d5dde9;
  }
  .about-block .wrap:after{
      content:"";
      display:block;
      clear:both;
      }
  /*    .about-block .txt-box{display:none;}
  .about-block .txt-box-2{display:block;} */
  .about-block .pull-quote{
      padding:27px 0 0;
      float:none;
      width:100%;
  }
  .about-block .pull-quote q{text-align:left;}
  .about-columns{
      width:100%;
      margin:0;
      text-align:left;
  }

  .about-columns .box{
      float:none;
      width:auto;
      height:1%;
      overflow:hidden;
      margin:0 0 30px;
      padding:23px 22px 22px;
      text-align:left;
  }
  .about-columns .img-box{
      display:inline-block;
      vertical-align:middle;
      width:75px;
      padding:0 15px 0 0;
      height:1%;
  }
  *+html .about-columns .img-box{display:inline;}
  .about-columns .img-box img{margin:0 0 0 auto;}
      #main .about-columns h3{
      display:inline-block;
      vertical-align:middle;
      width:110px;
      margin:0 55px 0 0;
  }
  *+html #main .about-columns h3{display:inline;}
  .about-columns .txt-box{
      display:inline-block;
      vertical-align:top;
      width:395px;
  }
  *+html .about-columns .txt-box{display:inline;}
  .product-block{padding:0 0 33px;}
  /*    .product-block .heading .txt-box{display:none;}
  .product-block .heading .txt-box-2{display:block;} */
  #content{
      float:none;
      width:100%;
      overflow:hidden;
      padding:0 0 14px;
  }

  .sub-nav{padding:0 8px 0 0;}
  #sidebar, 
  #sidebar.wide {
      float:none;
      width:100%;
  }
  #sidebar .box p span{display:inline;}
      .related-block .img-box{
      width:192px;
      height:143px;
  }
  .about-list{
      width:720px;
      margin:0 -13px 8px 0;
  }
  .about-list li{
      width:30%;
      margin:0 13px 17px 12%;
  }
  .about-list .img-box{
      width:227px;
      height:245px;
      margin:0 0 10px;
  }
  .text-columns .story-column {
      overflow:hidden;
      width:332px;
      float:left;
  }
  .text-columns .cite-column{
      width:227px;
      margin:0 0 0 30px;
  }
  .reg-block #sidebar{padding:0;}
  .reg-block #sidebar{width:auto;}
  .reg-block #sidebar .box{
      padding: 17px 20px 6px;
      width:auto;
  }
  #main .reg-block #sidebar h3{margin:0 0 10px;}
      .reg-block #sidebar .box p{margin:0 0 10px;}
  #sidebar .item-list li{padding:0 0 10px;}
  /* homepage calls-to-action (cta) */
  .home .about-boxes {
      padding:17px 0 6px;
  }
  .about-boxes .box div.body-copy {
      width: 100%;
      min-height:6em;
  }

  .about-boxes .box form.cta {
      width:50%;
      margin:1em auto;
      float:none;
  }
  /* The Latest */
  .reg-block #content {
      width:auto;
      padding:0;
  }
  .reg-block #sidebar {
      width: 100%;
      margin-right:0; 
      border-top:3px solid #ccd7e5;
      padding-top:1.5em;
  }
  #main .reg-block h2 {
      margin:0;
  }
  section.blog-posts h1,
  section.news-articles h1,
  section.events h1 {
      font:2em/2em "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
  }
  section.blog-posts article,
  section.news-articles article,
  section.events article {
      margin-bottom: 30px;
      border-bottom: 1px solid #CCD7E5;
      padding-bottom: 12px;
  }
  /* Individual Posts */
  .reg-form .text,
  .reg-form textarea {
      width:91% !important;
  }   
  .single .reg-block #sidebar .box,
  #careers #sidebar .box {
      float:none;
      width:auto;
  }

  /* Diona's single column custom template */
  .manual-main-column {
      float:none; 
      width:auto;
      margin-right:0;
  }
  .manual-sidebar {
      float:none; 
      width:auto;
      margin-top:2em;
      border-top:3px solid #ccd7e5;
      padding-top:1.5em;
  }

  .manual-sidebar .hs-form .input input,
  .manual-sidebar .hs-form .input textarea {
    width:100%;
  }

}

@media screen and (max-width: 767px) {
  .bottom-promo-image {
    clear:both;
    float:none;
    padding-top:1em;
    width:auto;
  }
  .bottom-promo-image img {
    margin-bottom:1em !important;
  }
  #bottom-promo .promo-text.noicon form {
    text-align:center;
  }
  .signup-box .hs-form .actions {
    margin-left:50px;
  }
}

@media screen and (min-width: 479px) and (max-width: 767px) {

  /* styles for landscape mode mobile phones */
  .no-480 {
      display: none;
  }
  .wf-loading body {
      margin:0;
      color:#666;
      font:1.4em/1.29em "myriad-pro-n4","myriad-pro", Helvetica, Arial, sans-serif;
      background:#fff url(../images/bg-body_40.gif) repeat-x;
      min-width:480px;
      visibility: hidden;
  }
  .wf-active body {
      margin:0;
      color:#666;
      font:1.4em/1.29em "myriad-pro-n4","myriad-pro", Helvetica, Arial, sans-serif;
      background:#fff url(../images/bg-body_40.gif) repeat-x;
      min-width:480px;
      visibility: visible;
  }
  .w1{
      width:420px;
      padding:0 ;
  }
  /* header */
  #header-block {
      padding-bottom:.75em;
  }
  #header-block .panel {
      text-align:center;
      min-height:2em;
      padding:0 0 6px;
      font-size:1.25em;
  }
  #header-block .panel .widget_text {
      float:none;
  }
  #header-block .panel .widget_search {
      display:none;
  }
  /*
  #searchform #searchquery {
      width:100%;
  }
  */
  .logo{
      background:url(../images/logo.gif) no-repeat;
      width: 237px;
      height: 54px;
      margin:0 auto;
      float:none;
  }

  #nav{
      font-size:1.29em;
      line-height:1.11em;
      padding:10px 0 0;
      min-height: 40px;
      text-align:center;
      float:none;
  }
  #nav li {
      padding-left:0;
      padding-bottom:6px;
      float:none;
  }
  #nav a {
      padding:5px;
  }
  /* homepage */
  #home .intro {
      width: 420px;
      height: 484px;
      background: none;
  }
  .intro .description {
      top: 12px;
      right: 0;
      width: 100%;
      height:488px;
      text-align: center;
      z-index:9999;
      background: url(../images/mainimage-edit-crop_480.jpg) no-repeat;
  }
  #main .intro .description h2 {
      margin-top:12px;
      font-size:24px;
      line-height:28px;
  }
  .intro .description p {
      position:absolute;
      bottom: 0;
      left:0;
      font-size:16px;
      line-height:20px;
      padding:15px;
      margin:0;
      background: url(../images/bg-about-boxes.png);
  }
  .home .about-boxes {
      height:260px;
      background:none;
      padding-top:0;
      bottom:-355px;
  }
  .home .about-boxes .holder {
      position:absolute;
      top:-61px;
  }
  #main .about-boxes .box {
      -moz-border-bottom-colors: none;
      -moz-border-image: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      background: #fff url("../images/bg-box-01.gif") repeat-x scroll 0 0;
      border-color: #BAD2E5;
      border-style: solid;
      border-width: 0 1px 1px;
      box-shadow: 0 2px 2px #6EA4C9;
      float:none;
      width:auto;
      margin:1em auto;
      padding: 1em 2.3%;
  }
  .about-boxes .box div.body-copy {
      float: none;
  }
  #main .about-boxes h3, #main .about-boxes .body-copy p {
      color: #004280;
  }
  .about-boxes .box form.cta {
      width:100%;
      margin:1em auto;
      float:none;
  }
  .container{padding-top:500px;}
  .content-columns{padding:72px 0 28px;}
  .content-columns .knowmad-box{
      float:none;
      overflow:hidden;
      width:auto;
      padding:0 5px 24px;
      margin:0 0 28px;
      border-bottom:1px solid #c9d5e4;
  }
  .knowmad-box .heading{
      float:none;
      margin:0 12px 0 0;
      width:174px;
  }
  .content-columns .knowmad-box a span{display:inline;}
  .content-columns .knowmad-box p {
  /*
      width:75%;
      float:left;
  */
  }
  .knowmad-box .txt-box {
      position:relative;
      padding:0 12px 0 76px;
  }
  .knowmad-box .wrap {
  /*
      position:absolute;
      right:0;
      top:50%;
      margin-top:-25%;
  */
  }
  .content-columns .box {
      width:100%;
  }
  .content-columns .recent {
      border-bottom: 1px solid #C9D5E4;
      padding: 0 5px 24px;
      margin: 0 0 28px;
  }
  .content-columns .box h2, .content-columns .box h3 {
      display:inline;
  }
  .content-columns .recent img {
      height:354px;
      width:420px;
  }
  .single-project .reg-block #content {
      width: 420px;
  }
  .single-project .reg-block #sidebar {
      width:auto;
  }
  #main .selected-block .heading h2 {
      width:100%;
  }
  #main .selected-block .visual {
      float:none;
      height:auto;
      width:auto;
  }
  #main .selected-block .visual img {
      height:313px;
      width:420px;
  }
  .visual-columns {
      width:100%;
  }
  .visual-columns .column {
      margin:0 0 24px 0;
  }
  .visual-columns .column:nth-child(even) {
      float: right;
      text-align: right;
  }
  .visual-columns .column h4 {
      text-align:left;
  }
  .main-holder {
      padding-top:.75em;
  }
  .about-list li {
      width:45%;
  }
  .selected-block .heading .txt-box {
      overflow:visible;	
  }
  .about-list {
      width:480px;
  }
  .text-columns .cite-column {
      width:100%
  }
  .text-columns .cite-column.box {
      float:right;
  }
  /* footer */
  #footer {
  /*
      margin: 0 -30px;
      padding: 31px 30px 33px;
  */
  }
  #footer .detail-box {
      float:none;
      width:100%;
      text-align:center;
      padding: 0 0 26px 1px;
      border-bottom: 1px solid #C1CFE1;
  }
  #footer .detail-box .info {
      float:none;
      font-size:.9em;
  }
  #footer .user-bar {
      margin:0;
  }
  #footer .sponsors-list {
    padding:0; 
    text-align:center;
  }
  #footer .sitemap {
      padding: 26px 0 0;
  }
  #footer .col {
      width: 125px;
  }
  #footer .sitemap .col:last-child {
      clear: both;
  }
  #footer .signup-form .txt-box {
      float:none;
      width:100%;
      padding-bottom:12px;
  }
  #footer .signup-box {
      float:none;
      width:100%;
  }
  .signup-box .text {
      width:285px;
  }
  .signup-box .hs-form .input input {
      width:320px;
  }
  /* What We Do */
  .about-block .wrap {
      float:none;
      margin-bottom:2em;
  }
  .about-block .txt-box {
      float:none;
      width:auto;
  }
  .about-block .visual {
      float:none;
      margin:0 auto 1em;
  }
  .about-block .pull-quote {
      background: #fff url("../images/bg-box-01.gif") repeat-x scroll 0 0;
      border-color: #BAD2E5;
      border-style: solid;
      border-width: 0 1px 1px;
      box-shadow: 0 2px 2px #6EA4C9;
      float:none;
      width:auto;
      margin:1em auto;
      padding:1em;
  }
  .about-columns {
      width:420px;
  }
  .about-columns .box, .text-columns .box {
      float: none;
      width: auto;
      margin: 0 auto 39px;
      border: solid #BAD2E5;
      padding: 22px 25px 24px;
      height: 200px;
      max-height: 200px;
      border-width: 0 1px 1px;
  }
  /* What We Do sub-pages */
  .product-block .heading {
      padding-bottom:25px;
  }
  #main .product-block h2 {
      float:none;
      width:auto;
  }
  #main .product-block h2 img {
    margin: .75em 14px .25em 0;
  }

  #content.wide {
      width: auto;
  }

  #content, 
  #sidebar, 
  #sidebar.wide {
      float:none;
      width:auto;
  }
  .sub-nav {
      float:none;
      width:auto;
      margin-bottom:2em;
  }
  .sub-nav li {
      display:block;
      margin:6px auto;
      padding: 3px 15px 6px;
      width:auto;
  }
  .main-col {
      clear:both;
  }
  /* The Latest */
  .reg-block #content {
      width:auto;
      padding:0;
  }
  .reg-block #sidebar {
      width: 100%;
      margin-right:0; 
      border-top:3px solid #ccd7e5;
      padding-top:1.5em;
  }
  #main .reg-block h2 {
      margin:0;
  }
  section.blog-posts h1,
  section.news-articles h1,
  section.events h1 {
      font:2em/2em "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
  }
  section.blog-posts article,
  section.news-articles article,
  section.events article {
      margin-bottom: 30px;    border-bottom: 1px solid #CCD7E5;
      padding-bottom: 12px;
  }
  /* Individual Posts */
  .reg-form .text,
  .reg-form textarea {
      width:91% !important;
  }
  .single .reg-block #sidebar .box, 
  #careers #sidebar .box {
      float:none;
      width:auto;
  }

  /* Diona's single column custom template */
  .manual-main-column {
      float:none; 
      width:auto;
      margin-right:0;
  }
  .manual-sidebar {
      float:none;
      width:auto;
      margin-top:2em;
      border-top:3px solid #ccd7e5;
      padding-top:1.5em;
  }

}

@media screen and (max-width: 479px) {

  /* styles for mobile phones */
  .no-320 {
      display:none;
  }
  .wf-loading body {
      min-width:320px;
  }
  .wf-active body {
      min-width:320px;
  }
  #header-block {
      padding-bottom:.75em;
  }
  #header-block .panel {
      text-align:center;
      min-height:2em;
      padding:0 0 6px;
      font-size:1.15em;
  }
  #header-block .panel .widget_text {
      float:none;
  }
  #header-block .panel .widget_search {
      display:none;
  }
  .logo{
      background:url(../images/logo.gif) no-repeat;
      width: 237px;
      height: 54px;
      margin:0 auto;
      float:none;
  }

  #nav{
      font-size:1.29em;
      line-height:1.11em;
      padding:10px 0 0;
      min-height: 40px;
      text-align:center;
      float:none;
  }
  #nav li {
      padding-left:0;
      padding-bottom:6px;
      float:none;
  }
  #nav a {
      padding:5px;
  }
  .w1{
      width:300px;
      padding:0 ;
  }

  #home .intro {
      width: 300px;
      height: 350px;
      background:none;
  }
  .intro .description {
      top: 3px;
      right: 0;
      width: 100%;
      height:350px;
      text-align: center;
      z-index:9999;
      background: url(../images/mainimage-edit-crop_320.jpg) no-repeat;
  }
  #main .intro .description h2 {
      margin-top:3px;
      font-size:24px;
      line-height:28px;
  }
  .intro .description p {
      position:absolute;
      bottom: 0;
      left:0;
      font-size:14px;
      line-height:18px;
      padding:15px;
      margin:0;
      background: url(../images/bg-about-boxes.png);
  }
  .home .about-boxes {
      height:144px;
      background:none;
      padding-top:0;
      bottom:-355px;
  }
  .home .about-boxes .holder {
      position:absolute;
      top:-196px;
  }
  #main .about-boxes .box {
      -moz-border-bottom-colors: none;
      -moz-border-image: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      background: #fff url("../images/bg-box-01.gif") repeat-x scroll 0 0;
      border-color: #BAD2E5;
      border-style: solid;
      border-width: 0 1px 1px;
      box-shadow: 0 2px 2px #6EA4C9;
      float:none;
      width:auto;
      margin:1em auto;
      padding: 1em 2.3%;
  }
  .about-boxes .box div.body-copy {
      float: none;
  }
  #main .about-boxes h3, #main .about-boxes .body-copy p {
      color: #004280;
  }
  .about-boxes .box form.cta {
      width:100%;
      margin:1em auto;
      float:none;
  }
  .container{padding-top:450px;}
  .content-columns{padding:23px 0 28px;}
  .content-columns .knowmad-box{
      float:none;
      overflow:hidden;
      width:auto;
      padding:0 5px 24px;
      margin:0 0 28px;
      border-bottom:1px solid #c9d5e4;
  }
  .knowmad-box .heading{
      float:none;
      margin:0 12px 0 0;
      width:174px;
  }
  .content-columns .knowmad-box a span{display:inline;}
  .content-columns .knowmad-box p {
  /*
      width:75%;
      float:left;
  */
  }
  .knowmad-box .txt-box {
      position:relative;
      padding:0 12px 0 76px;
  }
  .knowmad-box .wrap {
  /*
      position:absolute;
      right:0;
      top:50%;
      margin-top:-25%;
  */
  }
  .content-columns .box {
      width:100%;
  }
  .content-columns .recent {
      border-bottom: 1px solid #C9D5E4;
      padding: 0 5px 24px;
      margin: 0 0 28px;
  }
  .content-columns .box h2, .content-columns .box h3 {
      display:inline;
  }
  .content-columns .recent img {
      height:253px;
      width:300px;
  }
  .single-project .reg-block #content {
      width: 300px;
  }
  .single-project .reg-block #sidebar {
      width:auto;
  }

  #main .selected-block .heading h2 {
      width:100%;
  }
  #main .selected-block .visual {
      float:none;
      height:auto;
      width:auto;
  }
  #main .selected-block .visual img {
      height:223px;
      width:300px;
  }
  .visual-columns {
      width:100%; 
  }
  .visual-columns .column {
      margin:0 0 24px 0;
  }
  .visual-columns .img-box {
      width:290px;
      height:234px;
  }
  .visual-columns .img-box img {
      width:100%;
      height:100%;
  }
  .main-holder {
      padding-top:.75em;
  }
  .about-list li {
      width:45%;
  }
  .selected-block .heading .txt-box {
      overflow:visible;	
  }
  .about-list {
      width:480px;
  }
  .text-columns .story-column {
      width:100%;
  }
  .text-columns .cite-column {
      width:100%
  }

  .text-columns .cite-column.box {
      float:right;
      margin:0 10px;
      padding:22px 25px;
      width:auto;
  }
  .about-list {
      width:158px;
  }
  .about-list li {
      width:auto;
      display:block;
      margin:0 auto 17px;
  }
  /*
  #footer {
      margin: 0 -10px;
      padding: 31px 10px 33px;
  }
  */
  #footer .detail-box {
      float:none;
      width:100%;
      text-align:center;
      overflow:hidden;
      padding: 0 0 26px 1px;
      border-bottom: 1px solid #C1CFE1;
  }
  #footer .detail-box .info {
      float:left;
      font-size:.9em;
  }
  #footer .user-bar {
      margin:0;
  }
  #footer .sponsors-list {
     padding:0; 
     float:left;
     margin:12px auto 3px;
  }
  #footer .sitemap {
      padding: 26px 0 0;
      clear:both;
  }
  #footer .col {
      width: 125px;
  }
  #footer .sitemap .col:last-child {
      clear: both;
  }
  #footer .signup-form .txt-box {
      float:none;
      width:100%;
      padding-bottom:12px;
  }
  #footer .signup-box {
      float:none;
      width:100%;
  }
  .signup-box .text {
      width: 100%;
  }
  .signup-box .hs-form .input input {
      display:block;
      width:auto;
  }
  #footer .signup-box .btn-signup {
      display:block;
      float:left;
      margin-top:1em;
  }
  /* What We Do */
  .about-block .wrap {
      float:none;
      margin-bottom:2em;
  }
  .about-block .txt-box {
      float:none;
      width:auto;
  }
  .about-block .visual {
      float:none;
      margin:0 auto 1em;
  }
  .about-block .pull-quote {
      background: #fff url("../images/bg-box-01.gif") repeat-x scroll 0 0;
      border-color: #BAD2E5;
      border-style: solid;
      border-width: 0 1px 1px;
      box-shadow: 0 2px 2px #6EA4C9;
      float:none;
      width:auto;
      margin:1em auto;
      padding:1em;
  }
  .about-columns {
      width:300px;
  }
  .about-columns .box, .text-columns .box {
      float: none;
      width: auto;
      margin: 0 auto 39px;
      border: solid #BAD2E5;
      padding: 22px 25px 24px;
      height: 230px;
      max-height: 230px;
      border-width: 0 1px 1px;
  }
  /* What We Do sub-pages */
  .product-block .heading {
      padding-bottom:25px;
  }
  #main .product-block h2 {
      float:none;
      width:auto;
  }
  #main .product-block h2 img {
    margin: .75em 14px .25em 0;
  }

  #content.wide {
      width: auto;
  }

  #content, 
  #sidebar,
  #sidebar.wide {
      float:none;
      width:auto;
  }
  .sub-nav {
      float:none;
      width:auto;
      margin-bottom:2em;
  }
  .sub-nav li {
      display:block;
      margin:12px auto;
      padding:3px 15px 6px;
      width:auto;
  }
  .main-col {
      clear:both;
  }
  /* The Latest */
  .reg-block #content {
      width:auto;
      padding:0;
  }
  .reg-block #sidebar {
      width: 100%;
      margin-right:0;
      border-top:3px solid #ccd7e5;
      padding-top:1.5em;
  }
  #main .reg-block h2 {
      margin:0;
  }
  section.blog-posts h1,
  section.news-articles h1,
  section.events h1 {
      font:2em/2em "myriad-pro-condensed-n4", "myriad-pro-condensed", Helvetica, Arial, sans-serif;
  }
  section.blog-posts article,
  section.news-articles article,
  section.events article {
      margin-bottom: 30px;    border-bottom: 1px solid #CCD7E5;
      padding-bottom: 12px;
  }
  /* Individual Posts */
  .reg-form .text,
  .reg-form textarea {
      width:91% !important;
  }   
  .single .reg-block #sidebar .box, 
  #careers #sidebar .box {
      float:none;
      width:auto;
  }

  /* Diona's single column custom template */
  .manual-main-column {
      float:none;
      width:auto;
      margin-right:0;
  }
  .manual-sidebar {
      float:none;
      width:auto;
      margin-top:2em;
      border-top:3px solid #ccd7e5;
      padding-top:1.5em;
  }

  /* Hubspot forms for portrait phone */
  #sidebar .hs-form label {
    float:none;
    padding-bottom:3px;
    text-align:left;
  }

  #sidebar .hs-form .input {
    margin-left:0;
    width:100%;
  }

  #sidebar .hs-form .input input,
  #sidebar .hs-form .input textarea {
    width:100%;
  }

}