@charset "utf-8";
body { margin:0px; padding:0;}
html, form, body { height:100%; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding:0; border: 0; font-size: 100%; vertical-align: top; outline:none; text-decoration:none;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display:block; }
html,header, footer, body, nav, div, img, a,ul, li, h1, h2{text-decoration: none;list-style-type: none;}
.clr{clear:both;}

body {font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", cambria, georgia, "times new roman", serif; color: #454545; font-size: 16px; line-height: 24px}
	
p {padding-bottom: 20px}
a {color: #0d5caa; }
a:hover, a:focus {color: #aa0d18}
nav a {font-family: arial, helvetica, sans-serif; color: #666; font-size: 12px; text-transform: uppercase; text-decoration: none; font-weight: bold;}
nav .active a {color: #333;}
nav a:hover, nav a:focus, nav .active a:focus, nav .active a:focus {color: #000}	
#m_container h2 {text-indent: -9999px; height: 56px; background: url(../images/title-homepage4.png) no-repeat;margin: 5px 0 15px; display: block; font-family:"crete-rounded-web-1","crete-rounded-web-2", arial, helvetica, sans-serif;font-size: 66px; line-height: 65px; color: #0d5caa; font-weight: normal;  font-weight: 400;  text-shadow: 3px 3px 0px rgba(0,0,0,0.09); letter-spacing: 0px; position: relative; z-index: 9999; letter-spacing: -1px}
#understand {color: #014c90;  text-indent: -9999px; }
#measure {color: #025db0; text-indent: -9999px;}
#act {color: #136cbe; text-indent: -9999px;}
#m_container h3 {font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", helvetica, arial, sans-serif;color: #353535; font-size: 24px; line-height: 28px;margin: 0 0 20px; font-weight: normal !important;}
#m_container article p {font-size: 16px; line-height:23px}
#testimonials {font-size: 14px; line-height: 21px}
#testimonials p {padding: 10px 0 10px 0; display:block;}
.author {font-size: 12px; line-height: 15px; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", arial, helvetica, sans-serif; text-align: right}
#testimonials h2, #companies h2  {color: #0d5caa;font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", arial, helvetica, arial; font-weight: normal; font-size: 20px;line-height: 20px; margin-bottom: 20px}
#companies h2 {text-align: right; padding: 0 0 20px}
#inner h2 {font-family:"crete-rounded-web-1","crete-rounded-web-2", arial, helvetica, sans-serif;font-size: 55px; line-height: 55px; color: #0d5caa; font-weight: normal; margin-bottom: 15px; font-weight: 100; text-shadow: 3px 3px 0px rgba(0,0,0,0.09); }
.about h2 {text-indent: -9999px; height: 48px; margin-bottom: 15px; display: block; background: url(../images/title-about2.png) no-repeat bottom left;}
.references h2 {text-indent: -9999px; height: 48px; margin-bottom: 15px; display: block; background: url(../images/title-references2.png) no-repeat bottom left;}	
.contact h2 {text-indent: -9999px; height: 48px; margin-bottom: 15px; display: block; background: url(../images/title-contact2.png) no-repeat bottom left;}


body {background: #fff url(../images/gradient.png) repeat-x top; }
.wrapper {width: 940px; margin: 0 auto}
#page-wrap {min-height:100%; margin: 0 auto -54px;}
.push {height: 54px; clear: both;}
#branding {margin: 0 auto 0px; width: 100%; padding: 35px 0 28px; overflow: hidden; background: #f3f4f5; background: rgba(243,244,245,0.95); position: fixed; border-bottom: 1px dashed #c4c4c4; z-index: 10000; border-top: 4px solid #444}	
#branding h1 {text-indent: -9999px; float: left; background: transparent url(../images/logo.png) no-repeat; height: 41px; width:106px;}
#branding h1 a {display:block; height: 100%; width: 100%;}
#branding h1 a:focus {outline: 1px dotted #ccc;}	
nav {float: right; margin-top: 5px}	
nav ul li {float: left; margin-left: 20px; padding: 2px}	
.twitter a {background: url(../images/twitter.png) no-repeat right -2px; padding-right: 18px}	
#content{padding-top: 165px; }
#m_container {margin: 0 auto; width: 944px; position: relative}
#m_container article {float: left; width: 540px}
#m_container article p {width: 460px; border-bottom: 1px solid #ddd; padding-bottom: 30px;}
#m_container aside {width: 404px; height: 390px; background: url(../images/map6.png) no-repeat bottom;position: absolute; right: 20px; top: -10px}
#testimonials {clear: both; overflow: hidden; margin: 0 auto; width: 940px; padding: 30px 0;}
#testimonials article {width: 290px; float: left; margin-right: 35px}
#testimonials .last {margin: 0}
#testimonials img {margin: 15px 0 0 20px}
#companies {clear: both; overflow: hidden; margin: 0 auto; width: 940px; padding: 0px 0 30px;}
#companies ul li {text-indent: -9999px; height: 100px; width: 300px; margin-right: 20px; float: left}
#companies ul li#hp {background: url(../images/hp.jpg) no-repeat;}
#companies ul li#publicis {background: url(../images/publicis.jpg) no-repeat;}
#companies ul li#ge {background: url(../images/ge.jpg) no-repeat; margin-right: 0px}
#inner {margin: 0 auto; width: 940px; overflow: hidden; padding-bottom: 10px; position: relative}
#inner.contact {width: 974px; padding-left: 34px}
#inner article {width: 540px; float: left}
#inner article p {width: 460px}
#inner.references article {width: 460px;}
#inner.references article blockquote p {padding-bottom: 15px}
#inner.references article blockquote+p+blockquote {border-top: 1px solid #ccc; padding-top: 20px; margin-top: 2px}
#inner.references article blockquote+p {border-bottom: 1px solid #ccc; padding-bottom: 25px;}
#inner.references article blockquote+p:last-child {border: 0}
#inner.contact article {width: 380px;}
#inner.contact article p {width: 380px}
#inner.about article {width: 460px}
#inner aside {float: right; margin-top: 85px;}
#inner.about aside {width: 402px; }
#inner.about aside section {width: 380px; float: right; border-top: 1px solid #ddd;padding-top: 20px; margin-top: 15px}
#inner.references aside {width: 433px; border: 0; padding-top: 0}
#inner.contact aside {width: 573px; border: 0; padding-top: 0; margin: 55px 0 20px;}		
footer {clear: both; overflow: hidden; border-top: 1px dashed #ddd;padding: 15px 0 20px; background: #222; height: 18px }
footer{text-align:center;}

#inner article h3 {font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", helvetica, arial, sans-serif;color: #353535; font-size: 24px; line-height: 28px;margin: 0 0 20px; font-weight: normal; width: 940px;}
#inner.references article {font-size: 13px; line-height: 19px}
#inner.references article .casestudies-link {font-size: 16px; line-height: 24px}
#inner aside {font-size: 14px; line-height: 21px}
#inner aside h3 {font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", helvetica, arial, sans-serif;color: #0d5caa; font-size: 20px; line-height: 20px;margin: 0 0 20px; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
#inner aside strong {font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", helvetica, arial, sans-serif;color: #444; text-transform: uppercase; font-weight: bold;}
#inner article h4 {font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", helvetica, arial, sans-serif;color: #0d5caa; font-weight: normal; font-size: 20px;line-height: 30px; margin-bottom: 5px}
#inner article ul {margin: 0 0 20px 30px}
#inner article ul li {list-style:none; margin-right:40px;}
#inner article ul li:before {color:#aa0d18; content:"»"; margin-left:-16px; padding-right:7px;}
#inner aside p {padding-bottom: 10px}
footer {text-transform: uppercase; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", arial, helvetica, sans-serif;font-size: 12px; line-height: 18px; color: #888}
.by {text-transform: none; font-style: italic; font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", georgia, "times new roman", serif}
footer a {color: #888; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #444}
footer a:hover {color: #ccc; border-bottom: 1px solid #aa0d18}	
		
@media only screen and ( max-width: 1024px )
{
body {background: #fff; background-image: none}
#branding nav {float: left; width: 100%; margin-top: 5px}
nav a {padding: 2px}
nav ul li {margin-left: 0; margin-right: 18px; margin-bottom: 0; padding: 2px}
nav ul li.page-item-12 {margin-right: 0}
.page-item-10 a {background: none; padding-right: 2px}
#page-wrap {width: 440px; margin: 0 auto;}
#branding .wrapper, #m_container, #m_container article, #m_container aside, #testimonials, #testimonials article, #m_container article p, #companies, footer ul, #inner, #inner.contact, #inner aside, #inner.about aside section, #inner article h3, #inner article p, #inner article ul li, #companies ul li#hp, #companies ul li#publicis, #companies ul li#ge {width: 440px;}
#branding {overflow: hidden; background: #f3f4f5; background: rgba(243,244,245,0.95);  border: 0; position: absolute; padding: 39px 0 18px;border-bottom: 1px dashed #c4c4c4; left: 0; top: 0; display: block;  width: 100%; border-top: 4px solid #444;}
#content {padding-top: 165px; min-height: 0}
#m_container article p {padding-bottom: 30px}
#testimonials article {margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 10px}
#m_container h2, #inner h2 {font-family:"crete-rounded-web-1","crete-rounded-web-2", arial, helvetica, sans-serif;,arial, helvetica, sans-serif;font-size: 38px; line-height: 38px; color: #0d5caa; font-weight: normal; margin: 10px 0 20px; font-weight: 200;background: none; text-indent: 0; height: auto; width: auto;}
#m_container h3 {font-size: 20px; line-height: 25px}
#m_container aside {float: left; top: 0; margin: 0px; position: relative; padding-bottom: 20px; right: 0; height: 303px}
#m_container article p {border-bottom: 0; font-size: 14px; line-height: 20px; padding-bottom: 10px}
#m_container article { font-size: 14px; line-height: 20px}
#inner article, #inner article ul, #inner article ul li {font-size: 14px; line-height: 20px}
#inner h2 {font-size: 35px; line-height: 35px}
#inner article h3 {font-size: 16px; line-height: 22px}
#inner article ul li {margin-right: 0;}
#inner.contact {padding-left: 0px}
#companies h2 {text-align: left}
#companies ul li#hp, #companies ul li#publicis, #companies ul li#ge {background-position: top center; margin-bottom: 15px}
#companies ul li#ge {margin-bottom: 5px}
#inner.contact aside, #inner.references aside, #inner.about aside img, #inner.about article img {display: none}
#inner.about aside, #inner.about aside section {margin-top: 0px}
p.aboutimage {padding-bottom:0}
footer {position: relative; bottom: 0; display: block; }
#understand, #measure, #act {display: inline }	 
}
		
@media only screen and ( max-width: 480px )
{
#page-wrap {width: 94%; margin: 0 3%;}
nav ul li {margin-right: 5px;}
nav .active {display: none}
#branding .wrapper, #m_container, #m_container article, #m_container aside, #testimonials, #testimonials article, #m_container article p, #companies, footer ul, #inner, #inner.contact, #inner aside, #inner.about aside section, #inner article h3, #inner article p, #inner article ul li, #companies ul li#hp, #companies ul li#publicis, #companies ul li#ge {width: 94%; margin: 0 3%;}
#content {padding-top: 150px;}
#m_container h2{font-size: 45px; line-height: 45px;font-family:"crete-rounded-web-1","crete-rounded-web-2",arial, helvetica, sans-serif; margin-bottom: 15px; }
#companies h2 {line-height: 23px}
#inner h2 {font-size: 45px; line-height: 45px; margin-bottom:10px}
#m_container h3, #inner article h3 {font-size: 15px; line-height: 22px; margin-bottom: 10px}
#m_container aside {background: url(../images/map-iphone.png) no-repeat}
footer ul li, #alexcarabi {float: none;}
footer {height: auto}
#understand {color: #014c90}
#measure {color: #025db0}
#act {color: #136cbe}
#inner.references article {width: 100%;}

}