/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}

body {
    line-height:1;
    font-size:100%;
    font-family:'Open Sans',sans-serif;
    color:#5f5f5f;
    background-color:#fff;
    min-height:100%;
    position:relative;
    -webkit-text-size-adjust:none;
    -webkit-font-smoothing:antialiased;
    text-shadow:1px 1px 1px rgba(0,0,0,0.004)
}

ol,ul {
    list-style:none
}

blockquote,q {
    quotes:none
}

i.fa {
    background-color:#e6e6e6;
    color:#7a7a7a;
    border-radius:16px;
    padding:.4em;
    margin:.4em
}

i.fa-user {
    background-color:#132D37!important;
    color:#f2f2f2
}

i.fa-times-circle,i.fa-sign-in {
    background:none!important;
    padding:.4em;
    margin:0
}

.admin {
    background-color:#222
}

blockquote:before,blockquote:after,q:before,q:after {
    content:'';
    content:none
}

.nav {
    z-index:9999;
    background-color:#222
}

table {
    border-collapse:collapse;
    border-spacing:0
}

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

.clearfix:after {
    clear:both
}

.clearfix {
    *zoom:1
}

.container {
    width:100%;
    padding-top:16px;
    padding-bottom:16px
}

.containerNoPadding {
    width:100%;
    border-top:1px solid #f2f2f2
}

label {
    display:block;
    font-weight:700;
    padding-top:1em;
    line-height:1.4em;
    padding-bottom:.4em
}

#scrollup {
    background-color:#ccc;
    color:#666;
    padding:16px;
    text-decoration:none;
    position:fixed;
    bottom:40px;
    right:10px;
    display:none
}

.right {
    text-align:right
}

ul.clientNav {
    text-align:right
}

ul.clientNav li {
    display:inline-block
}

ul.clientNav li a {
    text-decoration:none;
    color:#555;
    padding:8px;
    display:block;
    font-size:14px;
    text-transform:uppercase
}

input,select {
    border:1px solid #ccc;
    border-radius:6px;
    padding:10px;
    outline:0;
    color:#494949;
    font-size:14px;
    width:100%;
    max-width:300px;
    margin-bottom:.5em;
    margin-top:.5em;
    box-sizing:border-box
}

input[type="checkbox"],input[type="radio"] {
    border:1px solid #ccc;
    border-radius:6px;
    padding:10px;
    outline:0;
    color:#494949;
    font-size:14px;
    width:auto;
    max-width:300px;
    margin-bottom:.5em;
    margin-top:.5em;
    margin-right:10px;
    box-sizing:border-box
}

input[type="submit"] {
    cursor:pointer
}

.checkText {
}

.important {
    background-color:#900;
    color:#f2f2f2;
    padding:16px
}

option {
    padding:.4em
}

.adminSubNav {
    border-bottom:1px solid #ccc;
    text-align:right;
    padding-bottom:.5em;
    margin-bottom:1em
}

textarea {
    border:1px solid #ccc;
    border-radius:6px;
    padding:10px;
    outline:0;
    color:#494949;
    font-size:14px;
    width:100%;
    min-height:175px;
    margin-bottom:.5em;
    margin-top:.5em;
    box-sizing:border-box;
    font-family:'Open Sans',sans-serif
}

img {
    vertical-align:top
}

.grayLink {
    color:#0D2567;
    text-decoration:none;
    border-bottom:1px solid #0D2567;
    padding-bottom:1px;
    line-height:2.2em
}

.blueLink,.blueLink:visited {
    color:#0D2567;
    text-decoration:none;
    border-bottom:1px solid #0D2567;
    padding-bottom:1px
}

.footerLink {
    color:#929292;
    text-decoration:none;
    font-size:13px
}

.col_60 img {
    width:100%;
    height:auto
}

.portfolio_desc {
    padding-top:1.4em
}

.wrapper {
    margin:0 auto;
    max-width:1100px;
    width:90%
}

.navy {
    background-color:#132D37;
    color:#f2f2f2
}

.ltGray {
    color:#1D5367;
    background-color:#f2f2f2
}

.blue {
    background-color:#1D5468;
    color:#f2f2f2;
    text-align:center
}

.black {
    background-color:#222;
    color:#f2f2f2
}

.quote {
    background-color:#1D5468!important;
    color:#f2f2f2
}

.col_list {
    padding-top:1em
}

.col_list li {
    list-style-type:disc;
    list-style-position:inside;
    margin-left:1em;
    line-height:1.4em
}

.multiple_list li {
    line-height:1.6em;
    list-style-position:outside;
    margin-bottom:1em
}

.multiple_list li a {
    color:#1D5367
}

.calloutBox {
    background-color:#e7e7e7;
    padding:1em;
    box-shadow:0 1px 4px 0 #99a3ad,0 0 40px #eee;
    border-radius:4px
}

.calloutBox h2 {
    padding-bottom:.4em;
    text-align:center
}

.calloutBox p,.calloutBox li {
    line-height:1.8em
}

.calloutBox p {
    padding-bottom:1.4em
}

.calloutBox a {
    color:#555
}

.calloutBox .btn_blue {
    display:block;
    margin:0 auto;
    margin-top:1em;
    width:auto
}

.testSig {
    border-bottom:1px solid #163F4E;
    padding-bottom:1em;
    margin-bottom:1em;
    font-weight:700;
    margin-top:1em
}

.portfolio_sep {
    background-color:#ccc;
    height:1px;
    display:block;
    clear:both;
    margin-top:2em;
    margin-bottom:4em
}

.col_30,.col_70,.col_50,.col_100,col_60,col_40 {
    text-align:center;
    width:100%
}

.col_50 p,.col_60 p,.col_60,.col_40,.col_40 p,.col_100 p {
    margin-bottom:1.4em;
    margin-top:1.4em
}

.subHeader,.boldSubHeader {
    font-weight:700
}

.projectType {
    font-weight:700;
    font-style:italic
}

.supportLink {
    padding:0;
    display:inline-block
}

.hero_featured {
    text-align:center;
    background-size:cover;
    background-color:#222;
    background-image:url(images/optimized/main_home_mobile_moyer.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_featured2 {
    text-align:center;
    background-size:cover;
    background-color:#222;
    background-image:url(images/optimized/dsg_home_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_featured3 {
    text-align:center;
    background-size:cover;
    background-color:#222;
    background-image:url(images/optimized/ao_home_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_featured4 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/home_resp_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px;
    clear:both
}

.hero_featured5 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/home_zachs_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px;
    clear:both
}

.hero_featured6 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/home_resp2_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px;
    clear:both
}

.hero_featured7 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/home_bedford.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px;
    clear:both
}

.hero_support {
    text-align:center;
    background-size:cover;
    background-color:#222;
    background-image:url(images/optimized/featured_support_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_team {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/featured_team_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_quote {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/featured_quote_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_contact {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/marketin_header_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_work {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/sfs_hero.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    width:100%;
    height:250px
}

.hero_ourwork_2 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/sfs_hero.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    width:100%;
    height:250px
}

.hero_ourwork_3 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/wds_hero.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    width:100%;
    height:250px
}

.hero_resp_ecom {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/resp_ecom_mobile_2.png);
    background-repeat:no-repeat;
    background-position:center center;
    width:100%;
    height:250px;
}

.hero_services {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/services_header_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_team_header {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/team_header_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_marketing {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/marketing_header_1_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_marketing2 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/marketing_header_4_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_marketing3 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/marketing_header_3_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_hosting {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/hosting_header_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_ecom {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/ecom_header_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_ecom2 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/ao_marketing_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

.hero_seo {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/hero_seo_mobile.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:250px
}

h1,.portHeader {
    font-size:2.25em;
    text-transform:uppercase;
    font-family:'Open Sans Condensed',sans-serif;
    padding-bottom:.2em;
    text-align:center
}

.featuredHeader {
    padding:20px;
    font-size:2.25em;
    text-transform:uppercase;
    font-family:'Open Sans Condensed',sans-serif;
    text-align:center
}

.logo {
    text-align:left;
    display:block;
    width:100%;
    height:auto;
    max-width:214px
}

.headerTagline {
    font-size:.9em;
    font-weight:200;
    line-height:1em;
    padding-bottom:0;
    text-align:left;
    padding-top:.3em
}

h1 span {
    font-size:75%;
    text-transform:capitalize;
    display:block;
    position:relative;
    padding-top:.2em
}

h2 {
    font-size:2.125em;
    text-transform:uppercase;
    font-family:'Open Sans Condensed',sans-serif;
    line-height:1em;
    clear:both
}

h2 span {
    font-size:65%;
    padding-top:.4em;
    text-transform:none;
    display:block;
    position:relative
}

h2 i.fa {
    display:block;
    width:75px
}

.col_4_list li img {
    width:100%;
    max-width:200px;
    border-radius:10%;
    box-shadow:0 1px 4px 0 #99a3ad,0 0 40px #eee;
    margin-bottom:8px
}

.col_3_list li img {
    width:100%;
    max-width:200px;
    border-radius:10%;
    box-shadow:0 1px 4px 0 #99a3ad,0 0 40px #eee;
    margin-bottom:8px
}

.img-circular {
    width:200px;
    height:200px;
    background-image:url(images/team.jpg);
    background-size:cover;
    display:block;
    border-radius:100px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px
}

.subHeader {
    border-top:1px solid #ccc;
    padding-top:1em;
    display:block
}

h3 {
    font-family:'Open Sans Condensed',sans-serif;
    font-size:1.5em;
    text-transform:uppercase
}

p {
    line-height:1.6em
}

.featuredContent p {
    font-size:1.4em
}

p.featuredFirst {
    font-size:1em
}

.pullquote {
    font-style:italic;
    border-top:1px solid #1D5468;
    padding-top:1.4em;
    margin-top:1.4em
}

.testimonial {
    font-size:1em;
    font-style:italic;
    max-width:630px;
    margin:0 auto
}

.btn_blue {
    background-color:#1D5468;
    text-transform:uppercase;
    padding:1em;
    display:inline-block;
    margin-top:1em;
    font-size:1.4em;
    text-align:center;
    color:#f2f2f2!important;
    text-decoration:none;
    transition:all .9s;
    -o-transition:all .9s;
    -webkit-transition:all .9s;
    -moz-transition:all .9s;
    width:75%
}

.btn_blue:hover {
    background-color:#246882;
    color:#f2f2f2
}

.inline {
    display:inline-block
}

.col_4_list li {
    display:block;
    padding-top:2em;
    padding-bottom:2em;
    text-align:center;
    vertical-align:top
}

.col_3_list li a {
    text-decoration:none;
    color:#1D5367
}

.col_3_list li {
    display:block;
    padding-top:2em;
    padding-bottom:2em;
    text-align:center;
    vertical-align:top
}

.col_4_list li a {
    text-decoration:none;
    color:#1D5367
}

.col_4_list li i.fa {
}

.center {
    text-align:center
}

.menu {
    padding-top:.5em;
    padding-bottom:.5em;
    border-top:1px solid #1D5468;
    border-bottom:1px solid #1D5468;
    margin-bottom:1em;
    clear:both;
    text-align:center
}

.menu li {
    display:block;
    text-align:center
}

.menu li a {
    color:#f2f2f2;
    text-decoration:none;
    display:block;
    padding:.8em;
    text-transform:uppercase
}

.btn_adminHome {
    background-color:#e5e5e5;
    border-radius:4px;
    padding:1em;
    box-sizing:border-box;
    text-align:center;
    margin-bottom:2em
}

.btn_adminHome p {
    border-top:1px solid #666;
    padding-top:1em
}

.btn_adminHome p.newsBody {
    border:none;
    padding-top:0;
    border-bottom:1px solid #ccc;
    padding-bottom:1em;
    margin-top:0
}

.btn_adminHome p.noBorder {
    border-top:none
}

.newsHeader {
    font-weight:700
}

a.readmore-js-toggle {
    margin-top:16px;
    text-decoration:none;
    background-color:#ccc;
    width:150px;
    padding:12px;
    color:#666;
    display:inline-block
}

.last {
    margin-bottom:0
}

.green {
    background-color:#228737;
    border-radius:.8em;
    -moz-border-radius:.8em;
    -webkit-border-radius:.8em;
    color:#fff;
    display:inline-block;
    font-weight:700;
    line-height:1.6em;
    text-align:center;
    width:1.6em;
    font-size:1.8em
}

.red {
    background-color:#9F0C0F;
    border-radius:.8em;
    -moz-border-radius:.8em;
    -webkit-border-radius:.8em;
    color:#fff;
    display:inline-block;
    font-weight:700;
    line-height:1.6em;
    text-align:center;
    width:1.6em;
    font-size:1.8em
}

.black_circle {
    background-color:#666;
    border-radius:.8em;
    -moz-border-radius:.8em;
    -webkit-border-radius:.8em;
    color:#fff;
    display:inline-block;
    font-weight:700;
    line-height:1.6em;
    text-align:center;
    width:1.6em;
    font-size:1.8em
}

.gray_circle {
    background-color:#ccc;
    border-radius:.8em;
    -moz-border-radius:.8em;
    -webkit-border-radius:.8em;
    color:#666;
    display:inline-block;
    font-weight:700;
    line-height:1.6em;
    text-align:center;
    width:1.6em;
    font-size:1.8em
}

.tableContainer {
    display:table;
    width:100%;
    margin-top:1em
}

.row {
    display:block;
    padding:.5em
}

.row:nth-child(odd) {
    background-color:#E9E9E9
}

.column {
    display:block;
    padding:.5em
}

.tableHeader {
    padding:.5em;
    background-color:#ccc
}

.tableHide {
    display:none
}

.btn_admin {
    padding:1em;
    color:#f2f2f2;
    background-color:#132D37;
    display:inline-block;
    text-transform:uppercase;
    font-family:'Open Sans Condensed',sans-serif
}

.flex_container {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:#3f4c6b;
/* Old browsers */
/* FF3.6+ */
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#3f4c6b),color-stop(100%,#132d37));
/* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,#3f4c6b 0%,#132d37 100%);
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
    background:-webkit-linear-gradient(top,#3f4c6b 0%,#132d37 100%);
    background:linear-gradient(to bottom,#3f4c6b 0%,#132d37 100%);
/* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f4c6b',endColorstr='#132d37',GradientType=0);
/* IE6-9 */
    text-align:center;
    color:#f2f2f2;
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:column-reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
}

.flex_panel p {
    padding:16px
}

.flex_panel {
    width:100%
}

.flex_panel .btn_blue {
    margin-bottom:1.1em
}

.nav {
    display:none
}

/* mobile nav */
#menu {
    position:fixed;
    top:0;
    bottom:0;
    width:13.755em;
    right:-13.755em;
    -webkit-transform:translate(0px,0px);
    -moz-transform:translate(0px,0px);
    -o-transform:translate(0px,0px);
    -ms-transform:translate(0px,0px);
    transform:translate(0px,0px);
    -webkit-transition:1s ease;
    -moz-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease;
    background-color:#222;
    height:100%;
    z-index:10000;
    overflow-y:scroll
}

#menu ul li a {
    display:block;
    text-decoration:none;
    color:#f2f2f2;
    padding:1em;
    border-bottom:1px solid #666;
    text-transform:uppercase
}

#menu.active {
    -webkit-transform:translate(-13.755em,0px);
    -moz-transform:translate(-13.755em,0px);
    -o-transform:translate(-13.755em,0px);
    -ms-transform:translate(-13.755em,0px);
    transform:translate(-13.755em,0px)
}

.menu-link {
    position:absolute;
    top:0;
    right:0;
    background-color:#132D3;
    color:#222;
    padding:1em;
    text-decoration:none;
    z-index:10000;
    -webkit-transition:1s ease;
    -moz-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease;
    text-align:center
}

.menu-link.active {
    background-color:#222;
    position:fixed;
    z-index:10000;
    -webkit-transform:translate(-13.755em,0px);
    -moz-transform:translate(-13.755em,0px);
    -o-transform:translate(-13.755em,0px);
    -ms-transform:translate(-13.755em,0px);
    transform:translate(-13.755em,0px)
}

#menu ul {
}

.menu-link:after {
    content:"Menu";
    font-size:14px;
    display:block;
    color:#f2f2f2;
    text-decoraion:none;
    padding-top:.2em
}

.menu-link.active:after {
    content:"Close";
    font-size:14px;
    display:block;
    color:#f2f2f2;
    text-decoraion:none;
    padding-top:.2em
}

#menu.active .menu-link a:after {
    text-decoraion:none
}

.mobileHide {
    display:none
}

.p_list {
    margin-left:8px;
    list-style:outside;
    list-style-type:square
}

.p_list li {
    margin-bottom:12px;
    line-height:24px
}

.para50 {
    text-align:left
}

.nwwtag {
    font-weight:700
}

.nwwtag span {
    font-style:oblique;
    display:block
}

.moreLink {
    text-transform:uppercase;
    padding:16px;
    display:block;
    color:#F2F2F2;
    text-decoration:none;
    background-color:#33465B;
    margin-top:16px
}

.popup {
    color:#A81315;
    text-decoration:none;
    border-bottom:1px solid #A81315;
    padding-bottom:2px;
    font-size:12px
}

.inputHeader {
    margin-top:4px!important;
    margin-bottom:4px!important
}

.footer a {
    color:#f2f2f2
}


			.quotes
			{ 
				display:none;
			}
			
			.fbook {
				margin-top: 16px;
			}

@media screen and (min-width: 500px) {
.logo {
    max-width:274px
}
}

@media screen and (min-width: 800px) {
	
		.fbook {
				margin-top: 0px;
			}
	
	.article {
		padding-right:32px;
	}
.headerTagline {
    font-size:1.2em;
    font-weight:200;
    line-height:3em;
    text-align:left;
    padding-left:1em
}

.flex_container {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row
}

.flex_panel {
    width:420px
}

.flex_panel .btn_blue {
    margin-bottom:0
}

.hero_featured {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/main_home_moyer.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:700px;
    clear:both
}

.hero_featured2 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/dsg_home.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:700px;
    clear:both
}

.hero_featured3 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/ao_home.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:700px;
    clear:both
}

.hero_featured4 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/home_resp.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:700px;
    clear:both
}

.hero_featured5 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/home_zachs.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:700px;
    clear:both
}

.hero_featured6 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/home_resp2.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:700px;
    clear:both
}

.hero_featured7 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/home_bedford.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:700px;
    clear:both
}

.hero_support {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/featured_support.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px;
    clear:both
}

.hero_team {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/featured_marketing.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

.hero_quote {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/featured_quote.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

.hero_contact {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/marketin_header.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

.hero_work {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/work_header4.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

.hero_ourwork_2 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/sfs_hero.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

.hero_ourwork_3 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/wds_hero.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

.hero_resp_ecom {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/resp_ecom_header_2.png);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:700px
}
.hero_services {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/services_header.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

.hero_team_header {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/team_header2.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

.hero_marketing {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/marketing_header_1.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

.hero_marketing2 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/marketing_header_4.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

.hero_marketing3 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/marketing_header_3.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

.hero_hosting {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/hosting_header.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

.hero_ecom {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/ecom_header.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

.hero_ecom2 {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/optimized/ao_marketing.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

.hero_seo {
    text-align:center;
    background-size:cover;
    background-color:#CCC;
    background-image:url(images/hero_seo.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:500px
}

h1,.portHeader {
    font-size:2.75em;
    text-transform:uppercase;
    font-family:'Open Sans Condensed',sans-serif;
    padding-bottom:.2em
}

.featuredHeader {
    font-size:2.75em
}

.btn_adminHome {
    margin-left:2em;
    margin-right:2em
}

.featuredContentContainer {
    text-align:center;
    color:#f2f2f2;
    max-width:390px;
    background-color:#132D37;
    padding:1em;
    box-sizing:border-box;
    height:100%
}

.featuredContent {
}

.featuredContentContainerSmall {
    height:100%;
    width:390px;
    background-color:#132D37;
    padding:1em;
    box-sizing:border-box
}

.col_30 {
    width:40%;
    float:left;
    text-align:left
}

.col_70 {
    width:60%;
    float:right;
    text-align:right
}

.col_50 {
    width:50%;
    float:left;
    text-align:left;
    box-sizing:border-box
}

.para50 {
    padding-right:3em
}

.footer .col_50 {
    text-align:center
}

.col_60 {
    width:60%;
    float:left;
    text-align:left;
    box-sizing:border-box;
    padding-right:2em
}

.col_40 {
    width:40%;
    float:right;
    text-align:left;
    box-sizing:border-box
}

.col_4_list li {
    display:inline-block;
    width:50%;
    text-align:center;
    margin-right:-4px
}

.col_3_list li {
    display:inline-block;
    width:50%;
    text-align:center;
    margin-right:-4px
}

.footerBorder {
    border-right:1px solid #1D5468
}

.menu {
    margin-top:1em
}

.menu li {
    display:inline-block;
    padding:1em;
    margin-right:-4px;
    text-align:center
}

h2 i.fa {
    display:inline-block
}

.tableContainer {
    display:table;
    width:100%
}

.row {
    display:table-row;
    padding:.5em
}

.row:nth-child(odd) {
    background-color:#E9E9E9
}

.column {
    display:table-cell;
    padding:.5em
}

.tableHeader {
    padding:.5em;
    background-color:#ccc
}


}

@media screen and (min-width: 960px) {
.headerTagline {
    font-size:1.4em;
    font-weight:200;
    line-height:3em;
    text-align:right;
    padding-top:0
}

.mobileHide {
    display:block
}

.menu-link {
    display:none
}

.nav {
    display:block
}

.nav_full ul {
    margin:0;
    padding:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    list-style:none;
    clear:both
}

.nav_full li {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
}

.nav_full li a {
    color:#f2f2f2;
    text-decoration:none;
    text-align:center;
    display:block;
    margin-bottom:0;
    margin-top:0;
    border:none;
    padding:.8em;
    text-transform:uppercase;
    font-size:1em;
    border-radius:6px;
    transition:all .9s;
    -o-transition:all .9s;
    -webkit-transition:all .9s;
    -moz-transition:all .9s
}

.nav_full li a:hover {
    background-color:#3a3a3a;
    color:#f2f2f2;
    text-transform:uppercase;
    text-decoration:none;
    display:block;
    border-radius:6px;
    padding:.8em
}
}

@media screen and (min-width: 1000px) {
a.supportLink {
    padding:0;
    display:inline-block!important;
    font-size:1em!important
}

.col_4_list li {
    width:50%;
    padding:2em;
    box-sizing:border-box
}

.col_3_list li {
    width:33.333%;
    padding:2em;
    box-sizing:border-box
}
}

@media screen and (min-width: 1100px) {
.nav-collapse li a {
    font-size:1.2em
}

a.supportLink {
    padding:0;
    display:inline-block!important;
    font-size:1em!important
}

.col_3_list li {
    width:33.333%;
    padding:2em;
    box-sizing:border-box
}
}

@media screen and (min-width: 1220px) {
.col_4_list li {
    width:25%;
    padding:2em;
    box-sizing:border-box
}
}