/* Copyright 2011 Google, Inc. All Rights Reserved */

@media screen,projection,print{html{background:url(images/bg.png)}body{background:url(images/logo.png) no-repeat center top;line-height:1.6em;min-height:550px}.section:after{content:".";clear:both;display:block;height:0;visibility:hidden}.header,.content,.footer-content{width:960px;margin:0 auto}.header{position:relative}.header h1{float:left;margin:50px auto auto 190px;height:150px;width:290px}.header h1 a{display:block;float:left;width:100%;height:100%;text-indent:-9999px}.content{min-height:600px;position:relative;z-index:2}.footer{background:url(images/footer.png) repeat-x left top;padding:320px 0 0 0;margin:-250px auto 0;font-size:.8em;text-transform:uppercase;color:#999;height:326px}.footer-content a{color:#00A2A2}.footer-content p{margin:0;padding:0}.footer-about{float:left;width:30%}.footer-credit{float:right;width:60%;text-align:right}.nav{float:right;list-style:none;margin:70px 0 0;padding:0;text-align:right;font-size:1.3846em}.nav li{margin-bottom:0;margin-top:-7px;position:relative}.nav-home{z-index:1000}.nav-report{z-index:999}.nav-case{z-index:998}.nav-about{z-index:997}.nav .button a{font-size:1em;padding-top:.2em;padding-bottom:.2em}.share{width:250px;position:absolute;top:60px;left:580px}.share h3{background:url(images/arrow-share.png) no-repeat right center;color:#fff;display:inline-block;font-size:1.2em;height:32px;line-height:32px;margin:0 5px 0 0;padding:0 20px 0 10px;text-transform:uppercase;vertical-align:middle}*:first-child+html .share h3{display:inline;height:1%}* html .share h3{display:inline;height:1%}.share ul,.share li{display:inline;margin:0}.share li a{background-image:url(images/icons.png);background-repeat:no-repeat;display:inline-block;width:25px;height:25px;margin-right:5px;overflow:hidden;text-indent:-9999px;vertical-align:middle}.share-twitter a{background-position:left top}.share-facebook a{background-position:left -25px}.share-email a{background-position:left -50px}.button{display:inline-block}.button a,.button a:visited{color:#fff;background:#7ABE42;display:inline-block;font-size:20px;font-weight:bold;padding:.4em .5555em;text-decoration:none;text-transform:uppercase}*:first-child+html .button{display:inline;height:1%}* html .button{display:inline;height:1%}.nav li.on .button a,.button a:hover{color:#fffc00;background:#54991a}.button-3d{position:relative;padding:8px 8px 0 0}.button-3d span{overflow:hidden;position:absolute;text-align:-9999px}.button-3d-top{height:0;border-left:8px solid transparent;border-bottom:8px solid #5da720;left:0;top:0}.button-3d-right{width:0;border-top:8px solid transparent;border-right:8px solid #3e7e09;top:0;right:0}.button-3d-rightbottom{width:0;height:0;border-bottom:8px solid transparent;border-left:8px solid #3e7e09;right:0;bottom:0}* html .button-3d-top{border-left-color:#fff}* html .button-3d-right{border-top-color:#5da720}* html .button-3d-rightbottom{border-bottom:#fff}.box{font-weight:bold;margin:0;padding:.4em .5555em .3em;text-transform:uppercase}.box a,.box a:visited{color:#fff;display:block;text-decoration:none}.box a:hover,.box a:active{color:#61dde6}.box-decorated{position:relative;margin-bottom:15px}.box-pointer{position:absolute;bottom:-8px;width:0;height:0;left:40px;overflow:hidden;border-top:8px solid;border-left:8px solid transparent;border-right:8px solid transparent}* html .box-pointer{border-left-color:#fff;border-right-color:#fff}.box-meta{background-color:#fffc00;display:inline-block}*:first-child+html .box-meta{display:inline;height:1%}* html .box-meta{display:inline;height:1%}.box-heading{background-color:#000;color:#fff;font-size:2em}.box-heading-sub{font-size:1.3em}.box-heading .box-pointer{border-top-color:#000}.box-back{background-image:url(images/arrow-back.png);background-repeat:no-repeat;background-position:left center;color:#000 !important;padding-left:20px;text-decoration:none}.intro{margin-top:20px;padding-left:200px;clear:both}.intro-video{float:right;width:440px;height:305px;margin:0 0 20px 20px}.intro .button{margin-top:20px}.hp-case-studies{margin:20px 0;clear:both}.hp-case-study{display:inline;float:left;margin:0 10px;width:300px}.hp-case-study-video{background:#dbdbdb;padding:5px;width:290px;height:220px}.hgroup{margin:20px 0 0 460px;text-align:right}.hgroup .box-back{display:block;float:right;clear:both}.hgroup h2{clear:both;float:right}.hgroup h3{background-color:#e0eeef;clear:both;padding:10px 15px;text-align:left}.article{background-color:#fff;border:1px solid #ddd;color:#666;padding:19px;margin-left:220px}.article h3{color:#25a1aa;font-size:1.6em;margin-bottom:10px}.report-download img{vertical-align:middle;margin-right:20px}.report-download .button a{background-color:#25a1aa;font-size:1.6em}.report-download .button a:hover{color:#61dde6}.report-download .button span{display:none}.case .hgroup{margin-left:700px;position:relative;z-index:2}.map{background:url(images/map.png) no-repeat left top;width:840px;height:600px;margin:-50px auto 20px 0;position:relative}.map *{margin:0;padding:0}.map li{background:url(images/map-pin.png) no-repeat center center;width:21px;height:21px;list-style:none;position:absolute;cursor:pointer}.map .case-detail{display:none}.case-card{background:#fff;border:1px solid #ccc;display:none;position:absolute;width:360px;height:80px;padding:10px;bottom:10px;right:10px;z-index:10}.case-card h4{font-size:1.6em}.case-card img{float:left;margin-right:10px}.case-card .button a{font-size:1em;margin-top:.5em;padding-top:0;padding-bottom:0}#case-card-citac{display:block;left:10px;top:10px;right:auto;bottom:auto}#case-card-colourlens4less{display:block}#case-card-hiwave{display:block;left:10px;right:auto}#case-card-yesasia{top:10px;bottom:auto}#case-card-greentomato{left:10px;top:10px;right:auto;bottom:auto}.dialog-bg{position:absolute;background-color:#fff;top:0;left:0;z-index:2000}.dialog{color:#666;position:absolute;padding:20px 20px 30px;background-color:#fff;border:1px solid #ccc;-moz-box-shadow:0 1px 20px #999;-webkit-box-shadow:0 1px 20px #999;box-shadow:0 1px 20px #999;width:560px;outline:none;z-index:2001}.dialog h3{font-size:1.4em;color:#000}.dialog .case-meta{font-size:1.2em;color:#444}.dialog img{float:right;margin:0 0 20px 20px}.dialog .case-video{width:560px;height:315px;margin:10px 0}.dialog .case-video object{display:block;width:100%;height:100%}.dialog-title,.dialog-buttons{display:none}.dialog-close{position:absolute}.dialog-close a{font-size:1em;padding:2px 5px}#dialog-close-top{top:0;right:0}#dialog-close-bottom{bottom:0;left:0}