body { margin: 0; background: #fff; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; color: #4d4f53; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, label,legend,fieldset,input,textarea,p,blockquote,th,td,a,em, span{ font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; } a { color: #066699; text-decoration: none; font-weight: bold; outline: none; } ul, li { margin: 0; padding: 0; list-style: none; } #header { height: 96px; } #header h1 { float: left; font-size: 12px; } #header ul { float: left; margin: 60px 0 0 59px; list-style:none; } #header ul li { background: url(/staticfiles/img/navdot.gif) no-repeat right; padding: 0 13px 0 0; margin: 0 7px 0 0; list-style:none !important; } #header ul li.last { background-image: none; padding-right: 0; margin-right: 0; } #header ul li a { display: block; height: 56px; line-height: 56px; font-size: 13px; text-transform: uppercase; font-weight: normal; color: #4d4f53; } #header ul li a:hover, #header ul li.current a { color: #066699; background: url(/staticfiles/img/dot.gif) no-repeat top center; } #footer { margin-top: 12px; font-size: 11px; } #footer p { float: left; } #footer ul { float: left; margin: 0 0 0 6px; padding: 0; } #footer ul li { padding-right: 5px; } #footer ul li a { padding-right: 5px; border-right: 1px solid #4d4f53; text-decoration: none; text-transform: uppercase; color: #4d4f53; } #footer ul li.last a { border: none; } .footer-left { float:left; width:150px } .footer-left p { float:left } .footer-right { float:right; width:200px; } .footer-right p { float:right; width:200px !important; text-align:right } #plugNavigation1_content { *zoom: 1; position: relative; } #plugNavigation1_content:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; } h2 { color: #066699; margin-bottom: 20px !important; } .block-630-head { background: url('/staticfiles/img/whitebox-630-head.jpg') no-repeat scroll top left; margin: 0; padding: 0 20px; width: 590px; overflow: hidden; height: 7px; } .block-630-mid { background: url('/staticfiles/img/whitebox-630-sides.jpg') repeat-y scroll top left; margin: 0; padding: 20px 20px 10px 20px; width: 590px; } .block-630-foot { background: url('/staticfiles/img/whitebox-630-foot.jpg') no-repeat scroll top left; margin: 0; padding: 0 20px; width: 590px; overflow: hidden; height: 9px; } .block-310-head { background: url('/staticfiles/img/whitebox-310-head.jpg') no-repeat scroll top left; margin: 0; padding: 0 20px; width: 270px; overflow: hidden; height: 7px; } .block-310-mid { background: url('/staticfiles/img/whitebox-310-sides.jpg') repeat-y scroll top left; margin: 0; padding: 20px 20px 10px 20px; width: 270px; } .block-310-foot { background: url('/staticfiles/img/whitebox-310-foot.jpg') no-repeat scroll top left; margin: 0; padding: 0 20px; width: 270px; overflow: hidden; height: 9px; } .block-630 { background: url('/staticfiles/img/whitebox-630x210.jpg') no-repeat scroll top left; width: 590px; height: 173px; padding: 27px 20px 10px 20px; } .block-310 { background: url('/staticfiles/img/whitebox-310x210.jpg') no-repeat scroll top left; width: 270px; height: 173px; padding: 27px 20px 10px 20px; } .block-999 { background: url('/staticfiles/img/whitebox-310x300.jpg') no-repeat scroll top left; width: 270px; height: 300px; padding: 27px 20px 10px 20px; } .nobg { background-image: none !important; height: auto !important; } .block-630-mid h2, .block-630 h2, .block-310-mid h3, .block-310 h3 { border-bottom: 1px solid #bbac8c; padding-bottom: 5px; margin-bottom: 15px; } #polaroids { position:relative; height: 300px; margin-bottom: 30px;} .polaroid { float: left; padding: 16px; width: 158px; height: 208px; background: url(/staticfiles/img/polaroid-bg.jpg) no-repeat top left; } .polaroid img { margin:0 0 0 0; height: 157px; width: 157px; background-repeat: no-repeat; background-position: 0 0; } .polaroid img:hover { background-position: 0 -157px; } .polaroid p { font-weight: bold; /*font-size and margin added for #2397 - alignment and fitting*/ font-size: 11px; margin: -2px 8px 0 8px;} .polaroid em { font-style: normal; } .dbl-polaroid { position: relative; float: left; padding: 0 0 10px 0; width: 380px; height: 230px; background: url(/staticfiles/img/dbl-polaroid-bg-1.jpg) no-repeat top left; color: #fff; overflow: hidden; } .dbl-polaroid > div { margin: 10px 20px 0 20px; width: 340px; } .dbl-polaroid h4 { color: #fff; } .person-info-close { position: absolute; right: 20px; bottom: 9px; } #polaroids_track { position:absolute; bottom:0; left:0; height: 3px; width:100%; background-color: #ccc; cursor:move; } #polaroids_handle { margin-top: -5px; height:14px; background: url('/staticfiles/img/handle.png') repeat-x scroll top left; cursor:move; } #polaroids_content { position: relative; overflow:hidden; height:260px; } #left-scroll-handle { float:left; margin-left:-19px; } #right-scroll-handle { float:right; margin-right:-19px;} img.scroll-handle { margin-top:28px;} #main-content { margin-top: 30px; } .banner-copy { padding: 28px 40px 0 20px; font-size: 14px; color: #626265; } .banner-block { margin: 0 0 20px 0 !important; height: 344px; background: url('/staticfiles/img/banner-home.jpg') no-repeat scroll top left; } .subnav li { text-transform: uppercase; margin-bottom: 10px; } .subnav a { font-weight: normal; color: #4d4f53; margin-left: -20px; padding-left: 20px; position: relative; } .subnav li.current a, .subnav a:hover { color: #066699; background: url('/staticfiles/img/dot.gif') no-repeat 0 0; } .subnav h3 { line-height: 20px; border-bottom: 1px solid #bbac8c; padding-bottom: 5px; margin-bottom: 15px; } /* home */ #home-main-block { position: relative; } #home-sub-blocks { } #home-sub-blocks > div { background: url('/staticfiles/img/whitebox-310x210.jpg') no-repeat scroll top left; width: 270px; height: 180px; padding: 20px 20px 10px 20px; } #home-sub-blocks > div h3 { padding-bottom: 10px; border-bottom: 1px solid #bbac8c; margin-bottom: 10px; } #home-sub-blocks > div p { margin-bottom: 0; } #home-sub-blocks div.hothouse { background-image: url('/staticfiles/img/home-hothouse.jpg') !important; } #home-sub-blocks div.hothouse h3 { text-indent:-9999px; overflow: hidden; height: 23px; padding: 0 0 3px 0; margin: 0;} #home-sub-blocks div.hothouse em { font-weight: normal; font-size: 110%; font-style: normal; } .welcome-video { position: absolute; top:40px; right: 55px; } #home-sub-blocks .hothouse p { width: 200px; } /*maintain links positioning on homepage*/ /* #home-sub-blocks .span-10 { position: relative; } #home-sub-blocks .span-10 a { position: absolute; bottom: 10px; } */ /* about */ #about-main-block { background-image: url('/staticfiles/img/banner-about.jpg'); } #about-main-copy { width: 350px; } /* people */ #people-main ul { width: 100px; float: left; } #people-main h2 { font-size: 15px; line-height: 20px; border-bottom: 1px solid #949598; padding-bottom: 5px; margin-bottom: 15px; } /* what we do (services) */ body#what-we-do #main-content h3 { border-bottom: 1px solid #bbac8c; width: 100%; padding-bottom: 15px; margin-bottom: 15px; } body#our-partners #main-content h3 { border-bottom: 1px solid #bbac8c; width: 100%; padding-bottom: 15px; margin-bottom: 15px; } body#our-partners #main-content p { width:350px; } /* body#what-we-do #main-content #services-block-2-4 h3 { border-bottom: 1px solid #FFF; } */ /* services-block-2-4*/ #services-block-1 a:hover { background: none !important; } #services-block-2 div.block-630-mid { padding-right: 250px; width: 360px; } body#our-partners #services-block-2 div.block-630-mid { padding-right: 40px; width: 570px; } .services-block { position: relative; min-height: 230px; overflow: hidden; } #what-we-do #services-block-2-4 { height: 204px; overflow: hidden; } #services-block-2-1 div.dots { position: absolute; right: 5px; top: 5px; height: 189px; width: 174px; background: url('/staticfiles/img/dots-1.gif') no-repeat scroll 0 0; } #services-block-2-2 div.dots { position: absolute; right: 5px; top: 5px; height: 210px; width: 196px; background: url('/staticfiles/img/dots-2.gif') no-repeat scroll 0 0; } #services-block-2-3 div.dots { position: absolute; right: 5px; top: 5px; height: 212px; width: 211px; background: url('/staticfiles/img/dots-3.gif') no-repeat scroll 0 0; } #services-block-2-4 div.dots { position: absolute; right: 5px; top: 5px; height: 195px; width: 193px; background: url('/staticfiles/img/dots-4.gif') no-repeat scroll 0 0; } #our-partners #services-block-2-1 div.dots { position: absolute; right: 5px; top: 70px; background: url('/staticfiles/img/partners/community-pro.gif') no-repeat scroll 0 0; } #our-partners #services-block-2-2 div.dots { position: absolute; right: -20px; top: 70px; background: url('/staticfiles/img/partners/lexington.gif') no-repeat scroll 0 0; } #our-partners #services-block-2-3 div.dots { position: absolute; right: -30px; top: 70px; background: url('/staticfiles/img/partners/jpcreative.gif') no-repeat scroll 0 0; } #our-partners #services-block-2-4 div.dots { position: absolute; right: -10px; top: 70px; background: url('/staticfiles/img/partners/silverglade.gif') no-repeat scroll 0 0; } #our-partners #services-block-2-5 div.dots { position: absolute; right: -10px; top: 70px; height: 195px; width: 193px; background: url('/staticfiles/img/partners/violet.gif') no-repeat scroll 0 0; } #our-partners #services-block-2-6 div.dots { position: absolute; right: -10px; top: 70px; height: 195px; width: 193px; background: url('/staticfiles/img/partners/violet.gif') no-repeat scroll 0 0; } #our-partners #services-block-2-4 h3 { color:#111111 } #our-partners h2 { color:#4d4f53; margin:0 !important; padding:0; font-size:18px; font-weight:bold } p.readmore-link { margin-bottom: 0; } /* case studies */ #case-main-block { background-image: url('/staticfiles/img/banner-casestudies.jpg'); } .case-nav em { font-style: normal; } #casestudies-wrapper .block-630-mid ul { padding-left: 1.5em; margin-bottom: 1em; } #casestudies-wrapper .block-630-mid li { list-style: disc; } .blue-border { z-index:20; position: absolute; } /* blog */ #blog-banner { background: url('/staticfiles/img/banner-blog.jpg') no-repeat scroll top left; width: 590px; height: 170px; padding: 20px; margin-bottom: 10px; } #blog-banner p { width: 350px; } #blog-lhs ul, #blog-lhs li { list-style: none; margin: 0; padding: 0; } #blog-lhs ul { margin-bottom: 2em; } #blog-lhs li { margin-bottom: 0.3em; } #blog-lhs a { text-decoration: none; color: #066699; font-weight: bold; } #blog-lhs a:hover { background: none !important; } /*main blog styling*/ #postlist .postitem { padding-bottom: 20px; !important} .blog-post-head h2 { padding-bottom: 5px; margin-bottom: 5px !important; } .blog-post-head h2 a { color: rgb(77, 79, 83); } .blog-post-head h2 a:hover { color: #066699; } .blog-post-head p { margin-bottom: 0; font-size: 11px; } body.blog-subpage .blog-post-content { padding-top: 20px; } .blog-post-content h4 { font-size: 15px; font-weight: bold; color: rgb(77, 79, 83);} .blog-post-content p { font-size: 13px; margin-top: 5px; } .comments { padding: 3px 10px 0 20px; height: 22px; background: url('/staticfiles/img/comments.gif') no-repeat left center;} .add-comment { padding: 3px 10px 0 20px; height: 22px; background: url('/staticfiles/img/add-comment.gif') no-repeat left center;} .blog-intro p { margin-bottom: 0; } p.blog-read-more { margin: 5px 0 10px 0; } /*if blogger image*/ .postitem div.short { width: 490px; float: left; } .post-head-image { float: left; margin-right: 10px; } /*if main image*/ .blog-post-content { padding-top: 10px; } .blog-post-content .short { width: 440px; } .even .blog-post-content img, .odd .blog-post-content img { float: right; margin-left: 10px; } /*.even .blog-post-content img { float: left; margin-right: 10px; }*/ #blog-lhs #subscribe-entries { display: block; padding-left: 30px; background: url('/staticfiles/img/icon-rss.jpg') no-repeat scroll top left !important; height: 20px; } #blog-lhs #subscribe-comments { display: block; padding-left: 30px; background: url('/staticfiles/img/icon-rss.jpg') no-repeat scroll top left !important; height: 20px; } #blog-lhs #subscribe-twitter { display: block; padding-left: 30px; background: url('/staticfiles/img/icon-twitter.jpg') no-repeat scroll top left !important; height: 20px; } #blog-lhs #subscribe-facebook { display: block; padding-left: 30px; background: url('/staticfiles/img/icon-linkedin.jpg') no-repeat scroll top left !important; height: 20px; } #blog-lhs #subscribe-flickr { display: block; padding-left: 30px; background: url('/staticfiles/img/icon-flickr.gif') no-repeat scroll top left !important; height: 20px; } #blog-lhs #subscribe-youtube { display: block; padding-left: 30px; background: url('/staticfiles/img/icon-youtube.gif') no-repeat scroll top left !important; height: 20px; } #first-post-foot { border-top: 1px solid #949598; border-bottom: 1px solid #949598; padding: 8px 0; text-align: left; margin-bottom: 15px;} /*comments*/ #title-comments-title { margin: 25px 0 0 10px; } #comments_container { padding:0 10px; } #comments-footer { border-bottom: 1px solid #949598; }/*height:1px; */ .blog_comment { border-top: 1px solid #949598; padding:10px 0 15px 3px; } .blog_comment .body { margin:0 !important; } .blog_comment .post_no { float:left; } .blog_comment .body .header { padding-top:2px; } .blog_comment .body .header h4 { float:left; margin: 0 8px 3px 0; color:#d32586; } .blog_comment .body .header .date { float:left; } .blog_comment .copy { padding:5px 5px 10px 20px; } .blog_comment .body .header .title { clear:left; font-weight:bold; } .blog_comment .user { margin:4px 0 0 10px !important; width:65px !important; } .blog_comment .comment-footer { padding-left:17px; margin-top:12px; } .blog_post .user .avatar { width:50px !important; height:50px !important; } div#comments_container .nested { border-left: 1px solid #949598; } #comments-footer #commentOnBlogPost { } /*#comments-footer #commentOnBlogThread { display: none; }*/ #comments-footer .comments-footer-reply { margin: 25px 0; } /*form styling in form.css*/ /* contact */ #contact-wrapper .block-310-mid { padding: 10px 20px 0 20px; height: 178px; } #contact-wrapper .block-310-foot { margin-bottom: 10px; } #contact-block-2 { background: url('/staticfiles/img/banner-contactmap.jpg') no-repeat scroll top left; width: 630px; height: 417px; } /* hothouse */ #hh-main-copy { padding: 28px 0 0 20px; } #hh-main-block { position: relative; background-image: url('/staticfiles/img/banner-hh.jpg'); } .banner-copy-block { width: 420px; } #hh-main-copy ul { padding-left: 1.5em; margin-bottom: 1em; } #hh-main-copy li { list-style: disc; } #carousel-container { position: absolute; top: 5px; right: 8px; height: 330px; margin-top: 0; } #block-events-nextevent p { width: 200px; } /* foresight */ #foresight-main-block { background-image: url('/staticfiles/img/banner-events.jpg'); } table#research-list tr th { background: none; } table#research-list tr th, table#research-list tr td { border-bottom: 1px solid #666; } table#research-list tr td { padding-bottom: 20px; } table#research-list tr th.event-date { width: 150px; } table#research-list tr td { vertical-align: top; } table#research-list tr td ul, table#research-list tr td p, table#research-list tr td h4 { margin: 0; height: auto; } table#research-list tr td ul { padding-left: 1.5em; } table#research-list tr td li { list-style: disc; } /* events (salons) */ body#foresight #events-main-block, body#salons #events-main-block { background-image: url('/staticfiles/img/banner-foresight.jpg'); } #events-main-block { background-image: url('/staticfiles/img/banner-events.jpg'); } #events-lhs .block-310-foot { margin-bottom: 10px; } #block-events-nextevent { background-image: url('/staticfiles/img/home-hothouse.jpg'); } table.events-list tr th { background: none; } table.events-list tr th, table.events-list tr td { border-bottom: 1px solid #666; } table.events-list tr td { padding-bottom: 20px; } table.events-list tr th.event-date { width: 150px; } table.events-list tr td { vertical-align: top; } table.events-list tr td ul, table.events-list tr td p, table.events-list tr td h4 { margin: 0; height: auto;} table.events-list h4{ font-size:14px; color:#505050; font-weight:bold;} table.events-list tr td ul { padding-left: 1.5em; } table.events-list tr td li { list-style: disc; } .modal, .modal iframe {padding:0; width:400px; height:460px;} #simple-main-container {font-size:12px; padding:10px;} #simple-main-container fieldset{border:none;} #simple-main-container div.form-row input{height:22px; font-size:14px; padding:4px 5px; width:320px; color:#4D4F53;border: 1px solid #D2D2D2;} #simple-main-container #xinfo-submit{margin-top:10px;} /* panel */ body#panel .person-info-close { position: absolute; right: 14px; bottom: 9px; } body#panel #people-main ul { width: 200px; float: left; } .postitem div.short { width:420px; } /* Partners */ .bond-link a { position:absolute; top:20px; right:30px; display:block; text-indent:-9999px; overflow:hidden; width:200px; height:200px; background:none; }