/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html, button, input, select, textarea { color: #222; }
html { overflow-y:scroll; }
body { font-family:"Open Sans"; font-size: 14px; line-height: 1.4;-webkit-text-size-adjust: none; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body { background:#575757; text-align:center; color:#434343; padding:0; }
a { text-decoration:none; }
div.wrapper { max-width:1280px; margin:0 auto; text-align:left; position:relative; }
html.lt-ie9 div.wrapper { min-width:960px; }
div.padding { margin-left:24px; margin-right:24px; }
p { margin-top:0px; margin-bottom:15px; }

/*************************************************************
CLIENT ALERTS (added July 23, 2013)
*************************************************************/
div.client-alerts { background:#e21e3c; }
div.client-alerts ul { margin:0; padding:0; list-style-type:none; }
div.client-alerts li.client-alert, div.client-alerts div.client-alert { padding:8px 35px 8px 15px; color:#fff; font-size:12px; position:relative; }
div.client-alerts li.client-alert h2, div.client-alerts div.client-alert h2 { font-weight:bold; text-transform:uppercase; color:#c4dc6e; display:inline; margin:0; }
div.client-alerts li.client-alert p, div.client-alerts div.client-alert p { margin:0; display:inline; }
div.client-alerts li.client-alert a, div.client-alerts div.client-alert a { color:#fff; text-decoration:underline; }
div.client-alerts li.client-alert a.close, div.client-alerts div.client-alert a.close { position:absolute; top:11px; right:10px; width:16px; height:16px; background:url(../images/bg-client-alert-close.png) 0 0 no-repeat; text-indent:-99999px; }
div.client-alerts li.client-alert a.close:hover, div.client-alerts div.client-alert a.close:hover { background-position:0 -16px; }

/*************************************************************
HEADER
*************************************************************/
header {
	padding:1px 0 80px 0; position:relative; 
	background:#005F95 url(../images/bg-header.gif) 0 0 repeat-x; /* Old browsers */
	background: -moz-linear-gradient(top,  #004175 0%, #005f95 50%, #005f95 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004175), color-stop(50%,#005f95), color-stop(100%,#005f95)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #004175 0%,#005f95 50%,#005f95 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #004175 0%,#005f95 50%,#005f95 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #004175 0%,#005f95 50%,#005f95 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #004175 0%,#005f95 50%,#005f95 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004175', endColorstr='#005f95',GradientType=0 ); /* IE6-9 */
}
html.homepage header { height:285px; padding-bottom:0; }
html.no-js header { height:auto !important; }

header div.wrapper { position:relative; z-index:8; }
header div.logo { float:left; margin:12px 0; width:100px; height:63px; }
header div.logo a img { width:100px; height:63px; }
header div.search { float:right; margin:36px 0 12px 0; width:240px; position:relative; height:32px; overflow:hidden; -webkit-border-radius:0 16px 16px 0; -moz-border-radius:0 16px 16px 0; border-radius:0 16px 16px 0; }
header div.search div.fieldset { position:absolute; top:0; right:0; width:100%; overflow:hidden; -webkit-border-radius:0 16px 16px 0; -moz-border-radius:0 16px 16px 0; border-radius:0 16px 16px 0; }
header div.search input.sfsearchTxt { background:#fff; border:1px solid #434343; padding:7px; font-style:italic; color:#696969; font-size:12px; width:194px; height:16px; }
header div.search input.sfsearchSubmit { position:absolute; top:0; right:0;
	border:none; background:#434343 url(../images/bg-header-search-submit.png) 8px 8px no-repeat; width:32px; height:32px;
	-webkit-border-radius:0 16px 16px 0; -moz-border-radius:0 16px 16px 0; border-radius:0 16px 16px 0; text-indent:-99999px;
}
header div.search a.toggle { display:none; position:absolute; top:0; right:0;
	border:none; background:#434343 url(../images/bg-header-search-submit.png) 8px 8px no-repeat; width:32px; height:32px;
	-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;
}

header nav.primary { position:absolute; z-index:9; left:0; top:33px; width:100%; padding:0; }
html.lt-ie9 header nav.primary { min-width:960px; }
header nav.primary div.border { position:absolute; top:0; left:50%; margin:0 0 0 -125px; padding:0; border-bottom:1px solid #13b2ce; height:36px; overflow:visible; }
header nav.primary ul { padding:0; margin:0 30px 0 0; color:#fff; font-family:"Open Sans"; font-weight:600; font-size:15px; }
header nav.primary ul li { float:left; margin:0; position:relative; height:32px; overflow:visible; }
header nav.primary ul li.active { border-bottom:4px solid #13b2ce; }
header nav.primary ul li.divider { position:relative; top:10px; }
header nav.primary ul li.divider:last-child { display:none; }
header nav.primary ul li a { display:block; float:left; padding:10px 10px 20px 10px; color:#fff; text-decoration:none; }
header nav.primary ul li.Contact a, header nav.primary ul li.Blog a { padding:10px 10px 5px 10px;  }
header nav.primary ul li.hover a { background:#434343; }

/*************************************************************
SUBNAV
*************************************************************/
div.subnav { display:none; position:absolute; z-index:9; top:43px; left:0; width:100%; background:#434343; font-family:"Open Sans"; font-weight:600; font-size:12px; }
div.subnav .wrapper { }
div.subnav div.padding { }

div.subnav div.nav { position:relative; margin:0 264px 0 0; padding:15px 0 15px 0; background:#434343; }
div.subnav div.nav ul { position:relative; left:0; margin:0; padding:0; margin:0; font-size:12px; border:none; height:auto; }
div.subnav div.nav ul:after { clear:left; }
div.subnav div.nav ul li { float:left; width:25%; height:auto; color:#b0b0b0; }
div.subnav div.nav ul li.active { border:0; }

div.subnav div#services-subnav { }
div.subnav div.nav ul li.Strategy { width:23%; }
div.subnav div.nav ul li.Design { width:31%; }
div.subnav div.nav ul li.Technology { width:23%; }
div.subnav div.nav ul li.Marketing { width:20%; }

div.subnav div.nav ul li a { display:block; float:left; clear:left; padding:3px 6px; color:#b0b0b0; position:relative; left:-6px; }
div.subnav div.nav ul li a:hover { background:#005f95; }
div.subnav div.nav ul li ul { clear:left; margin:0; }
div.subnav div.nav ul li ul li { float:none; width:auto; margin:0; }
div.subnav div.nav ul li ul li a { color:#fff; }

div.subnav div.contact { margin:15px 24px 0 0; border-top:1px solid #646464; background:#434343; }
div.subnav#work-subnav div.contact { margin-top:171px; }
div.subnav#about-subnav div.contact { margin-top:115px; }
div.subnav div.contact p { margin:10px 0 0 0; color:#fff; }
div.subnav div.contact a { color:#fff; }
div.subnav div.contact strong { color:#b0b0b0; background:url(../images/bg-subnav-contact-greatness.gif) right no-repeat; padding:0 20px 0 0; }

div.subnav div.featured { float:right; width:240px; height:100%; background:url(../images/bg-subnav-featured.gif); }
div.subnav div.featured div.content { padding:20px 30px 10px 30px; color:#fff; }
div.subnav div.featured div.content img { width:100%; }
div.subnav div.featured div.content h3 { font-size:12px; margin:10px 0; }
div.subnav div.featured div.content p { margin:10px 0; }
div.subnav div.featured div.content a { color:#b0b0b0; }
/* tags to edit w/in sitefinity */
body.sfPageEditor nav.primary div.border, body.sfTemplateEditor nav.primary div.border { position:relative; left:-100px; margin:0; width:350px; margin:0 auto; }


/*************************************************************
MOBILE NAV
*************************************************************/
header nav.mobile { display:none; position:absolute; z-index:9; top:33px; left:0; width:100%; font-family:"Open Sans"; font-weight:600; font-size:15px; text-align:left; }
header nav.mobile a.mobile-handle { position:absolute; top:0; right:2%; text-indent:-999px; padding:9px; width:24px; height:15px; background:#004377 url(../images/bg-mobile-handle.png) 9px 9px no-repeat; }
header nav.mobile a.mobile-handle.active { background:#434343 url(../images/bg-mobile-handle.png) 9px -26px no-repeat; border-bottom:8px solid #434343; }
header nav.mobile ul { display:none; position:absolute; top:33px; right:0; background:#434343; width:100%; margin:0; padding:0; }
header nav.mobile ul li { float:none; border-bottom:1px solid #6e6e6e; }
header nav.mobile ul li a { display:block; background:#434343; color:#b0b0b0; padding:8px; }
header nav.mobile ul li a:hover { background:#525252; color:#fff; }
header nav.mobile div.subnav { width:0; height:0; overflow:hidden; }

/*************************************************************
COMMON PAGE ATTRIBUTES
*************************************************************/
div.page-content { background:#fff; color:#666; padding:1px 0 20px 0; position:relative; z-index:8; }
div.page-content div.wrapper { }
div.page-content div.wrapper div.internal-page.sf_cols { width:auto !important; }

div.page-content div.headline { margin:-52px 0 0 0; }
div.page-content div.headline h1, div.page-content div.headline h1 > a { font-family:"Open Sans"; font-weight:400; font-size:30px; color:#fff; margin:0; }
div.page-content div.breadcrumbs { font-family:"Open Sans"; font-size:11px; color:#313131; }
div.page-content div.breadcrumbs ul { padding:0; margin:22px 0 5px 0; }
div.page-content div.breadcrumbs ul li { display:inline; margin:0 5px 0 0; }

div.page-content select.quicklinks { width:100%; }

/* SITEFINITY CORRECTIONS TO BREADCRUMBS */
div.page-content div.breadcrumbs div.sfBreadcrumbWrp ul { }
div.page-content div.breadcrumbs div.sfBreadcrumbWrp ul li { margin:0; }
div.page-content div.breadcrumbs div.sfBreadcrumbWrp ul li.sfNoBreadcrumbNavigation a { color:#13b2ce; font-weight:800; }
div.page-content div.breadcrumbs div.sfBreadcrumbWrp ul li.sfNoBreadcrumbNavigation a:hover { cursor:text; text-decoration:none; }
div.page-content div.breadcrumbs div.sfBreadcrumbWrp ul li a { font-family:"Open Sans"; font-size:11px; color:#313131; padding:0 !important; }
div.page-content div.breadcrumbs div.sfBreadcrumbWrp ul li a:hover { color:#13b2ce; text-decoration:none; }
div.page-content div.breadcrumbs div.sfBreadcrumbWrp ul li span { margin:0 3px 0 5px; }


/*************************************************************
HOMEPAGE CAROUSEL
*************************************************************/
div.homepage-carousel { position:relative; top:-197px; margin-bottom:-197px; width:auto !important; }
html.no-js div.homepage-carousel { top:0; margin-bottom:0; padding:10px 0; }
div.homepage-carousel div.viewport { position:relative; overflow:hidden; }
div.homepage-carousel ul.controls { position:absolute; z-index:8; bottom:15px; right:265px; margin:0; padding:0; }
div.homepage-carousel ul.controls li {
	cursor:pointer; display:inline-block; margin:0 0 0 6px; background:#fff; width:15px; height:15px;
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}
div.homepage-carousel ul.controls li.current { background:#bcd369; }

div.homepage-carousel div.slide { position:absolute; top:0; left:100%; width:100%; }
div.homepage-carousel div.slide:first-child { position:relative; margin-left:-100%; }
div.homepage-carousel div.slide div.image { width:81%; overflow:hidden;  }
div.homepage-carousel div.slide div.image img { width:100%; position:relative; }

div.homepage-carousel div.slide div.image a.primary { position:absolute; top:30px; left:40px; width:400px; font-family:"Open Sans"; font-size:24px; font-weight:400; color:#fff; background:url(../images/bg-homepage-carousel-a.png) 0 7px no-repeat; padding:0 0 0 17px; }
div.homepage-carousel div.slide div.image a.primary strong { color:#c4dc6e; font-weight:400; }
div.homepage-carousel div.slide div.image a.primary span { display:none; color:#fff; font-size:13px; text-decoration:underline; }
div.homepage-carousel div.slide div.image a.primary span.green { display:inline; color:#c4dc6e; font-family:"Open Sans"; font-size:24px; font-weight:400; text-decoration:none; }
div.homepage-carousel div.slide div.image a.primary span.blue, div.homepage-carousel div.slide div.image a.primary span.blue:hover  { display:inline; color:#002433!important; font-family:"Open Sans"; font-size:24px; font-weight:400; text-decoration:none; }
div.homepage-carousel div.slide div.image a.primary:hover span { color:#13b2ce; }
div.homepage-carousel div.slide div.image a.primary .black{ color:#000000;}


div.homepage-carousel div.slide div.image a.full { display:none; padding:10px; background:#575757; color:#fff; }
div.homepage-carousel div.slide div.image a.full:hover { color:#13b2ce; }
div.homepage-carousel div.slide div.image a.full h3 { margin:0; font-family:"Open Sans"; font-size:20px; font-weight:400; }
div.homepage-carousel div.slide div.image a.full p { margin:0; font-family:"Open Sans"; font-size:12px; font-style:italic; }

div.homepage-carousel div.slide div.content { position:absolute; top:0; right:0; height:100%; width:240px; background:url(../images/bg-subnav-featured.gif); }
div.homepage-carousel div.slide div.content div.padding { margin:30px 15px 15px 15px; font-family:"Open Sans"; font-size:13px; font-weight:400; color:#fff; }
div.homepage-carousel div.slide div.content div.padding ul { margin:0; padding:0; list-style-type:none; font-size:13px; font-weight:600; font-style:italic; color:#c4dc6e; }
div.homepage-carousel div.slide div.content div.padding p { margin:0 0 10px 0; }
div.homepage-carousel div.slide div.content div.padding a { color:#fff; text-decoration:underline; }
div.homepage-carousel div.slide div.content div.padding a:hover { color:#c4dc6e; }

div.homepage-carousel div.slide div.content div.padding p.highlight { font-family:"Open Sans"; }
div.homepage-carousel div.slide div.content div.padding p.highlight span { display:block; float:left; clear:left; background:#000; line-height:1em; padding:4px 8px 4px 4px; color:#fff; font-size:14px; font-weight:600; font-style:italic; }
div.homepage-carousel div.slide div.content div.padding p.highlight span.large { font-size:42px; font-weight:400; padding-right:15px; }

html.no-js div.homepage-carousel div.viewport { height:360px; overflow-y:scroll }
html.no-js div.homepage-carousel div.slide { position:relative; left:0; border-bottom:2px solid #fff }
html.no-js div.homepage-carousel div.slide:first-child { margin-left:0; }

/*************************************************************
HOMEPAGE CONTENT
*************************************************************/
div.homepage-content { width:auto; }
div.homepage-content.padding { margin-top:15px; margin-bottom:15px; }
div.homepage-content div.mission-statement { position:relative; font-family:"Open Sans"; }
div.homepage-content div.mission-statement h1 { float:left; width:38.4%; margin:0; color:#666; font-size:25px; font-weight:400; line-height:1.2em; padding:0 3% 36px 0; border-bottom:2px solid #4d4d4d; }
div.homepage-content div.mission-statement h1 strong { color:#13b2ce; font-weight:400; }
div.homepage-content div.mission-statement div.content { float:right; width:55.5%; }
div.homepage-content div.mission-statement div.content p { margin:5px 0 10px 0; }
div.homepage-content div.mission-statement div.content a {
	margin:10px 0 0 0; background:#000 url(../images/bg-button-arrow.png) right no-repeat; color:#fff; padding:2px 25px 4px 12px;
	-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;
}
div.homepage-content div.mission-statement div.content a:hover { background-color:#575757; }

div.homepage-content div.whats-new { float:left; width:20.9%; font-family:"Open Sans"; margin-top:25px; font-size:11px; }
div.homepage-content div.whats-new h2 { margin:0 0 12px 0; font-size:16px; font-weight:600; }
div.homepage-content div.whats-new div.article { display:block; margin:12px 0; line-height:1.5em; color:#434343; }
div.homepage-content div.whats-new div.article h3 { margin:0; }
div.homepage-content div.whats-new div.article span { display:block; font-size:11px; }
div.homepage-content div.whats-new div.article h3 a { color:#00568e; font-size:13px; font-weight:800; display:inline;  }
div.homepage-content div.whats-new div.article h3 a:hover { background:#00568e; color:#fff; }
div.homepage-content div.whats-new a.see-more { color:#00568e; font-weight:800; }
div.homepage-content div.whats-new a.see-more:hover { background:#00568e; color:#fff; }

/*div.homepage-content div.portfolio { float:left; width:57.4%; margin-top:25px; margin-left:2%; }
div.homepage-content div.portfolio a.article { position:relative; float:left; width:32%; margin:0 2% 30px 0; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; }
div.homepage-content div.portfolio div.articles a.article:last-child { float:right; margin:0; }*/
/* back up for IE */ div.homepage-content div.portfolio div.articles a.article.last-child { float:right; margin:0; }
/*div.homepage-content div.portfolio a.article div.image { border:7px solid #e2e2e2; position:relative; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; }
div.homepage-content div.portfolio a.article div.image img { display:block; width:100%; position:relative; z-index:8; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; background-color: rgba(255,255,255,.01); }
div.homepage-content div.portfolio a.article:hover div.image { display:block; border-color:#a8a8a8; }
div.homepage-content div.portfolio a.article:hover div.image img { opacity:0.7; }
div.homepage-content div.portfolio a.article div.image span.featured { position:absolute; z-index:9; top:0; right:0; color:#fff; background:#f32146; font-size:12px; padding:5px 5px 2px 5px; text-transform:uppercase; }
div.homepage-content div.portfolio a.article h3 { position:absolute; top:100%; left:0; width:100%; margin:0; padding:5px 0 0 0; font-family:"Open Sans"; font-size:13px; font-weight:600; color:#434343; }
div.homepage-content div.portfolio a.article h3 span.featured { color:#f32146; } */

/* new home promo design */ 
div.homepage-content div.portfolio a.article { position:relative; float:left; width:24%; margin:0 0 0px 1.01%; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; }
div.homepage-content div.portfolio div.articles a.article:last-child { float:right; margin:0; }
div.homepage-content div.portfolio { float:left; width:76.7%; margin-top:25px; margin-left:2%; }
div.homepage-content div.portfolio a.article div.image img { display:block; width:100%; position:relative; z-index:8; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; background-color: rgba(255,255,255,.01); }
div.homepage-content div.portfolio a.article:hover div.image { display:block; border-color:#a8a8a8; }
div.homepage-content div.portfolio a.article:hover div.image img { opacity:0.7; }
div.homepage-content div.portfolio a.article div.image span.featured { position:absolute; z-index:9; top:0; right:0; color:#fff; background:#005f95; font-size:12px; padding:5px 5px 2px 5px; text-transform:uppercase; }
div.homepage-content div.portfolio a.article h3 {color: #ffffff;
    display: table-cell;
    float: left;
    font-family: "Open Sans";
    font-size: 13px;
     font-weight: 600;
     left: 0;
    margin: 0;
    padding: 5px 12px 0;
    position: absolute;
    text-align: center;
   bottom: 13px;
   vertical-align: middle;
    width: 89%;
    z-index: 999999; }
div.homepage-content div.portfolio a.article h3 span.featured { color:#f32146; }
div.homepage-content div.quote { display:none; }
div.homepage-content div.quote div.content { background:#f9f9f9; padding:25px; font-weight:bold; font-size:12px; color:#005f95; min-height:73px; }
div.homepage-content div.quote div.date { background:#005f95; color:#fff; padding:4px 6px; font-size:11px; }
div.homepage-content div.quote div.date strong { font-weight:bold; }

/*
div.homepage-content div.quote { float:right; width:18.4%; margin-top:25px; background:url(../images/bg-homepage-quote.gif) 85% bottom no-repeat; padding:0 0 12px 0; }
div.homepage-content div.quote div.content { background:#f9f9f9; padding:25px; font-weight:bold; font-size:12px; color:#005f95; min-height:73px; }
div.homepage-content div.quote div.date { background:#005f95; color:#fff; padding:4px 6px; font-size:11px; }
div.homepage-content div.quote div.date strong { font-weight:bold; }
*/



/*************************************************************
WORK
*************************************************************/
div.page-work { margin:10px 0 0 0; }
div.page-work div.intro { font-family:"Open Sans"; font-size:20px; margin:0 1% 12px 0; padding-bottom:12px; border-bottom:1px solid #13b2ce; }
div.page-work div.intro:after { clear:left; }
div.page-work div.intro strong { font-weight:400; color:#13b2ce; }

div.page-work div.portfolio-header { margin:15px 0 5px 0; position:relative; z-index:9; }
div.page-work div.portfolio-header div.sub-headline { float:left; width:auto; }
div.page-work div.portfolio-header div.sub-headline h2 { font-family:"Open Sans"; font-size:16px; font-weight:800; margin:2px 0 0 0; }
div.page-work div.portfolio-header div.filter { position:relative; float:right; width:19% !important; margin:0 1% 0 0; font-family:"Open Sans"; font-size:12px; font-weight:600; color:#fff; }
div.page-work div.portfolio-header div.filter div.placeholder { cursor:default; padding:5px 60px 5px 8px; background:#004075 url(../images/bg-work-filter.gif) right 12px no-repeat; }
div.page-work div.portfolio-header div.filter ul { display:none; position:absolute; top:26px; right:0; width:100%; margin:0; padding:2px 0; list-style-type:none; background:#004c82; border-top:1px dotted #fff; }
div.page-work div.portfolio-header div.filter ul li { border-bottom:1px solid #0a7fa8; margin:0 5px; }
div.page-work div.portfolio-header div.filter ul li:last-child { border-bottom:0; }
div.page-work div.portfolio-header div.filter ul li a { display:block; padding:5px 2px; color:#fff; }
div.page-work div.portfolio-header div.filter ul li a:hover { text-decoration:underline; }
div.page-work div.portfolio-header div.filter ul li ul { position:relative; top:-4px; border:none; }
div.page-work div.portfolio-header div.filter ul li ul li { border:none; }
div.page-work div.portfolio-header div.filter ul li ul li a { padding:3px 6px; }

div.page-work div.portfolio ul { margin:12px 0; padding:0; list-style-type:none; }
div.page-work div.portfolio ul li { position:relative; float:left; width:19%; margin:0 1% 40px 0; display: block; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; }
div.page-work div.portfolio ul li a div.image { border:7px solid #e2e2e2; position:relative; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; }
div.page-work div.portfolio ul li a:hover div.image { border-color:#a8a8a8; }
div.page-work div.portfolio ul li a div.image img { position:relative; z-index:8; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;background-color: rgba(255,255,255,.01); width:auto; max-width:100%; }
div.page-work div.portfolio ul li a:hover div.image img { opacity:0.7;  }
div.page-work div.portfolio ul li h3 { position:absolute; top:100%; left:0; width:100%; margin:0; padding:5px 0 0 0; font-family:"Open Sans"; font-size:13px; font-weight:600; color:#434343; }

div.page-work div.portfolio div.see-more { margin:-10px 0 10px 0; }
div.page-work div.portfolio div.see-more a { float:right; margin:0 1% 0 0; font-family:"Open Sans"; font-weight:800; color:#00568e; }
div.page-work div.portfolio .rightportfolio img {margin-bottom: 15px;}

/*
div.portfolioItemDetails { position:relative; float:left; width:49%; margin:0 1% 0 0; display: block; }
div.portfolioItemDetails a div.image { border:7px solid #e2e2e2; position:relative; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; }
div.portfolioItemDetails a:hover div.image { border-color:#a8a8a8; }
div.portfolioItemDetails a div.image img { width:100%; position:relative; z-index:8; }
div.portfolioItemDetails a:hover div.image img { opacity:0.7 }
div.portfolioItemDetails h3 { position:absolute; top:100%; left:0; width:100%; margin:0; padding:5px 0 0 0; font-family:"Open Sans"; font-size:13px; font-weight:600; color:#434343; }
*/


/*************************************************************
ABOUT
*************************************************************/
/* clients logo parade */
div.client-logo-parade { margin:20px 0 0 ; }
div.client-logo-parade ul { margin:0; padding:0; list-style-type:none; }
div.client-logo-parade ul li { display:inline-block; width:25%; vertical-align:middle; text-align:center; height:75px; margin:0; }
div.client-logo-parade ul li.fnbs { width:50%; }
div.client-logo-parade ul li a { display:block; background:none; }
div.client-logo-parade ul li a:hover { background:none !important; }
div.client-logo-parade ul li img { display:block; max-width:97%; float:none; margin:0 auto; }
@media (max-width: 1120px) {
	div.client-logo-parade ul li { width:33%; }
	div.client-logo-parade ul li.fnbs { width:66%; }
}
@media (max-width: 750px) {
	div.client-logo-parade ul li { width:50%; }
	div.client-logo-parade ul li.fnbs { width:100%; }
}

/* Clients logos and hover fade */

.ourClientsGrid .clientsLogo {
	float: left;
	margin: 30px 20px;
	width: 182px;
	height: 181px;
	border-radius: 50%;
}
.ourClientsGrid {
	margin-top: 15px;
}
.ourClientsGrid .seeMoreClients {
	float: left;
	margin-left: 800px;
	margin-top: 50px;
	width: 100px;
}
#moreClients {
	float: left;
	display: none;
	margin-top: -50px;
}



.ourClientsGrid #truliant {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/truliant-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .truliant {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/truliant-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #truliant:hover .truliant{
	opacity: 1;
}

.ourClientsGrid #eversource {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/eversource-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .eversource {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/eversource-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #eversource:hover .eversource{
	opacity: 1;
}

.ourClientsGrid #savingsInstitute {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/savingsInstitute-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .savingsInstitute {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/savingsInstitute-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #savingsInstitute:hover .savingsInstitute{
	opacity: 1;
}


.ourClientsGrid #nystrs {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/nystrs-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .nystrs {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/nystrs-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #nystrs:hover .nystrs{
	opacity: 1;
}

.ourClientsGrid #ucbi {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/ucbi-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .ucbi {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/ucbi-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #ucbi:hover .ucbi{
	opacity: 1;
}
.ourClientsGrid #xfcu {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/xfcu-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .xfcu {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/xfcu-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #xfcu:hover .xfcu{
	opacity: 1;
}
.ourClientsGrid #bankatunited {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/bankatunited-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .bankatunited {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/bankatunited-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #bankatunited:hover .bankatunited {
	opacity: 1;
}
.ourClientsGrid #sb1 {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/sb1-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .sb1 {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/sb1-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #sb1:hover .sb1 {
	opacity: 1;
}

.ourClientsGrid #gvtc {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/gvtc-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .gvtc {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/gvtc-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #gvtc:hover .gvtc {
	opacity: 1;
}
.ourClientsGrid #altaVista {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/alta-vista-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .altaVista {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/alta-vista-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #altaVista:hover .altaVista {
	opacity: 1;
}
.ourClientsGrid #laz {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/laz-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .laz {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/laz-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #laz:hover .laz {
	opacity: 1;
}
.ourClientsGrid #sfpcu {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/sfpcu-logo.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .sfpcu {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/sfpcu-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #sfpcu:hover .sfpcu {
	opacity: 1;
}
.ourClientsGrid #conning {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/conning-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .conning {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/conning-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #conning:hover .conning {
	opacity: 1;
}
.ourClientsGrid #bayfed {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/bay-fed-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .bayfed {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/bay-fed-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #bayfed:hover .bayfed {
	opacity: 1;
}
.ourClientsGrid #penguin {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/penguin-stacks-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .penguin {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/penguin-stacks-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #penguin:hover .penguin {
	opacity: 1;
}
.ourClientsGrid #keypoint {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/keypoint-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .keypoint {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/keypoint-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #keypoint:hover .keypoint {
	opacity: 1;
}
.ourClientsGrid #metroHartford {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/m-h-alliance-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .metroHartford {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/m-h-alliance-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #metroHartford:hover .metroHartford {
	opacity: 1;
}
.ourClientsGrid #eVestment {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/evestment-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .eVestment {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/evestment-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #eVestment:hover .eVestment {
	opacity: 1;
}
.ourClientsGrid #pfcu {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/pfcu-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .pfcu {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/pfcu-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #pfcu:hover .pfcu {
	opacity: 1;
}
.ourClientsGrid #coCom {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/co-communications-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .coCom {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/co-communications-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #coCom:hover .coCom {
	opacity: 1;
}
.ourClientsGrid #healthWays {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/healthways-logo.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .healthWays {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/healthways-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #healthWays:hover .healthWays {
	opacity: 1;
}
.ourClientsGrid #sprague {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/sprague-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .sprague {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/sprague-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #sprague:hover .sprague {
	opacity: 1;
}
.ourClientsGrid #hawaii {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/hawaii-fcu-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .hawaii {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/hawaii-fcu-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #hawaii:hover .hawaii {
	opacity: 1;
}
.ourClientsGrid #redwood {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/redwood-cu-logo.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .redwood {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/redwood-cu-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #redwood:hover .redwood {
	opacity: 1;
}
.ourClientsGrid #appleBank {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/apple-bank-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .appleBank {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/apple-bank-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #appleBank:hover .appleBank {
	opacity: 1;
}
.ourClientsGrid #campusParc {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/campus-parc-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .campusParc {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/campus-parc-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #campusParc:hover .campusParc {
	opacity: 1;
}
.ourClientsGrid #ccb {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/ccb-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .ccb {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/ccb-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #ccb:hover .ccb {
	opacity: 1;
}
.ourClientsGrid #fremont {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/fremont-bank-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .fremont {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/fremont-bank-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #fremont:hover .fremont {
	opacity: 1;
}
.ourClientsGrid #frontier {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/frontier-logo.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .frontier {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/frontier-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #frontier:hover .frontier {
	opacity: 1;
}
.ourClientsGrid #georgiaUnited {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/georgia-united-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .georgiaUnited {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/georgia-united-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #georgiaUnited:hover .georgiaUnited {
	opacity: 1;
}
.ourClientsGrid #primeway {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/primeway-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .primeway {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/primeway-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #primeway:hover .primeway {
	opacity: 1;
}
.ourClientsGrid #usAlliance {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/usalliance-logo-lg.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .usAlliance {
	background: url(http://www.zaginteractive.com/images/default-source/our-clients---2014/usalliance-hover.png?sfvrsn=2) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #usAlliance:hover .usAlliance {
	opacity: 1;
}
.ourClientsGrid #mit {
	background: url(http://www.zaginteractive.com/images/default-source/clients/mit_client-logo.png) no-repeat scroll 0 0 / 100% #e8eaef;
	position: relative;
}
.ourClientsGrid .mit {
	background: url(http://www.zaginteractive.com/images/default-source/clients/mit-client-logo-hover.png) no-repeat scroll 0 0 / 100% #e8eaef;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 182px;
	height: 181px;
	border-radius: 50%;
	left: 0;
	top: 0;
	margin: 0 auto;
}
.ourClientsGrid #mit:hover .mit {
	opacity: 1;
}
.blueDivider {
	border-bottom: 1px solid #13b2ce;
}
.ourClientsGrid .shadowOffset {
	position: absolute;
	bottom: -47px;
	left: 0;
}

@media only screen and (max-width : 320px) {
.ourClientsGrid .shadowOffset {
	position: absolute;
	bottom: -47px;
	left: 23px;
}
.ourClientsGrid {
	margin-left: 30px;
}
.ourClientsGrid .seeMoreClients {
	margin-left: 0px;
	width: auto;
}
#moreClients {
	margin-top: 0px;
}
}



div.page-about { margin:10px 0 0 0; }

/* elements that appear in sidebar and main content area */
div.page-about div.facebook { margin-top:20px; width:auto; position:relative; overflow:hidden; }
div.page-about div.facebook-on-about { float:right; }
div.page-about div.facebook-on-team { float:right; }
div.page-about div.facebook-on-culture { float:right; }
div.page-about div.facebook iframe { background:#f0f0f0; width:100% !important; }
div.page-about div.facebook div.facebook-header { position:relative; z-index:9; margin:0 0 -1px 0; padding:10px 15px; background:#13b2ce url(../images/bg-about-facebook.png) 20px bottom no-repeat; }
div.page-about div.facebook div.facebook-header h2 {  font-size:18px; font-weight:400; color:#fff; margin:0; }
div.page-about div.facebook div.facebook-header a { position:absolute; top:7px; right:10px; width:8px; height:17px; text-indent:-999px; padding:7px 10px; background:#13b2ce url(../images/bg-about-facebook-a.gif) 10px 7px no-repeat; }

div.page-about div.ten-things { width:auto; padding:15px; margin:20px 0; background:#005f95; color:#fff; font-family:"Open Sans"; }
div.page-about div.ten-things h2 { margin:0 0 10px 0; font-size:18px; font-weight:400; }
div.page-about div.ten-things ol { margin:10px 0; padding:0; list-style-type:none; }
div.page-about div.ten-things ol li { padding:0 0 5px 0; border-bottom:1px solid #008fca; margin:5px 0 0 0; color:#fff; }
div.page-about div.ten-things ol li:last-child { padding:0; border:none; }
div.page-about div.ten-things ol li:before, div.page-about div.ten-things ol li:after { content: " "; display: table; }
div.page-about div.ten-things ol li:after { clear: both; }
div.page-about div.ten-things ol li { *zoom: 1; }
div.page-about div.ten-things ol li span.number { display:block; float:left; width:35px; color:#c4dc6e; font-size:24px; position:relative; top:-3px; }
div.page-about div.ten-things ol li span.content { display:block; width:auto; margin:0 0 0 40px; font-style:italic; font-size:13px; }

div.page-about div.careers { margin:20px 0; width:auto; background:#13b2ce; color:#fff; float:right;}
div.page-about div.careers div.description { width:auto; margin:20px; font-family:"Open Sans"; }
div.page-about div.careers div.description h2 { font-size:24px; font-weight:400; margin:0 0 6px 0; }
div.page-about div.careers div.description p { font-size:15px; margin:6px 0; }
div.page-about div.careers div.description a { font-size:13px; font-weight:800; color:#fff; }
div.page-about div.careers div.description a:after { content:" >"; }

div.page-about div.services { margin:20px 0; width:auto; padding:0px; font-family:"Open Sans"; background:#8b8b8b; color:#fff; float:right; }
div.page-about div.services .sfContentBlock { padding:20px; }
div.page-about div.services h2 { font-size:24px; font-weight:400; margin:0 0 6px 0; }
div.page-about div.services p { font-size:15px; margin:6px 0; }
div.page-about div.services ul { margin:6px 0; padding:0; list-style-type:none; }
div.page-about div.services ul li { margin:3px 0; }
div.page-about div.services ul li a { text-decoration:underline; font-size:13px; color:#fff; }
div.page-about div.services ul li a:hover { color:#00568e; }
div.page-about div.services p a { color:#fff; font-size:13px; }
div.page-about div.services p a:hover { color:#00568e; }
div.page-about div.services p a:after { content:" >"; }

/* elements that appear just in sidebar */
div.about-sidebar { float:right; width:240px; }
div.about-sidebar-nav { margin:0 0px 0px 0px; font-family:"Open Sans"; font-weight:800; font-size:13px; } 
div.about-sidebar-nav ul { margin:0; padding:0; list-style-type:none; width:205px; } 
div.about-sidebar-nav ul li { border-top:1px solid #cacaca; } 
div.about-sidebar-nav ul li a { display:block; padding:6px 2px; color:#00568e; } 
div.about-sidebar-nav ul li.active a { color:#000; }
div.about-sidebar-nav ul li a:hover { color:#000; } 
div.about-sidebar-nav ul.level2 { display: none;}
div.about-sidebar-nav li.active ul.level2 { display: block; border-top:1px solid #cacaca;}
div.about-sidebar-nav li.active ul.level2 li { border: none; background-color:#f0f0f0; padding-left: 5px;}
div.about-sidebar-nav li.active ul.level2 li a { color: #000000; font-weight: 400; font-size: 11px; padding:5px;}
div.about-sidebar-nav li.active ul.level2 li a:hover { color: #000000; font-weight: 400; }

div.about-sidebar-nav li.active ul.level2 li.active a { font-weight:bold;}


/* elements that appear in just main content area */
div.about-content { margin-right:265px;  }
div.about-content div.intro { font-family:"Open Sans"; font-size:14px; margin:0; }
div.about-content div.intro:after { clear:left; }
div.about-content div.intro p { margin:0 0 15px 0; }
div.about-content div.intro ul { padding:0 0 0 20px; font-size:12px; }
div.about-content div.intro li { font-size:14px; margin-bottom:10px; }
div.about-content div.intro a, div.page-work div.intro a { font-weight:800; color:#00568e; }
div.about-content div.intro a:hover, div.page-work div.intro a:hover {background:#00568e; color:#fff; }
div.about-content div.intro a:after { content:" >"; }
div.about-content div.intro p strong { font-size:20px; font-weight:400; }

div.about-content div.team { margin:5px 0; }
div.about-content div.team:after { clear:left; }
div.about-content div.team div.description { float:left; width:30%; margin:0 3% 5px 0; font-family:"Open Sans"; }
div.about-content div.team div.description h2 { font-size:24px; font-weight:400; color:#13b2ce; margin:20px 0 6px; }
div.about-content div.team div.description p { font-size:15px; margin:6px 0; }
div.about-content div.team div.description a { font-size:13px; color:#00568e; font-weight:800; }
div.about-content div.team div.description a:hover {background:#00568e; color:#fff;}
div.about-content div.team div.description a:after { content:" >"; }


div.about-content div.team a.member {
	position:relative; float:left; vertical-align:top; width:16%; margin:0 .25% .5% .25%; 
}

div.about-content div.team-without-text a.member { height:auto; }

div.about-content div.team.leads a.member {min-height:265px; }

div.about-content div.team a.member div.image { position:relative; z-index:9; width:100%; }
div.about-content div.team a.member div.image img { width:100%; margin:0; }
div.about-content div.team a.member div.image-rollover {
	opacity:0; position:absolute; z-index:9; top:0; left:0; width:100%;
	-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; 
}
div.about-content div.team a.member div.image-rollover img { width:100%; background-color: rgba(255,255,255,.01); }
div.about-content div.team a.member:hover div.image-rollover { opacity:1; }
div.about-content div.team a.member h3 { margin:3px 2px 0 2px; padding:0; font-size:12px; color:#00568e; float:left; width:100%; display:block;}
div.about-content div.team a.member p { margin:0 2px 8px 2px; font-size:12px; color:#666; float:left; min-height:60px; display:block;}	
div.about-content div.team-without-text a.member h3 { display:none; }
div.about-content div.team-without-text a.member p { display:none; }

div.about-content div.bio div.biocontent { width:60% !important;  }
div.about-content div.bio div.biovideos { width:40% !important; max-width:340px; float:right; }
div.about-content div.bio div.linkedin-expertise { margin:10px 0; }
div.about-content div.bio div.linkedin-expertise div.linkedin a { background:url(../images/bg-linkedin.png) 0 0 no-repeat; display:block; width:18px; height:17px; text-indent:-99999px; }

div.about-content div.culture { margin:10px 0; width:auto; background:#005f95 url(../images/bg-about-culture.jpg) right bottom no-repeat; color:#fff; }
div.about-content div.culture:after { clear:left; }
div.about-content div.culture div.description { float:left; width:36%; margin:20px 0 20px 20px; font-family:"Open Sans"; }
div.about-content div.culture div.description h2 { font-size:24px; font-weight:400; margin:0 0 6px 0; }
div.about-content div.culture div.description p { font-size:15px; margin:6px 0; }
div.about-content div.culture div.description a { font-size:13px; color:#fff; font-weight:800; }
div.about-content div.culture div.description a:after { content:" >"; }

div.about-content div.partners-on-about { margin:5px 1% 0 0; width:99%; }
div.about-content div.partners-on-about:after { clear:left; }
div.about-content div.partners-on-about div.description { float:left; width:36%; margin:8px 0 14px 0; font-family:"Open Sans"; }
div.about-content div.partners-on-about div.description h2 { font-size:24px; font-weight:400; color:#13b2ce; margin:0 0 6px 0; }
div.about-content div.partners-on-about div.description p { font-size:15px; margin:6px 0; }
div.about-content div.partners-on-about div.description a { font-size:13px; color:#00568e; font-weight:800; }
div.about-content div.partners-on-about div.description a:after { content:" >"; }
div.about-content div.partners-on-about div.partner-list { float:right; width:58%; margin:15px 0 0 0; padding:25px 0 25px 3%; border-left:1px solid #13b2ce; }
div.about-content div.partners-on-about div.partner-list div.partner { float:left; width:33%; }
div.about-content div.partners-on-about div.partner-list div.partner div.image {  }
div.about-content div.partners-on-about div.partner-list div.partner div.image img { float:left; margin-left:0px; }
div.about-content div.partners-on-about div.partner-list div.partner div.content { display:none; }

div.about-content div.partners { margin:10px 0 0 0; }
div.about-content div.partners:after { clear:left; }
div.about-content div.partners div.partner, div.about-content div.careerswrapper div.partner { margin:10px 0; padding:15px 0 0 0; border-top:1px solid #d7d7d7; font-family:"Open Sans"; display:inline-block; width:100%;}
div.about-content div.partners div.partner:after { clear:left; }
div.about-content div.partners div.partner:first-child { padding:0; border:none; }
div.about-content div.partners div.partner div.image, div.careerswrapper div.image { float:left; width:20%; text-align:center; margin:5px 0 0 0; }
div.about-content div.partners div.partner div.image img { width:auto; float:left; margin:0px 15px 15px 0px; }
div.about-content div.partners div.partner div.content, div.careerswrapper div.content { float:left; width:78%; margin:-5px 0 0 2%; }
div.about-content div.partners div.partner div.content h3 { font-size:18px; font-weight:400; color:#13b2ce; margin:0 0 10px 0; }
div.about-content div.partners div.partner div.content p { margin:10px 0; }
div.about-content div.partners div.partner div.content a { color:#00568e; font-weight:800; }
div.about-content div.partners div.partner div.content a:hover {background:#00568e; color:#fff;} 

div.inside-look { margin:10px 0 20px 0; position:relative; width:100%; }
div.inside-look:after { clear:left; }
div.inside-look h2 { margin:0; background:#434343; color:#fff; padding:8px 12px; font-family:"Open Sans"; font-weight:400; font-size:18px; }
div.inside-look div.viewport { position:relative; overflow:hidden; border:1px solid #434343; background:#434343; }
div.inside-look div.viewport:after { clear:left; }
div.inside-look div.slide { position:absolute; top:0; left:100%; width:100%; background:#434343; }
div.inside-look div.slide:first-child { position:relative; margin-left:-100%; }
div.inside-look div.slide .sfimageWrp { width:100%; text-align:center; float:left;  height:auto; background:#f0f0f0; }
div.inside-look div.slide img { width:auto; margin:0px auto; float:none; }
div.inside-look div.slide div.caption { background:#434343; color:#fff; padding:15px; font-size:12px; float:left; margin-right:70px; }
html.no-js div.inside-look { height:425px; overflow:scroll; }
html.no-js div.inside-look div.slide { position:relative; left:0; }
html.no-js div.inside-look div.slide:first-child { position:relative; margin-left:0; }

div.inside-look ul.controls { position:absolute; bottom:0; right:0; margin:0; padding:11px 15px 13px 0; background:#434343; list-style-type:none; }
div.inside-look ul.controls li { cursor:pointer; float:left; margin:0 0 0 20px; width:10px; height:18px; background-image:url(../images/bg-about-culture-inside-look-arrows.png); background-repeat:no-repeat; }
div.inside-look ul.controls li.previous { background-position:left bottom; }
div.inside-look ul.controls li.next { background-position:right bottom; }
div.inside-look ul.controls li.previous:hover { background-position:left top; }
div.inside-look ul.controls li.next:hover { background-position:right top; }

div.about-content div.culture-club { width:100%; margin:40px 0 0 0; }
div.about-content div.culture-club div.facebook { float:left; width:49%; margin:0; }
div.about-content div.culture-club div.facebook:after { clear:left; }
div.about-content div.culture-club div.else { float:right; width:49%; }
div.about-content div.culture-club div.else:after { clear:left; }

div.about-content div.culture-club div.blog { background:url(../images/bg-homepage-quote.gif) 85% bottom no-repeat; padding:0 0 12px 0; }
div.about-content div.culture-club div.blog a { display:block; color:#005f95; }
div.about-content div.culture-club div.blog a:hover {color:#005f95;}
div.about-content div.culture-club div.blog div.content { background:#f0f0f0; padding:20px; font-family:"Open Sans"; font-weight:800; font-size:13px; }
div.about-content div.culture-club div.blog div.content h3 { margin:0; padding:0; font-size:14px; }
div.about-content div.culture-club div.blog div.content p { margin:10px 0 0 0; }
div.about-content div.culture-club div.blog div.content p:after { content:" >"; }
div.about-content div.culture-club div.blog div.caption { padding:5px 8px; background:#005f95; color:#fff; font-size:11px; text-transform:uppercase; }

div.about-content div.culture-club div.social { margin:20px 0 0 0; border-top:1px solid #cacaca; padding-top:20px; }
div.about-content div.culture-club div.social h2 { font-family:"Open Sans"; font-size:16px; color:#434343; margin:0 0 10px 0; }
div.about-content div.culture-club div.social ul { margin:10px 0; padding:0; list-style-type:none; }
div.about-content div.culture-club div.social ul li { float:left; margin:0 20px 0 0; }
div.about-content div.culture-club div.social ul li a { display:block; float:left; background:url(../images/bg-about-culture-social-icons.png) 0 0 no-repeat; }
div.about-content div.culture-club div.social ul li.facebook a { width:11px; height:22px; background-position:0 0; }
div.about-content div.culture-club div.social ul li.twitter a { width:23px; height:18px; background-position:-31px 0; position:relative; top:1px; }
div.about-content div.culture-club div.social ul li.instagram a { width:24px; height:23px; background-position:-68px 0; }
div.about-content div.culture-club div.social ul li.linkedin a { width:24px; height:22px; background-position:-108px 0; }
div.about-content div.culture-club div.social ul li.youtube a { width:23px; height:22px; background-position:-149px 0; }
div.about-content div.culture-club div.social ul li.google a { width:23px; height:22px; background-position:-188px 0; }
div.about-content div.culture-club div.social ul li.pinterest a { width:23px; height:22px; background-position:-230px 0; }
div.about-content div.culture-club div.social ul li.facebook a:hover { background-position:0 -22px; }
div.about-content div.culture-club div.social ul li.twitter a:hover { background-position:-31px -22px; }
div.about-content div.culture-club div.social ul li.instagram a:hover { background-position:-68px -23px; }
div.about-content div.culture-club div.social ul li.linkedin a:hover { background-position:-108px -22px; }
div.about-content div.culture-club div.social ul li.youtube a:hover { background-position:-149px -22px; }
div.about-content div.culture-club div.social ul li.google a:hover { background-position:-188px -22px; }
div.about-content div.culture-club div.social ul li.pinterest a:hover { background-position:-230px -22px; }

/*Before and After Slider*/


div.beforeafter div.slide .sfimageWrp {
    background: #FFFFFF;
    padding-bottom: 14px;
}

div.beforeafter div.viewport {
    border: medium none;
    background: transparent;
}


div.beforeafter div.slide div.caption a {
    color: #ffffff;
     margin-left: 6px;

}
div.beforeafter div.slide div.caption a:hover {
    text-decoration: underline;

}

div.beforeafter div.slide div.caption {
    background: #434343;
    display: inline-block;
    margin-right: 0;
    width: 100%;
}

div.beforeafter div.slide { background: transparent; }


div.beforeafter {
    margin: 20px 0 20px;
}

div.beforeafter div.slide img {
    max-width: 962px;
    width: 100%;
}

@media screen and (orientation:landscape) {
div.beforeafter div.slide img {
    width: 80%;

}
}

div.beforeafter ul.controls {
    padding: 13px 15px 14px 0;
}
    @media only screen and (max-width: 520px) {

   div.beforeafter div.slide div.caption {
    font-size: 9px;
}

div.beforeafter ul.controls {
    padding: 12px 15px 12px 0;
}

    }

#tips {
	margin: 0;
	padding: 0;	
}
#tips li {
	display: inline;
	list-style-type: none;	
}

.newsText {
	float: none;
	width: auto;
}

.careerswrapper .sfnewsListTitleDateSummary img {
	float: left;
	margin: 0 15px 15px 0;
	width: auto;
	height: auto;
}

div.about-content div.intro .careerswrapper ul.sfnewsListTitleDateSummary  {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.careerswrapper .sfnewsListTitleDateSummary li {
	list-style-type: none;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d7d7d7;
	float: left;
	width: 100%;
}
.careerswrapper .sfnewsListTitleDateSummary h2.sfnewsTitle, .careerswrapper .sfnewsDetails h2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 20px;
}

.careerswrapper .sfnewsListTitleDateSummary h2.sfnewsTitle a {
	font-size: 18px;
	font-weight: bold;
	color: #313131;
	content: " ";
}
.careerswrapper .sfnewsListTitleDateSummary h2.sfnewsTitle a:hover 
{background:#00568e; color:#fff;}

.careerswrapper .sfnewsListTitleDateSummary  a:after {
	content: " " !important;
}

.careerswrapper .sfnewsDetails .sfnewsAuthorAndDate {
	margin-bottom: 20px;	
}

.careerswrapper .NewsDate {
	font-size: 12px;
	color: #13b2ce;	
}
.sfnewsDetails p a {
	padding-top: 20px;	
	display: block;
}

div.about-content div.intro a:after { 
	content:"" !important; 
}




/*************************************************************
FOOTER
*************************************************************/
div.responsive-search { position:relative; z-index:9; background:#fff; text-align:left; margin-top:-30px; padding-bottom:20px; }
div.responsive-search div.padding { position:relative; }
div.responsive-search div.search { }
div.responsive-search div.search input.sfsearchTxt {
	border:1px solid #434343; padding:7px 10px; font-style:italic; color:#696969; font-size:12px; width:93%; height:16px;
	-webkit-border-radius:0 15px 15px 0; -moz-border-radius:0 15px 15px 0; border-radius:0 15px 15px 0;
}
div.responsive-search div.search input.sfsearchSubmit { position:absolute; top:0; right:0;
	border:none; background:#434343 url(../images/bg-header-search-submit.png) 5px 8px no-repeat; width:29px; height:32px;
	-webkit-border-radius:0 15px 15px 0; -moz-border-radius:0 15px 15px 0; border-radius:0 15px 15px 0; text-indent:-99999px;
}

footer { position:relative; z-index:7; color:#fff; padding:25px 0 5px 0; font-family:"Open Sans"; font-weight:600; font-size:12px; }
footer wrapper { }
footer div.sitemap { float:left; width:66%; }
footer div.sitemap ul { margin:0; padding:0; }
footer div.sitemap h3 { margin: 0; }
footer div.sitemap h3 a { margin:0 2% 0 0; display:block; display:block; border-bottom:1px solid #727272; padding:0 0 4px 1px; margin:0; font-size:12px; font-weight:800; color:#b0b0b0; }
footer div.sitemap h3 a:hover { color:#13b2ce; }
footer div.sitemap ul li { margin:5px 0 0 0; }
footer div.sitemap ul li { float:none; width:100%; }
footer div.sitemap ul li a { margin:0; padding:0; border:0; font-weight:600; color:#fff; }
footer div.sitemap ul li a:hover { color:#13b2ce; }
footer div.contact { float:left; width:24%; margin:0 5% 0 3%; }
footer div.contact h3 { margin:0; color:#b0b0b0; font-size:12px; font-weight:800; background:url(../images/bg-footer-contact.gif) right 0 no-repeat; padding:2px 21px 0 0; float:left; position:relative; top:-2px; }
footer div.address a, footer div.phone a { color:#b0b0b0; }
footer div.address a:hover, footer div.phone a:hover { color:#13b2ce; }
footer div.address { margin-top:5px;  }
footer div.phone { margin-top:10px; }

footer div.marketing { float:right; width:19%; }
footer div.marketing nav.social { }
footer div.marketing nav.social ul { margin:0; padding:0; }
footer div.marketing nav.social ul li { float:left; margin:0 10px 0 0; }
footer div.marketing nav.social ul li a { display:block; float:left; background:url(../images/bg-footer-social-icons.png) 0 0 no-repeat; }
footer div.marketing nav.social ul li.facebook a { width:8px; height:17px; background-position:0 0; }
footer div.marketing nav.social ul li.twitter a { width:18px; height:15px; background-position:-20px 0; position:relative; top:1px; }
footer div.marketing nav.social ul li.linkedin a { width:18px; height:17px; background-position:-72px 0; }
footer div.marketing nav.social ul li.instagram a { width:18px; height:17px; background-position:-44px 0; }
footer div.marketing nav.social ul li.youtube a { width:18px; height:17px; background-position:-97px 0; }
footer div.marketing nav.social ul li.google a { width:17px; height:17px; background-position:-123px 0; }
footer div.marketing nav.social ul li.pinterest a { width:17px; height:17px; background-position:-149px 0; }
footer div.marketing nav.social ul li.facebook a:hover { background-position:0 -17px; }
footer div.marketing nav.social ul li.twitter a:hover { background-position:-20px -17px; }
footer div.marketing nav.social ul li.linkedin a:hover { background-position:-72px -17px; }
footer div.marketing nav.social ul li.instagram a:hover { background-position:-44px -17px; }
footer div.marketing nav.social ul li.youtube a:hover { background-position:-97px -17px; }
footer div.marketing nav.social ul li.google a:hover { background-position:-123px -17px; }
footer div.marketing nav.social ul li.pinterest a:hover { background-position:-149px -17px; }


footer div.marketing div.newsletter { border-top:1px solid #727272; padding:20px 0 0 0; margin:20px 0 0 0; }
footer div.marketing div.newsletter label { display:block; color:#b0b0b0; }
footer div.marketing div.newsletter input.text { background:#fff; border:1px solid #434343; padding:3px 5px; width:95%; margin:4px 0; }
footer div.marketing div.newsletter input.submit { background:none; border:none; color:#b0b0b0; padding:0; font-family:"Open Sans"; font-weight:600; font-size:12px; }
footer div.marketing div.newsletter input.submit:hover { color:#13b2ce; }
footer div.copyright { clear:both; padding:20px 0; }
footer div.copyright p { margin:0; float:left; }
footer div.copyright nav { float:left; }
footer div.copyright nav ul { margin:0 0 0 13px; padding:0; }
footer div.copyright nav ul li { display:inline; margin:0 10px 0 0; }
footer div.copyright nav ul li.show-500 { display:none; }
footer div.copyright nav ul li a { color:#fff;  }
footer div.copyright nav ul li a:hover { color:#13b2ce; }

/*HUBSPOT SIGN UP*/
.newsletter .hs-form.stacked .actions {
    margin: 0;
    padding: 0;
}

.newsletter .hs-form label {
        color: #B0B0B0;
    font-family: "Open Sans";
    font-size: 12px;

}

.newsletter .hs-form .email-correction, .newsletter .hs-form .email-validation {
    font-family: "Open Sans";
    font-size: 12px;
}
.newsletter .hs-form .hs-button:active, .newsletter .hs-form .hs-button:focus {
    border: 0 none;
    outline: none;
}
.newsletter .hs-form .hs-button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    box-shadow: none;
    color: #B0B0B0;
    float: left;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    text-shadow: none;
    line-height: 17px;
}
.lt-ie9 .newsletter .hs-form .hs-button {
    background: transparent;
    background-color: transparent;
    outline:none;
    border:0;

}

.newsletter .hs-form .hs-button:hover { 
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    box-shadow: none;
    float: left;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    color:#13b2ce;
    text-shadow: none;
    line-height: 17px;
}

.newsletter .hs-form.stacked .field {
    margin-bottom: 6px;
}
/* ==========================================================================
   Services
   ========================================================================== */

.services-info {
	float: left;
	width: 100%;
	background-color: #f0f0f0;
	font-size: 13px;
	color: #313131;
/*	padding-bottom: 40px;
*/}

div.about-content div.intro .services-info .sfimageWrp {
	width:92%;
	text-align:center;
	margin:15px auto 0;
	
}

.about-content .services-info img {
	float:none;
	margin:0;	
}

.services-info h2{
	font-size: 20px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 8px;
}

.servicesmainbox .design h2{
	color: #910063;
}
.servicesmainbox .technology h2{
	color: #13b2ce;
}
.servicesmainbox .marketing h2{
	color: #8bb117;
}
.servicesmainbox .strategy h2{
	color: #de6519;
}
.servicesmainbox .strategy {
	padding-right: 0px !important;	
}
div.about-content div.intro .services-info a {
	font-size: 12px;
	color: #ffffff;	
}
.services-info .sf_4cols_1_25, .services-info .sf_4cols_2_25, .services-info .sf_4cols_3_25, .services-info .sf_4cols_4_25 {
	margin:0 1%;
    width:23%;
}

.servicesbox {
	width: 100%;
	background: #005f95;
	color: #fff;
	font-family: "Open Sans";
	font-size: 13px;
	line-height: 17px;
	font-weight: 400;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.servicesbox .sfContentBlock {
	padding-left: 15px;
	padding-right: 15px;	
}
.servicesbox h2 { margin:0 0 15px 0; font-size:18px; font-weight:400; line-height:22px; }
.servicesbox span.number { color:#c4dc6e; font-size:24px; top:-3px; font-weight: 400; }
.servicesbox span.small { 
	display:block;
    font-size:10px;
    margin-top:8px; 
	line-height:13px;
}
.servicesbox span.link { 
	display:block;
    margin-top:8px; 
	line-height:13px;
}
.servicesbox span.link a { 
	color:#fff;
}
.servicesbox span.link a:hover { 
	text-decoration:underline;
}
	
.servicesmainbox {
	width: 88%;
	background: #f0f0f0;
	color: #313131;
	font-family: "Open Sans";
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	margin: 0px auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}

div.about-content div.intro .servicesmainbox a {
	font-weight: bold;
	color: #00568e;	
	font-size: 12px;	
}
div.about-content div.intro .servicesmainbox a:hover
{background:#00568e; color:#fff;}


.services-landing-box {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.services-landing-box .sfContentBlock {
	background: none repeat scroll 0 0 #F0F0F0;
	margin-bottom: 5px;
	padding: 10px;
	font-weight: 400;
}

.services-landing-box h2 {
	color: #13b2ce;
	font-size: 20px;
	font-family:"Open Sans";	
	font-weight: 400;
	margin-top: 5px;
	margin-bottom:0px;
}
.services-landing-box a {
	font-size: 12px;
	color: #00568e;
}

.services-landing-box a:hover  {
	background:#00568e; 
	color:#fff;
	 }

.services-landing-box p {
	margin-top:10px;
	margin-bottom:0px;
}

.services-landing-box a:after {
	content: " >";
}

.services-landing-box .sf_4cols_1_25 .sf_4cols_1in_25, .services-landing-box .sf_4cols_2_25 .sf_4cols_2in_25, .services-landing-box .sf_4cols_3_25 .sf_4cols_3in_25, .services-landing-box .sf_4cols_4_25 .sf_4cols_4in_25 {
	margin-left: 0px !important;   margin-right:5px;
}

.services-landing-box .sf_4cols_1_25, .services-landing-box .sf_4cols_2_25, .services-landing-box .sf_4cols_3_25, .services-landing-box .sf_4cols_4_25 {
	
}


.relatedwork { float:left; width:100%; margin-top:15px; }
.relatedwork a.article { position:relative; float:left; width:23%; margin:0 2% 30px 0; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; }
.relatedwork div.articles { margin:0; padding:0; }
.relatedwork div.articles a.article:last-child { display:block; }
/* back up for IE */ .relatedwork div.articles a.article.last-child { display:block; }
.relatedwork a.article div.image { border:7px solid #e2e2e2; position:relative; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; }
.relatedwork a.article div.image img { display:block; max-width:100%; position:relative; z-index:8; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; float:none; margin:0px; background-color: rgba(255,255,255,.01); width:auto; }
.relatedwork a.article:hover div.image { display:block; border-color:#a8a8a8; }
.relatedwork a.article:hover div.image img { opacity:0.7; }
.relatedwork a.article div.image span.featured { position:absolute; z-index:9; top:0; right:0; color:#fff; background:#f32146; font-size:12px; padding:5px 5px 2px 5px; text-transform:uppercase; }
.relatedwork a.article h3 { position:absolute; top:100%; left:0; width:100%; margin:0; padding:5px 0 0 0; font-family:"Open Sans"; font-size:13px; font-weight:600; color:#434343; }
.relatedwork a.article h3 span.featured { color:#f32146; }

.learnmore .sf_colsOut  {
	font-family:"Open Sans";	
	background: #434343;
	width: 100%;
	float: left;
	font-size: 12px;
	color: #ffffff;
    font-size: 12px;
    margin-top: 15px;
}

.learnmore .sfContentBlock {
	padding: 10px;
}

.learnmore strong {
	color: #b0b0b0;
	font-weight: bold;
}
.learnmore strong.call {
	background-image: url(../images/call.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
	margin-right: 4px;
	padding-bottom: 1px;
	padding-top: 1px;	
}

.learnmore {
	float: left;
}	

.learnmore a { color:#fff; font-weight:bold; }

.servicesblog .quote { float:right; width:100%; margin-top:25px; background:url(../images/bg-homepage-quote.gif) 85% bottom no-repeat; padding:0 0 12px 0; }
.servicesblog .quote .content { background:#F0F0F0; padding:20px; font-weight:bold; font-size:12px; color:#005f95; 
   }
.servicesblog .quote .date { background:#005f95; color:#fff; padding:4px 6px; font-size:11px; }
.servicesblog .quote .date strong { font-weight:bold; }
.servicesblog #wrapper {
    overflow:hidden;              /* don't show excess chars */
    height: auto;
}

.servicesblog .content a {
	font-weight:bold; font-size:12px; color:#005f95; 	
}

.about-content img {
	/*margin-right: 3%;
	margin-left: 3%;	*/
	width:auto;
	max-width:100%;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:20px;
	float:right;
}




/* ==========================================================================
   Careers
   ========================================================================== */
.careerswrapper h2 {
   font-size:18px; font-weight:400; color:#313131; margin:0 0 10px 0; 
   
}

.careerswrapper .careerbox h3 {
    font-size: 16px;
	 margin-bottom: 3px;

}

.careerswrapper .careerbox {
	border-bottom: 1px solid #B2B2B2;
	float: left;
	margin-bottom: 19px;
	padding-bottom: 24px;
	position: relative;
	width: 100%;
	font-size: 14px;
	color: #313131;
}

.careerswrapper div.trigger
{
	margin-top:15px;
	}

.careerswrapper div.trigger a
{
	display: block;
	background: url(../images/more.png) 0px 0px no-repeat;
	width:50px;
	height:19px;
	position:absolute;
	bottom:0px;
	left:0px;
}

.careerswrapper div.active a 
{
    background: url(../images/less.png) 0px 0px no-repeat;
	
                  } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
				  
div.about-content div.intro .careerswrapper div.trigger a:hover {
	background: #fff url(../images/more.png) 0px 0px no-repeat;
}

div.about-content div.intro .careerswrapper div.active a:hover {
    background: #fff url(../images/less.png) 0px 0px no-repeat;
}
				  
				  
.careerswrapper .toggle_container {
	margin: 0 0 0px;
	padding: 0;
	border-top: 0px solid #b6c5d3;
	overflow: hidden;
	clear: both;
}
.careerswrapper .toggle_container .block {
	padding: 0px; /*--Padding of Container--*/
	padding-bottom:15px;
}


.careerscopy a:after {
content: "" !important;	
}

/* ==========================================================================
   Work
   ========================================================================== */
.portfoliopages h2 {
	font-size: 24px;
	color: #00568e;	
	margin-bottom: 0;
	
}

.portfoliopages h3 {
	font-size: 18px;
	color: #13b2ce;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
}

.blackbox {
	background-color: #000;
	background-image: url(../images/black-box-corner.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	color: #FFF;
	line-height: 18px;
	font-size: 12px;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.portfoliopages .blackbox .sf_2cols_1_50, .portfoliopages .blackbox .sf_2cols_2_50 { width:50%; max-width:50%;}

.blackbox .sf_colsOut .sfContentBlock {
	padding-left: 10px;
	padding-right: 10px;	
}
div.about-content div.intro .blackbox strong {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;	 
 }

div.about-content div.intro .blackbox h2 {
	font-size: 30px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 30px;
	color: #FFF;
}
div.about-content div.intro .blackbox h2 span {
	font-size: 42px;	
}

.portfoliopages a.external {
	background-image: url(../images/visit-site-icon.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 30px;
	font-size: 13px;
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.about-content div.intro.portfoliopages a:after { 
	content: "";
}

.portfoliopages .relatedwork a.article {
	width: 42%;

}

.portfoliopages .left
{
	width:55%;
}

.portfoliopages .sf_2cols_2_50 {
	width:auto;
	max-width:472px;
}
.portfoliopages .right img {
    float: left;
    width: auto;
	margin-bottom:15px;
	max-width:100%;
	}
	
.portfoliopages .sf_2cols_2_50 .sfimageWrp {
	margin-bottom: 15px;	
}
.portfoliopages h4 {
	font-size: 16px;
	color: #313131;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
div.page-content div.breadcrumbs .portfoliopages ul {
	margin: 0;
	padding:0;
	list-style-type:none;
}
div.page-content div.breadcrumbs .portfoliopages ul li {
	font-size: 12px;
	background:	url(../images/portfolio-detail-blue-bullet.png) 0px 7px no-repeat;
	padding-left:10px;
	display:block;

}
div.page-content div.breadcrumbs .portfoliopages ul li a {
	font-size: 12px;
	color: #00568e;
}

div.page-content div.breadcrumbs .portfoliopages ul li a:hover
	{background:#00568e; color:#fff; }

.portfoliopages .RadSocialShare_Default {
	width: auto;
	border: none;
	padding: 0;
}
.portfoliopages .RadSocialShare_Default ul {
	margin: 0;
	padding: 0;
}
div.page-content div.breadcrumbs .portfoliopages ul li.sshListItem {
	display: inline-block;
	vertical-align:top;
	background:none;
	padding:0;
}
div.page-content div.breadcrumbs .portfoliopages ul li.sshListItem:nth-child(1) {
	width: 96px;
}

div.page-content div.breadcrumbs .portfoliopages ul li.sshListItem:nth-child(2) {
	width:88px;
}
div.page-content div.breadcrumbs .portfoliopages ul li.sshListItem:nth-child(3) {
	width: 78px;
}
div.page-content div.breadcrumbs .portfoliopages ul li.sshListItem:nth-child(3) a:hover {
	background:none;
}
div.page-content div.breadcrumbs .portfoliopages ul li.sshListItem:nth-child(4) {
	width: 75px;
	padding:3px 0 0 0;
}

.fb_edge_widget_with_comment {
	margin-right: 15px;
    float: left;
}
.dottedline  {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b7b7b7;
	font-size: 12px;
}

.dottedline .col { float:left; }

.dottedtop {
	margin-top: 15px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #b7b7b7;
}
.dottedline h5 {
	font-size: 14px;
	font-weight: normal;
	color: #13b2ce;	
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
div.about-content div.intro .dottedline strong {
	font-size: 12px;
	text-transform: uppercase;
	color: #313131;
	margin: 0px;
	padding: 0px;	
	font-weight: bold;
}

.portfoliopages .portfolio a.article {
	width: 46%;
	
}

.awards img {
	margin-right: 10px;	
}
.about-content .portfoliopages img {margin-right:0; margin-left: 0;}

.clientlist ul { float:left; margin-right:65px; font-size:14px;  }

.clientlist ul li a { color:#00568e; }


/* ==========================================================================
   Contact Us
   ========================================================================== */
.contactwrapper a.fax { color:#666; cursor:text; position:relative; z-index:8; }
.contactwrapper a.fax:hover { color:#666; text-decoration:none; }
div.fax-killer { display:block; position:relative; }
div.fax-killer div { cursor:text; position:absolute; z-index:9; top:0; left:0; width:90px; height:18px; }
.contactwrapper .sf_2cols_2_50 .sf_2cols_2in_50 { margin:0; }

div.contact-form { }
div.contact-form td { width:50%; padding:0 0 10px 0; vertical-align:top; }
div.contact-form label { font-size:12px; }
div.contact-form input.sfTxt { width:90%; border:1px solid #ccc; padding:4px; font-size:12px; }
div.contact-form select { width:90%; border:1px solid #ccc; padding:4px; font-size:12px; }
div.contact-form textarea { width:95%; border:1px solid #ccc; padding:4px; height:76px; font-size:12px; }
div.contact-form .sferror { color:red; font-size:12px; }

input.contact-submit {
	background-color: #000000;
	background-image: url(../images/submit-arrow.png);
	background-position: 55px center;
	background-repeat: no-repeat;
	border-style: none;
	color: #FFFFFF;
	float: right;
	font-size: 13px;
	margin-top: 5px;
	margin-right:4%;
	padding: 4px 30px 4px 10px;
}

.contactwrapper h3 {
	font-size: 20px;
	font-weight: normal;
	color: #13b2ce;
	margin-bottom: 3px;
}

.contactwrapper .contact { background: none repeat scroll 0 0 #F3F3F3; float: right; margin: 25px 0 0; padding-bottom: 10px; width: 51% !important; }
.contactwrapper .contact .sfimageWrp { 	padding:10px; } 
.contactwrapper .contact .contactinfo { width:auto; padding:0px 10px 10px 10px; }
.contactwrapper .contact img {	max-width:100%; }
.contactinfo .email { white-space: nowrap; }
.contactinfo .reach, .contactinfo .visit { width: 30%; }
.contactinfo .email { width: 40%; }

.contactwrapper a { color: #00568e;	text-decoration: none; }
.contactwrapper a:hover { text-decoration: underline; }
.contactwrapper ul { margin:0; padding:0; }
.contactwrapper ul li { float:left; margin:0 10px 0 0; }
.contactwrapper ul li a { display: block; float: left; background-image: url(../images/contact-social.png); background-repeat: no-repeat; background-position: 0 0; }

.contactfollow{ border-top: 1px solid #CACACA; clear: both; float: left; margin-top: 10px; width: 100%;	}
.contactfollow { margin:20px 0 0 0; border-top:1px solid #cacaca; padding-top:20px; }
.contactfollow h2 { font-family:"Open Sans"; font-size:16px; color:#434343; margin:0 0 10px 0; }
.contactfollow ul { margin:10px 0; padding:0; list-style-type:none; }
.contactfollow ul li { float:left; margin:0 20px 0 0; padding-right: 12px;}
.contactfollow ul li a { display:block; float:left; background:url(../images/bg-about-culture-social.png) 0 0 no-repeat; }
.contactfollow ul li.facebook a { width:11px; height:22px; background-position:0 0; }
.contactfollow ul li.twitter a { width:23px; height:18px; background-position:-31px 0; position:relative; top:1px; }
.contactfollow ul li.linkedin a { width:24px; height:22px; background-position:-69px 0; }
.contactfollow ul li.youtube a { width:23px; height:22px; background-position:-108px 0; }
.contactfollow ul li.google a { width:23px; height:22px; background-position:-149px 0; }
.contactfollow ul li.pinterest a { width:23px; height:22px; background-position:-191px 0; }

.contactfollow ul li.facebook a:hover { background-position:0 -22px; }
.contactfollow ul li.twitter a:hover { background-position:-31px -22px; }
.contactfollow ul li.linkedin a:hover { background-position:-69px -22px; }
.contactfollow ul li.youtube a:hover { background-position:-108px -22px; }
.contactfollow ul li.google a:hover { background-position:-149px -22px; }
.contactfollow ul li.pinterest a:hover { background-position:-191px -22px; }



div.page-content div.breadcrumbs .contactfollow ul {
	margin-top: 0;	
}

.contactwrapper .sf_2cols_1_33 {
	margin-right: 20px;
	width: 23%;
}




div.about-content div.intro {
font-family: "Open Sans";
font-size: 14px;
}

dt.sfsearchResultTitle {
	color: #00568e;
	font-size:14px;
	font-weight:bold;	
	margin-top:15px;
}

dt.sfsearchResultTitle a {
	color: #00568e;	
	font-weight:bold;
}

dt.sfsearchResultTitle a:hover {
	background:#00568e; 
	color:#fff;
}

dd.sfsearchResultUrl, dd.sfsearchResultHighLighter {
	margin:0;
	font-size:14px;
}

dd.sfsearchResultUrl a {
	color: #00568e;	
}

.sf_pagerNumeric a {
	color: #00568e;
	font-size:14px;
	margin-right:10px;	

}

.sf_pagerNumeric .sf_PagerCurrent {
		font-weight:bold;
}

.desktop-text { display:inline; }

.mobile-text { display:none; }


/* ==========================================================================
   White Paper
   ========================================================================== */
body .whitepaper-container {
	max-width: 960px;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
body .whitepaper-row-col-3 {
	width: 100%;
	width: 22%;
    height:330px;
	float: left;
	margin-right: 12px;
	cursor: pointer;
	position: relative;
	display: block;
}
body .thumbnail-image-container {
	position: relative;
}
body .thumbnail-image-container:before {
    background: #00578e url('../images/download-icon.png') no-repeat;
	background-position:center 40%;
	position: absolute;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	content: 'Download';
	color:#fff;
	font-size:18px;
	line-height:18px;
	text-align:center;
	padding-top:55%;
	left: 0;
	top: 0;
	z-index: 4;
	/* opacity */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
	/* transition */
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	/* box-sizing */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
body div.about-content div.intro a:hover {
    background:none;
    color:#005f95;
} 
body .thumbnail-image-container:hover:before {
	opacity: 1;
}
body .about-content .whitepaper-row-col-3 h2 {
    color:#005f95;
    font-weight:normal;
}
body .about-content .whitepaper-row-col-3 img {
	width: 100%;
    max-width: 220px;
	height: auto;
	display: block;
	position: relative;
	border:1px solid #e4e4e4;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
    float: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


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

@media only screen and (max-width: 1280px) {
	header nav.primary div.border { left:45%;  }
	header nav.primary ul {  margin:0 20px 0 0;  font-size:15px; }
}

@media only screen and (max-width: 1166px) {
	header nav.primary div.border { left:40%;  }
	header nav.primary ul {  margin:0 20px 0 0;  font-size:15px; }
}

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

.portfoliopages .left
{
	width:50%;
}
}

@media only screen and (max-width: 1055px) {
	/* header */
	header nav { left:185px; margin:0; }
	header nav.primary div.border { margin-left:-220px; }
	
	/* homepage */
	div.homepage-carousel div.slide { background:none; }
	div.homepage-carousel div.slide div.image { width:100%; }
	div.homepage-carousel div.slide div.image a.primary span { display:block; }
	div.homepage-carousel div.slide div.content { display:none; }
	div.homepage-carousel ul.controls { right:15px; }
	div.homepage-content div.mission-statement h1 { width:50.5%; padding-right:0; }
	div.homepage-content div.mission-statement div.content { width:46.5%; }
	div.homepage-content div.whats-new { width:24.9%; }
	div.homepage-content div.portfolio { float:right; width:72.8%; }
	div.homepage-content div.quote { display:none; }
	/* add for new home promos jan2015 */
div.homepage-content div.portfolio a.article {margin:0 1.30% 0 0;width:24%;}
div.homepage-content div.portfolio a.article h3 {font-size:.72em;line-height:14px;}

	/* related work */
	.relatedwork a.article { position:relative; float:left; width:31.25%; margin:0 2% 30px 0; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; }
	.relatedwork div.articles a.article.last-child { display:none; }
	/* back up for IE */ .relatedwork div.articles a.article.last-child { display:none; }
	
	/* portfolio */
	div.page-work div.portfolio-header div.filter { width:24% !important; }
	div.page-work div.portfolio ul li { width:24%; }
	
	/* about */
	div.about-content div.team div.description { width:37%; }
	
	div.about-content div.team a.member {
		width:19.5%; 
	}

	div.about-content div.bio div.biocontent { width:45% !important;  }
	div.about-content div.bio div.biovideos { width:55% !important; max-width:340px; float:right; }

	.portfoliopages .left
	{
		width:45%;
	}
	/* footer */
	footer div.sitemap { width:54%; }
	footer div.contact { width:18%; margin:0 0 0 2%; }
	footer div.contact div.address { clear:left; float:none; width:100%; }
	footer div.contact div.phone { clear:left; float:none; width:100%; margin:10px 0 0 0; }
	footer div.marketing { float:right; width:22%; }
	

	
}

@media only screen and (max-width: 1000px) {
	.clientlist ul { float:left; margin-right:10px; }
}

@media only screen and (max-width: 980px) {
    body .whitepaper-row-col-3 {
        width:30%;
    }
    
    footer div.marketing { float:right; width:26%; }

	div.about-content div.team div.description { width:100%; }
	div.about-content div.team div.description h2 { font-size:24px; font-weight:400; color:#13b2ce; margin:0px 0 6px; }
	div.about-content div.team a.member { width:24%; }

	.services-landing-box h2 {
		margin-bottom:3px;
	}
	
	.services-landing-box p {
		margin-top:0px;
		margin-bottom:3px;	
	}
	

	.portfoliopages .sf_2cols_2_50 {
    max-width: 55%;
    width: auto;
}

.newsletter { display:none; }
div.homepage-content div.portfolio a.article {margin:0 1.32% 0 0;width:24%;}
div.homepage-content div.portfolio a.article h3 {font-size:.72em;line-height:14px;}


}

@media only screen and (max-width: 900px) {
	header nav.primary div.border { left:42%; }
	header nav.primary ul {  margin:0 10px 0 0;  font-size:13px; }
}

@media only screen and (max-width: 830px) {
	div.padding { margin-left:10px; margin-right:10px; }
	/* header */
	html.homepage header {
		height:auto; border-bottom:1px solid #575757;
		background:#005389 url(../images/bg-header.gif) 0 0 repeat-x; /* Old browsers */
		background: -moz-linear-gradient(top,  #004175 0%, #005389 50%, #005389 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004175), color-stop(50%,#005389), color-stop(100%,#005389)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #004175 0%,#005389 50%,#005389 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #004175 0%,#005389 50%,#005389 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #004175 0%,#005389 50%,#005389 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #004175 0%,#005389 50%,#005389 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004175', endColorstr='#005389',GradientType=0 ); /* IE6-9 */
	}
	
	header nav.primary div.border { left:46%; }
	header nav.primary ul {  margin:0 0px 0 0;  font-size:11px; }
	
	div.subnav div.padding { margin-right:10px; }
	div.subnav div.nav { width:100%; }
	div.subnav div.contact { width:100%; }
	div.subnav div.featured { display:none; }
	
	/* homepage */
	div.homepage-carousel { top:0; margin-bottom:0; }
	div.homepage-carousel.padding { margin-left:0; margin-right:0; }
	div.homepage-content div.padding { margin:20px 4% 0 4%; background:red; }
	div.homepage-content div.mission-statement { float:left; width:58%; padding:0 5% 30px 0; border-bottom:2px solid #4d4d4d; }
	div.homepage-content div.mission-statement h1 { float:none; width:100%; border:none; padding:0; margin:0 0 30px 0; }
	div.homepage-content div.mission-statement div.content { float:none; width:100%; }
	div.homepage-content div.mission-statement div.content p { margin:30px 0 30px 0; }
	div.homepage-content div.mission-statement div.content a { position:relative; }
	div.homepage-content div.whats-new { float:right; width:32%; margin:0; }
	div.homepage-content div.portfolio { clear:both; float:none; width:100%; margin:0 0 10px 0; padding-top:25px; }
	div.homepage-content div.quote { display:none; }

	div.about-sidebar { float:right; width:180px; margin-left:-195px; padding-left:15px; }
	div.about-sidebar-nav, div.about-sidebar-nav ul { width:185px; }
	div.about-content { margin-right:195px;  }

	div.about-content div.intro {
    	font-size: 13px;
	}
	div.about-content div.intro p strong { font-size:18px; }
	div.about-content div.intro ul li { font-size:13px; }
	
	.services-landing-box .sf_colsOut {width:33% !important; }

.services-landing-box .sfContentBlock { min-height:auto;padding:10px 10px 15px 10px;}

 .clientlist ul { float:left; margin-right:20px; padding-left:20px; font-size:13px; }
 div.homepage-content div.portfolio a.article {margin: 0 1.30% 0 0;}
div.homepage-content div.portfolio a.article h3 {font-size:.78em;}

}
@media only screen and (max-width: 800px) {
	/* portfolio */
	div.page-work div.portfolio div.filter { width:32% !important; }
	div.page-work div.portfolio ul li { width:32%; }

	/* about */
	div.about-content div.team div.description { float:left; width:100%; margin:0 0 20px 0; }
	div.about-content div.culture div.description { width:auto; }

	
	div.about-content div.partners-on-about div.description h2, div.about-content div.culture div.description h2, div.page-about div.careers div.description h2, div.about-content div.team div.description h2   { font-size:16px; }	
	div.about-content div.partners-on-about div.description p, div.about-content div.culture div.description p, div.page-about div.careers div.description p, div.about-content div.team div.description p  { font-size: 13px;}
	
}
@media only screen and (max-width: 768px) {
	/* homepage */
	div.homepage-content div.mission-statement h1 { font-size:18px; }
	div.homepage-carousel div.slide div.image a.primary { display:none; }
	div.homepage-carousel div.slide div.image a.full { display:block; min-height:65px; }

	/* work */
	div.page-work div.intro { font-size:14px; }
	div.page-work div.portfolio-header div.sub-headline h2 { font-size:14px; }
	
	div.about-content div.team.leads a.member { min-height:220px;}
		
	div.about-content div.partners-on-about { margin-top:-10px; }
	div.about-content div.partners-on-about div.description { float:none; width:auto; }
	div.about-content div.partners-on-about div.description { float:none; width:auto; }
	div.about-content div.partners-on-about div.partner-list { float:none; border:0; width:auto; padding:0; }
	
	div.about-content div.partners div.partner div.image { float:none; width:auto; text-align:left; margin:0 0 8px 0; }
	div.about-content div.partners div.partner div.content { float:none; width:auto; margin:8px 0 0 0; }
	
	.relatedwork a.article.last-child, .relatedwork div.articles a.article.third-child {
   display:none; }

	.relatedwork a.article.first-child, .relatedwork a.article.middle-child { display:block; }

	.relatedwork a.article { width:46.5%;  }


	.mobile-text { display:inline; }
	
	.desktop-text { display:none; }
	
	.careerswrapper .careerbox {
	font-size: 14px;
	}
	
	.careerswrapper h2 {
		font-size: 18px;
	}
	
.careerswrapper .careerswrapper h3 {
		font-size: 18px;
	}

.contactwrapper .contact .contactinfo .sf_2cols_1_50, .contactwrapper .contact .contactinfo .sf_2cols_2_50 {
	width:100%; 
	float:none; 
}

}
@media only screen and (max-width: 765px) {
	/* header */
	header nav.primary div.border { left:100%; margin-left:-460px; }
	
	header nav.primary ul {  margin:0 30px 0 0;  font-size:13px; }
	
	header div.search { z-index:10; position:relative; }
	header div.search a.toggle { display:block; }
	header div.search div.fieldset { width:0; }
	header div.search.open { width:350px;   }
	header div.search div.fieldset.open { width:350px; }
	header div.search input.sfsearchTxt.open { width:304px; }
	div.page-content div.headline h1 { font-size:26px; }
	footer div.sitemap { display:none; }
	footer div.contact { float:none; width:60%; margin:0 0 20px 0; margin-left:0; }
	footer div.contact div.address { clear:left; float:left; width:47%; }
	footer div.contact div.phone { clear:none; float:right; width:47%; margin:0; }
	footer div.marketing { float:none; width:50%; margin:20px 0; }
	footer div.marketing div.newsletter input.text { width:100%; }
	footer div.copyright { float:none; width:100%; margin:10px 0 0 0; }
	
	/* work */
	div.page-work div.portfolio-header div.filter { width:99% !important; margin:10px 1% 0 0; }

	.servicesmainbox .design, .servicesmainbox .technology, .servicesmainbox .marketing, .servicesmainbox .strategy {
		width:46%; margin:0 2% 20px 2%;
	}
	
	.servicesmainbox .design { padding-left:0px; }
	
	.sf_4cols_2_25 .sf_4cols_2in_25, .sf_4cols_3_25 .sf_4cols_3in_25, .sf_4cols_4_25 .sf_4cols_4in_25 {
		margin-left: 0px;
	}
	
	
	div.page-about div.ten-things h2 {
		margin: 0;
		font-size:15px;
	}
	
	div.page-about div.ten-things ol {
		margin: 0;
	}
	
	div.page-about div.ten-things ol li span.number {
		font-size: 14px;
		width: 20px;
	}
	
	div.page-about div.ten-things ol li span.content {
		font-size: 12px;
		margin: 0 0 0 25px;
	}
	
	.clientlist ul { float:none; margin:0px; }

		
}
@media only screen and (max-width: 710px) {
	/*  the carousel was a bit to narrow height-wise beginning around 710px;
		increase size relative to aspect ratio and nudge image
	 */
	div.homepage-carousel div.slide div.image img { width:120%; top:-10%; left:-10%; }
	.services-landing-box .sf_colsOut {width:50% !important;}
	div.about-content div.team a.member { width:32%; }
	div.about-content div.team.leads a.member { min-height:210px;}
	
	/* Contact */
	.contactwrapper .contactemailform {	width:100% !important;}
	.contactwrapper .contact { width:100% !important; }

        body .whitepaper-row-col-3 {
        width:45%;
    }
div.homepage-content div.portfolio a.article h3 {

	bottom: 5px;
    display: inline;
    margin-left: 0;
    margin-right: 0;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    width: 95% !important;
    font-size:0.75em;
 
}
}

@media only screen and (max-width: 590px) {
	header nav.primary div.border { left:100%; margin-left:-415px; }
	header nav.primary ul {  margin:0 30px 0 0;  font-size:11px; }
}

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

	div.homepage-content div.portfolio a.article h3 { font-size:0.73em;}
}

@media only screen and (max-width: 537px) {
	header nav.primary div.border { left:100%; margin-left:-385px; }
	header nav.primary ul {  margin:0; }
}


@media only screen and (max-width: 520px) {
	body { min-width:320px; font-size:13px; overflow:hidden; }

	/* header */
	header { padding-bottom:45px; }
	header div.logo { width:80px; height:50px; }
	header div.logo a img { width:80px; height:50px; }
	header div.search { display:none; }
	header nav.primary { display:none; }
	header nav.mobile { display:block; }
	header nav.mobile ul li a:hover { background:#434343; color:#b0b0b0; }
	header nav.mobile ul li a.hold { background:#525252; color:#fff; }
	a.toggle { display:none !important; }
	
	div.page-content div.headline { margin:-35px 0 0 0; }
	div.page-content div.headline h1 { font-size:16px; }
	
	/* homepage */
	div.homepage-carousel ul.controls { position:relative; bottom:0px; right:0; margin:15px 0; text-align:center; }
	div.homepage-carousel ul.controls li { border:1px solid #cecece; }
	div.homepage-carousel ul.controls li.current { border:1px solid #bcd369; }
	div.homepage-carousel div.slide div.image a.primary { display:none; }
	div.homepage-carousel div.slide div.image a.full { display:block; min-height:65px; }
	div.homepage-content div.mission-statement { float:none; width:100%; padding:0 0 25px 0; }
	div.homepage-content div.mission-statement h1 { font-size:18px; margin-bottom:15px; }
	div.homepage-content div.mission-statement p { display:none; }
	div.homepage-content div.whats-new { float:none; width:100%; margin:15px 0; padding:0 0 25px 0; border-bottom:2px solid #4d4d4d; }
	div.homepage-content div.whats-new div.articles a.article:last-child { display:none; }
	/* back up for IE */ div.homepage-content div.whats-new div.articles a.article.last-child { display:none; }
	div.homepage-content div.whats-new a.article span { display:none; }
	div.homepage-content div.portfolio { padding:0; }
	div.homepage-content div.portfolio a.article { width:100%; margin:0 0 15px 0; background:#e2e2e2; }
	div.homepage-content div.portfolio a.article:hover { background:#a8a8a8; }
	/*div.homepage-content div.portfolio a.article h3 { background:url(../images/bg-portfolio-h3.png) right no-repeat; position:relative; top:0; padding:6px 6px 0px 9px; width:auto; }*/
	div.homepage-content div.portfolio .articles {float:left;height:auto;}
	div.homepage-content div.portfolio a.article h3 {
 font-family: "Open Sans";
font-size: 16px;
font-weight: 600;
left: 3%;
 margin: 0;
margin-right: -50%;
	 padding: 5px 16px 0;
	 position:absolute!important;	 
	 text-align: center;
	 top: 53%!important;
	 transform:translate(0px, -50%);
	 vertical-align: middle;
	 width: 86%!important;
 z-index: 999999;
 line-height:22px;
}
	
	div.homepage-content div.portfolio a.article:hover div.image { border-color:#a8a8a8; }
	div.homepage-content div.portfolio a.article div.image span.featured { display:none; }
	div.page-content { padding:1px 0 0; }
	
	/* about */
	.about-content img {float: none; margin-left:0px;}
	div.about-sidebar { float:none; width:100%; }
	div.about-sidebar-nav { display:none; }
	div.about-content { margin:0 0 25px 0; }
	div.about-content div.team { margin:0; }
	div.about-content div.team a.member { margin:2px; }
	div.about-content div.team div.description h2 { margin-top:0; }
	div.about-content div.facebook { margin:10px 0; }
	div.about-content div.careers { margin:10px 0; }
	div.about-content div.culture { margin:10px 0; }
	div.inside-look { margin:10px 0; }
	div.page-about div.ten-things { margin:10px 0; padding: 10px; float:none; }
	div.about-content div.culture-club { margin:10px 0; }
	div.about-content div.culture-club div.facebook { float:none; width:auto; margin:10px 0; }
	div.about-content div.culture-club div.else { float:none; width:auto; }
	div.about-content div.culture-club div.else div.blog { margin:0 0 10px 0; }
	div.about-content div.culture-club div.else div.social { margin:10px 0; }
	div.about-content div.partners { margin:10px 0; }
	div.about-content div.services { margin:10px 0; width:100%; }
	div.about-content div.intro div.services ul { margin:10px 0; width:100%; padding:0; }
	div.about-content div.partners div.partner div.image, div.about-content div.careerswrapper div.partner div.image { float:none; width:100%;  }
	div.about-content div.partners div.partner div.image img, div.about-content div.careerswrapper div.partner div.image img { float:none; margin:0;  }
	div.about-content div.partners div.partner div.content, div.careerswrapper div.content { margin:5px 0 0 0; width:100%;}
	div.about-content div.bio div.biocontent { width:100% !important; float:none; }
	div.about-content div.bio div.biovideos { width:100% !important; max-width:100%; float:none; }

	.servicesmainbox .design, .servicesmainbox .technology, .servicesmainbox .marketing, .servicesmainbox .strategy { width: 100%; padding-right:0%; min-height:30px; padding-bottom:20px; float:none; }
	.services-info .sf_4cols_1_25, .services-info .sf_4cols_2_25, .services-info .sf_4cols_3_25, .services-info .sf_4cols_4_25 { padding-right: 0px; width: 100%; float:none; }
	div.about-content div.intro .servicesmainbox p { margin:0; }
	.servicesmainbox { padding:0px; width:96%;}
	.sf_4cols_2_25 .sf_4cols_2in_25, .sf_4cols_3_25 .sf_4cols_3in_25, .sf_4cols_4_25 .sf_4cols_4in_25 { margin-left: 0px; }
	.services-landing-box h2 { font-size:16px; }
	.services-landing-box .sf_colsOut {width:100% !important;}
	.services-landing-box .sf_4cols_2_25 .sf_4cols_2in_25, .services-landing-box .sf_4cols_3_25 .sf_4cols_3in_25, 		.services-landing-box .sf_4cols_4_25 .sf_4cols_4in_25 { margin-left: 0;}
	.services-landing-box a {font-size: 14px;}
	.services-landing-box .sfContentBlock { min-height:auto; }

	div.about-content div.intro p strong { font-size:16px; }
	div.about-content div.intro {margin:0 1% 0 0; padding-bottom:0px; border-bottom:0px solid #13b2ce; }
	div.about-content div.intro .sfimageWrp { width:100%; text-align:center; }
	div.about-content div.intro .sfimageWrp img { margin-bottom:15px; margin-top:0px; }
	div.page-about div.facebook-on-about, div.page-about div.facebook-on-team { float: none; }
	div.page-about div.facebook-on-culture { float:none; }
	div.page-about div.careers { float: none; }

	/*div.about-content div.intro p {  margin: 0px;} */
	.careerswrapper h2 { font-size: 16px; }
	.careerswrapper .careerswrapper h3 { font-size: 16px; }

	.careerswrapper .careerbox { font-size: 13px; }
	.portfoliopages h2 { font-size:20px; }
	.portfoliopages h3 { font-size: 16px; margin-bottom:5px; }
	div.about-content div.intro.portfoliopages p strong { font-size: 14px; }

	.portfoliopages .sf_2cols_1_50, .portfoliopages .sf_2cols_2_50 {width: 100%;}
	.portfoliopages .right img {margin-right: 0;margin-left: 0;}
	.portfoliopages .sf_2cols_1_50, .portfoliopages .sf_2cols_2_50 {width: 100%;}
	.portfoliopages .sf_2cols_2_50 { max-width:460px; }
	.portfoliopages div.right { margin-bottom:30px; }
	
	div.page-content div.breadcrumbs .portfoliopages ul li.sshListItem:nth-child(1), div.page-content div.breadcrumbs .portfoliopages ul li.sshListItem:nth-child(2), div.page-content div.breadcrumbs .portfoliopages ul li.sshListItem:nth-child(3), div.page-content div.breadcrumbs .portfoliopages ul li.sshListItem:nth-child(4) { width:45%; padding:0; }
	.portfoliopages .relatedwork a.article { width: 100%; float:none; display:block; }
	.relatedwork a.article div.image img { max-width: 100%; margin-bottom:0px; }	
	div.page-work div.portfolio ul li { width:49%;  }

	/* footer */
	footer { border-top:46px solid #00568e; padding-top:10px; }
	footer div.contact h3 { background:none; position:relative; top:-43px; margin-bottom:-1em; }
	footer div.contact .inline-500 { display:none; }
	footer div.marketing { width:100%; margin:15px 0; }
	footer div.marketing nav.social { position:absolute; top:-43px; left:20px; }
	footer div.marketing nav.social ul li { margin:0 25px 0 0; }
	footer div.marketing div.newsletter { display:none; }
	footer div.copyright { padding:15px 0; }
	footer div.copyright p { float:none; }
	footer div.copyright nav ul { margin:0; }
	footer div.copyright nav ul li { margin:0 3px 0 0; }
	footer div.copyright nav ul li.show-500 { display:inline; }
	footer div.copyright nav ul li.divider:nth-child(1) { display:none; }
	
	/*News*/
	.newsText { width: 100%; float:left; }
	div.about-content div.intro strong { font-size: 13px; }
	.careerswrapper .sfnewsDetails h2 { line-height: 25px; }
	
	/*Video*/
	.js-video { height: 0; padding-top: 25px; padding-bottom: 67.5%; margin-bottom: 10px; position: relative; overflow: hidden; }
	.js-video.widescreen { padding-bottom: 57.25%; }
	.js-video.vimeo { padding-top: 0; }
	div.responsive-search { margin-top:0px;	 padding-top:20px; }
	.learnmore .sf_colsOut {margin-bottom: 10px; margin-top: 10px;}
}

@media only screen and (max-width: 400px) {
	/* work */
	div.about-content div.team a.member div.image img {margin-bottom: 2px; margin-top: 0;}
	.contactwrapper .sf_2cols_1_33 {margin-right: 1%;width: auto;}
	div.page-content select.quicklinks {margin-bottom: 10px; margin-top: 10px;}
	.contactinfo .reach, .contactinfo .visit, .contactinfo .email { width: 100%; }
	.sf_3cols_2_34 .sf_3cols_2in_34, .sf_3cols_3_33 .sf_3cols_3in_33 {margin-left: 0;}
	.design { padding-left: 0;}
	.sf_2cols_2_50 .sf_2cols_2in_50 {margin: 0;}
	div.page-work div.portfolio ul li { width:100%; float:none; margin-right:0; }
	/*.relatedwork {float: none;}*/
	.relatedwork a.article, .relatedwork a.article.middle-child { display:none; }
	.relatedwork a.article.first-child { width:100%; display:block; }
}
	

@media only screen and (max-width: 320px) {
	div.responsive-search form.search input.text { width:90%; }
	div.page-content div.headline h1 { font-size: 16px; height: auto;}
	
	div.about-content div.team a.member {margin-bottom:0;}
	div.about-content div.partners-on-about div.description h2 {margin-top: 10px;}
	footer br {display: none;}
	footer div.contact div.address {clear: both;float: left;width: 100%;}
	footer div.contact div.phone {margin: 10px 0 0;width: 100%;}
	footer div.contact {margin: 0;}
	footer div.contact a {margin-left: 7px; display: inline;}
	footer div.marketing {margin: 0;}
	footer div.copyright {padding-bottom: 15px; font-weight: normal;}
	span.phone {display:block;}

}
/*@media only screen and (max-width: 315px) {
	footer div.marketing nav.social { left:85px; }
	footer div.marketing nav.social ul li { margin:0 18px 0 0; }
}
@media only screen and (max-width: 260px) {
	div.responsive-search form.search input.text { width:86%; }
	div.page-content div.headline {margin: -55px 0 0 0;
}
}*/


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),        only screen and (min-resolution: 144dpi) {
}

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

.ir { background-color: transparent; border: 0; overflow: hidden; text-indent: -9999px; direction:ltr; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

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

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

    a, a:visited {     text-decoration: underline; }
    a[href]:after {     content: " (" attr(href) ")"; }
    abbr[title]:after {     content: " (" attr(title) ")"; }

    /* Don't show links for images, or javascript/internal links */
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; /* h5bp.com/t */ }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }