html, body{height:100%;margin:0pt;padding:0pt;}
body{font:62.5% Arial, Helvetica, sans-serif;margin:0;padding:0;background:#FFFFFF url(/images/bgs/gradient.gif) repeat-x left center;}

/* Mis */
h1,h2,h3,h4,p,ul,ol,div{margin-top:0;padding-top:0;}
img{border:0;}
a{text-decoration:none;}
ul{margin:0;padding:0;list-style-type:none;}
.hidden{display:none;}
.content .page-content .inner-page-content p.big-text{font-size:1.8em;}
.content .page-content .inner-page-content p.small-text{font-size:0.9em;}
.content .page-content .inner-page-content p, .content .page-content .inner-page-content li{font-size:1.2em;}
.content .page-content .inner-page-content a{color:#fff;}

/* Bg image */
.image-holder{width:100%;height:649px;min-width:960px;max-width:1023px;position:absolute;top:0;left:0;z-index:0;overflow:hidden;}
.preloader{width:100%;height:100%;min-width:960px;min-height:560px;z-index:2;position:absolute;top:0;left:0;background:transparent url(/images/bgs/black.png) repeat;display:none;}
.preloader span{width:35px;height:35px;display:block;position:absolute;top:50%;left:50%;margin-top:-17px;margin-left:-17px;background:transparent url(/images/ajax-loader.gif) no-repeat;text-indent:-1000px;overflow:hidden;}
.new-image-holder{display:none;}

/* Header */
.header{width:100%;height:25px;min-width:960px;max-width:1023px;background:transparent url(/images/bgs/black.png) repeat-x scroll 0%;position:absolute;top:0;left:0;border-bottom:1px solid #fff;z-index:10;}
.header h1{width:111px;height:18px;background:transparent url(/images/logo.gif) no-repeat;position:absolute;top:3px;left:6px;}
.home .header h1{display:none;}
.header h1 a{width:110px;height:18px;display:block;text-indent:-10000px;overflow:hidden;}
.header ul{position:absolute;top:6px;left:100px;color:#fff;}
.header ul li{display:block;float:left;font-size:1.0em;text-transform:uppercase;padding:0 0 0 30px;}
.header ul li.on{color:#9933CC;}
.header ul li a{color:#FFF;text-decoration:none;margin:3px 4px;}

/* Navigation */
.navigation{width:785px;}
.news-items-index .navigation .news a, .news-items-show .navigation .news a, .navigation .news a:hover{color:#c10050;}
.who-we-are .navigation .who-we-are a, .navigation .who-we-are a:hover{color:#339999;}
.what-we-do .navigation .what-we-do a, .navigation .what-we-do a:hover{color:#5ea145;}
.portfolio-index .navigation  .portfolio a, .portfolio-filter .navigation  .portfolio a, .portfolio-show .portfolio a, .navigation .portfolio a:hover{color:#811677;}
.latest-work-index .navigation .latest-work a, .latest-work-show .navigation .latest-work a, .navigation .latest-work a:hover{color:#ffec00;}
.client-access .navigation .client-access a, .navigation .client-access a:hover{color:#d18d22;}
.contact .navigation .contact a, .navigation .contact a:hover{color:#106baf;}
.flash-notice a{text-transform:uppercase;font-weight:bold;color:#ff0000;}

/* Image list buttons */
.image-list .previous-button{background:url(/images/bgs/previous.png) no-repeat;text-indent:-1000px;overflow:hidden;display:block;
height:9px;width:8px;margin:2px 4px 0px;}
.image-list .next-button{background:url(/images/bgs/next.png) no-repeat;text-indent:-1000px;overflow:hidden;display:block;
height:9px;width:8px;margin:2px 4px 0px;}

/* ==== PAGE SPECIFIC STYLES ==== */

/* == All Content Divs == */
.content, .sub-navigation, .page-content, .portfolio-content, .content .latest-work{height:624px;position:absolute;z-index:9;}
.content{top:26px;left:0;}

/* == Home Page == */
.home-flash-player{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
.home .content{width:577px;left:130px;background:transparent url(/images/bgs/yellow.png) repeat-y scroll 0px 0px;}
.home-text{width:448px;height:289px;background:url(/images/bgs/home_text.png) no-repeat;text-indent:-1000px;overflow:hidden;position:absolute;top:15px;left:13px;}
.language-downloads{position:absolute;bottom:10px;left:13px;font-size:1.2em;}
.language-downloads li{margin:0 0 5px;}
.language-downloads li a{color:#000;}

/* == News Index == */
.news-items-index .content{width:578px;left:125px;overflow:auto;z-index:9;background:transparent url(/images/bgs/pink.png) repeat left top;}
.news-items-index .content .news-item{width:auto;height:134px;border-bottom:1px solid #FFF;position:relative;}
.news-items-index .content .news-item a{width:99.8%;height:134px;display:block;position:absolute;top:0;left:0;z-index:12;overflow:hidden;text-indent:-10000px;}
.news-items-index .content .news-item a{background:url(/images/bgs/clear.gif);}/* Needed for I.E7 - Move to I.E7 stylesheet later */
.news-items-index .content .news-item img{position:absolute;top:0;right:0;}
.news-items-index .content .news-item div{width:260px;position:absolute;top:10px;left:13px;color:#fff;}
.news-items-index .content .news-item div h3{font-size:1.2em;font-weight:normal;margin:0;}
.news-items-index .content .news-item div p span{float:left;}
.news-items-index .content .news-item div p .arrow{width:4px;height:8px;margin:3px 0 0 5px;background:url(/images/bgs/arrow_pink_bg.gif) no-repeat center center;}
.news-items-index .content .news-item div p{font-size:1.2em;overflow:hidden;}
.news-items-index .content .show-more-news{padding:10px 0 0 13px;font-size:1.1em;}
.news-items-index .content .show-more-news a{color:#dc79a2;}
.news-items-index .content .show-more-news a:hover{color:#fff;}

/* == News Show == */
.news-items-show .content{width:259px;left:125px;padding:0 13px;background:transparent url(/images/bgs/pink.png) repeat left top;font-size:1.1em;color:#fff;}
.news-items-show .content .back-link{width:auto;position:absolute;top:10px;right:13px;z-index:2;font-size:1.2em;}
.news-items-show .content .back-link a{color:#dc79a2;}
.news-items-show .content .back-link a:hover{color:#fff;}
.news-items-show .content .news-title{width:220px;margin:10px 0 0;font-size:1.2em;}
.news-items-show .content .date{font-size:1.2em;}
.news-items-show .content .image-list li{float:left;padding:0 5px 0 0;color:#dc79a2;}
.news-items-show .content .image-list li .link-deactive{color:#dc79a2;}
.news-items-show .content .image-list li .link-deactive:hover{color:#fff;}
.news-items-show .content .image-list li .link-active{color:#fff;}
.news-items-show .content .categories{padding:10px 0 0;clear:both;}
.news-items-show .content .body-text{height:455px;padding:10px 0 0;overflow:hidden;clear:both;font-size:1.8em;}

/* == Who we are == */
.who-we-are .content .sub-navigation{width:188px;left:185px;background:transparent url(/images/bgs/cyan.png) repeat left top;}
.who-we-are .content .sub-navigation ul{position:absolute;top:16px;left:15px;font-size:1.2em;}
.who-we-are .content .sub-navigation ul li{margin:0 0 8px;}
.who-we-are .content .sub-navigation ul li a{color:#b8fcf7;}
.who-we-are .content .sub-navigation ul li a:hover,.who-we-are .content .sub-navigation a.link-active{color:#fff;}

.who-we-are .content .page-content{width:570px;left:377px;background:transparent url(/images/bgs/cyan.png) repeat left top;}
.who-we-are .content .page-content .inner-page-content{width:544px;min-height:540px;z-index:2;position:absolute;top:0;left:0;color:#fff;overflow:visible;padding:14px 13px 0 13px;}
.who-we-are .content .page-content .inner-page-content span{position:absolute;top:0;left:-8px;}

.facts-and-figures .content .page-content .inner-page-content p.big-text{margin:0 0 5px;}

/* == What we do == */
.what-we-do .content .sub-navigation{width:182px;left:291px;background:transparent url(/images/bgs/green.png) repeat left top;}
.what-we-do .content .sub-navigation ul{position:absolute;top:16px;left:15px;font-size:1.2em;}
.what-we-do .content .sub-navigation ul li{margin:0 0 8px;}
.what-we-do .content .sub-navigation ul li a{color:#bdfcb3;}
.what-we-do .content .sub-navigation ul li a:hover, .what-we-do .content .sub-navigation ul li a.link-active{color:#fff;}

.what-we-do .content .page-content{width:544px;left:479px;background:transparent url(/images/bgs/green.png) repeat left top;}
.what-we-do .content .page-content .inner-page-content{width:494px;min-height:540px;padding:14px 25px 0 25px;position:absolute;top:0;left:0;color:#fff;overflow:visible;}

.services .content .page-content .inner-page-content ul{margin:0 0 10px;}
.services .content .page-content .inner-page-content p.big-text{margin:0 0 5px;}

.process .content .page-content .inner-page-content p.big-text{margin:0 0 5px;}

.clients .content .page-content .inner-page-content{width:527px;min-height:535px;position:absolute;top:0;left:0;margin:0px;background:transparent url(/images/bgs/logos.png) no-repeat left top;}
.clients .content .page-content .inner-page-content p{display:none;}

.global-reach .content .page-content .inner-page-content p.big-text{margin:0 0 5px;}

.recent-awards .awards-holder{margin:0 0 30px;}
.recent-awards .awards-holder h2{margin:0 0 10px;overflow:hidden;text-indent:-10000px;}
.recent-awards .awards-holder p{margin:0;}
.recent-awards .awards-holder .retail-week{width:123px;height:20px;background:url(/images/logos/retail-week.png) no-repeat;}
.recent-awards .awards-holder .retail-interiors{width:98px;height:33px;background:url(/images/logos/retail-interiors.png) no-repeat;}
.recent-awards .awards-holder .retail-vm-awards{width:170px;height:16px;background:url(/images/logos/retail-vm-awards.png) no-repeat;}
.recent-awards .awards-holder .drapers{width:99px;height:30px;background:url(/images/logos/drapers.png) no-repeat;}

/* == Portfolio Navigation == */
.portfolio-navigation{width:179px;height:624px;position:absolute;top:0px;left:506px;padding:0 0 0 13px;z-index:9;background:transparent url(/images/bgs/purple.png) repeat left top;}
.portfolio-navigation h2{margin:0 0 7px;font-size:1.1em;color:#fff;}
.portfolio-navigation h2.graphic{margin:16px 0 7px;}
.portfolio-navigation ul{width:189px;}
.portfolio-navigation ul li{margin:0 0 7px;padding:0px;}
.portfolio-navigation ul li a{text-decoration:none;font-size:1.1em;color:#d6adfa;}
.portfolio-navigation ul li a:hover,.portfolio-navigation ul li a.link-active{color:#FFF;}
.portfolio-navigation #client_id{width:149px;margin:0 20px 0 0;font-size:1.1em;}
.portfolio-navigation #client_id option{width:auto;}

.portfolio-content{width:389px;left:117px;overflow:auto;background:transparent url(/images/bgs/purple.png) repeat left top;}
.portfolio-content .portfolio-item{width:auto;height:134px;border-bottom:1px solid #fff;position:relative;}
.portfolio-content .portfolio-item a{width:99.5%;height:134px;display:block;position:absolute;top:0;left:0;z-index:12;overflow:hidden;text-indent:-10000px;}
.portfolio-content .portfolio-item a{background:url(/images/bgs/clear.gif);}/* Needed for I.E7 - Move to I.E7 stylesheet later */
.portfolio-content .portfolio-item img{position:absolute;top:0;right:0;}
.portfolio-content .portfolio-item div{width:160px;position:absolute;top:10px;left:10px;color:#fff;}
.portfolio-content .portfolio-item div h3{width:160px;font-size:1.2em;font-weight:normal;overflow:hidden;}
.portfolio-content .portfolio-item div h3 .arrow{width:4px;height:8px;display:inline-block;margin:3px 0 0 5px;background:url(/images/bgs/arrow_purple_bg.gif) no-repeat center center;}
.portfolio-content .portfolio-item div p{width:160px;font-size:1.2em;}

/* == Portfolio Show == */
.portfolio-show .content .page-content{width:566px;left:117px;color:#fff;}
.portfolio-show .content .page-content .inner-page-content{width:566px;height:624px;position:absolute;top:0;left:0;}
.portfolio-show .content .client-info{width:566px;height:25px;background:transparent url(/images/bgs/purple.png) repeat left top;}
.portfolio-show .content .title-and-summary{width:auto;position:absolute;top:5px;left:13px;}
.portfolio-show .content .image-list{width:auto;position:absolute;top:6px;right:100px;}
.portfolio-show .content .image-list li{float:left;padding:0 5px 0 0;color:#b67eb2;font-size:1.1em;}
.portfolio-show .content .image-list li .link-deactive{color:#b67eb2;}
.portfolio-show .content .image-list li .link-active, .latest-work-show-content .image-list li .link-deactive:hover{color:#fff;}
.portfolio-show .content .back-link{width:auto;position:absolute;top:5px;right:13px;font-size:1.1em;}
.portfolio-show .content .inner-page-content a{color:#d6adfa;}
.portfolio-show .content .inner-page-content a:hover{color:#fff;}
.portfolio-show .content .body-text{position:absolute;top:40px;left:13px;margin:0 13px 0 0;}
.portfolio-show .content .services-list{margin:0 0 20px;font-size:1.1em;}
.portfolio-show .content .body-text .text{font-size:1.8em;}
.portfolio-show .content .body-text .pdf-link{font-size:1.2em;}
.portfolio-show .content .body-text .pdf-link a{color:#fff;}

/* == Latest Work Index == */
.latest-work-index .content .latest-work{width:578px;left:394px;overflow:auto;background:transparent url(/images/bgs/yellow.png) repeat left top;}
.latest-work-index .content .latest-work .latest-work-item{width:100%;height:134px;border-bottom:1px solid #fff;position:relative;}
.latest-work-index .content .latest-work .latest-work-item a{width:99.8%;height:134px;display:block;position:absolute;top:0;left:0;z-index:12;overflow:hidden;text-indent:-10000px;}
.latest-work-index .content .latest-work .latest-work-item a{background:url(/images/bgs/clear.gif);}/* Needed for I.E7 - Move to I.E7 stylesheet later */
.latest-work-index .content .latest-work .latest-work-item img{position:absolute;top:0;right:0;}
.latest-work-index .content .latest-work .latest-work-item div{width:250px;position:absolute;top:10px;left:13px;color:#000;}
.latest-work-index .content .latest-work .latest-work-item div h3{width:250px;font-size:1.2em;font-weight:normal;overflow:hidden;}
.latest-work-index .content .latest-work .latest-work-item div h3 .arrow{width:4px;height:8px;display:inline-block;margin:3px 0 0 5px;background:url(/images/bgs/arrow_yellow_bg.gif) no-repeat center center;}
.latest-work-index .content .latest-work .latest-work-item div p{width:250px;font-size:1.2em;}

/* == Latest Work Show == */
.latest-work-show .content .page-content{width:566px;left:394px;color:#000;}
.latest-work-show .content .page-content .inner-page-content{width:566px;height:650px;position:absolute;top:0;left:0;overflow:hidden;}
.latest-work-show .content .client-info{width:566px;height:25px;background:transparent url(/images/bgs/yellow.png) repeat left top;}
.latest-work-show .content .title-and-summary{width:auto;position:absolute;top:5px;left:13px;}
.latest-work-show .content .image-list{width:auto;position:absolute;top:6px;right:120px;}
.latest-work-show .content .image-list li{float:left;padding:0 5px 0 0;color:#82790b;font-size:1.1em;}
.latest-work-show .content .image-list li a.link-deactive{color:#7f7f7f;}
.latest-work-show .content .image-list li a.link-active, .latest-work-show .content .image-list li a.link-deactive:hover{color:#000;}
.latest-work-show .content .back-link{width:auto;position:absolute;top:5px;right:13px;font-size:1.1em;}
.latest-work-show .content a, .latest-work-show .content .page-content .inner-page-content a{color:#7f7f7f;}
.latest-work-show .content a:hover, .latest-work-show .content .page-content .inner-page-content a:hover{color:#000;}
.latest-work-show .content .image-list .next-button{background:url(/images/bgs/next-grey.png) no-repeat;}
.latest-work-show .content .image-list .previous-button{background:url(/images/bgs/previous-grey.png) no-repeat;}

.latest-work-show .content .body-text{position:absolute;top:40px;left:13px;margin:0 13px 0 0;}
.latest-work-show .content .services-list{margin:0 0 20px;font-size:1.1em;}
.latest-work-show .content .body-text .text{font-size:1.8em;}
.latest-work-show .content .body-text .pdf-link{font-size:1.2em;}
.latest-work-show .content .body-text .pdf-link a{color:#000;}

/* == Client Access == */
.client-access .content .sub-navigation{display:none;}

.client-access .content .page-content{width:189px;left:570px;background:transparent url(/images/bgs/orange.png) repeat left top;}
.client-access .content .page-content .inner-page-content{width:auto;position:absolute;top:16px;left:13px;color:#fff;overflow:visible;}
.client-access .content .page-content .inner-page-content span{position:absolute;top:0;left:-8px;}

/* == Contact == */
.contact .content .sub-navigation{width:191px;left:601px;background:transparent url(/images/bgs/blue.png) repeat left top;}
.contact .content .sub-navigation ul{position:absolute;top:16px;left:15px;font-size:1.2em;}
.contact .content .sub-navigation ul li{margin:0 0 8px;}
.contact .content .sub-navigation ul li a{color:#adc4fa;}
.contact .content .sub-navigation ul li a:hover, .contact .content .sub-navigation ul li a.link-active{color:#fff;}

.contact .content .page-content{width:528px;left:68px;background:transparent url(/images/bgs/blue.png) repeat left top;}
.contact .content .page-content .inner-page-content{width:494px;position:absolute;top:0;left:0;color:#fff;overflow:visible;padding:17px 17px 0 17px;}
/*.contact .content .page-content .inner-page-content span{position:absolute;top:0;left:-8px;}*/

.request-a-brochure .content .page-content .inner-page-content{width:478px;position:absolute;top:20px;left:25px;padding:0;}
.request-a-brochure .content .page-content .inner-page-content .brochure-link{width:158px;height:235px;float:left;}
.request-a-brochure .content .page-content .inner-page-content .brochure-link a{width:134px;height:160px;display:block;text-indent:-10000px;overflow:hidden;}
.request-a-brochure .content .page-content .inner-page-content .company-book-2009{background:url(/images/brochures/company-book-2009.png) no-repeat;}
.request-a-brochure .content .page-content .inner-page-content .mailer-2-2009{background:url(/images/brochures/mailer-2-2009.png) no-repeat;}
.request-a-brochure .content .page-content .inner-page-content .mailer-1-2009{background:url(/images/brochures/mailer-1-2009.png) no-repeat;}
.request-a-brochure .content .page-content .inner-page-content .total{background:url(/images/brochures/total.png) no-repeat;}
.request-a-brochure .content .page-content .inner-page-content .global{background:url(/images/brochures/global.png) no-repeat;}
.request-a-brochure .content .page-content .inner-page-content .graphic{background:url(/images/brochures/graphic.png) no-repeat;}
.request-a-brochure .content .page-content .inner-page-content .retail{background:url(/images/brochures/retail.png) no-repeat;}
.request-a-brochure .content .page-content .inner-page-content .anniversary{background:url(/images/brochures/anniversary.png) no-repeat;}

.join-us .content .page-content .inner-page-content p.big-text{width:350px;}

.london-directions .content .page-content .inner-page-content{width:528px;top:0;left:0;padding:0;}
.london-directions .content .page-content #how-to-find-us-map{width:528px;height:624px;position:absolute;top:0;left:0;margin-top:0;overflow:hidden;}
.london-directions .content .page-content #how-to-find-us-map .pdf-link{background:url(/images/pdf.gif) no-repeat center right;padding: 2px 20px 2px 0;}
.london-directions .content .page-content #how-to-find-us-map .window-info img{margin:0 0 7px;}

.shanghai-directions .shanghai-map{width:452px;height:298px;background:url(/images/bgs/shanghai-map.png) no-repeat;margin:0 0 20px;}

/* Google maps */
.content .page-content .inner-page-content .window-info, .content .page-content .inner-page-content .get_directions{clear:both;color:#000;}
.content .page-content .inner-page-content .window-info p, .content .page-content .inner-page-content .get_directions p {width:220px;margin:0em 0em 1.0em;padding:0pt;color:#000;font-size:1.1em;}
.content .page-content .inner-page-content .window-info a,.content .page-content .inner-page-content .get_directions a{color:#666;}
.content .page-content .inner-page-content .window-info a:hover, .content .page-content .inner-page-content .get_directions a:hover{color:#000;}
.content .page-content .inner-page-content .get_directions .directions_button {float:left;background:#333333;border:medium none;color:#fff;font-size:0.9em;font-weight:normal;margin-left:0.5em;padding:2px 0;}
.content .page-content .inner-page-content .get_directions .start_address,.content .page-content .inner-page-content  .get_directions .end_address {margin:2px 0px;}
.content .page-content .inner-page-content .get_directions #saddr, .content .page-content .inner-page-content .get_directions #daddr {float:left;}
.content .page-content .inner-page-content .get_directions form input {font-size:0.9em;width:90px;}

/* 404 and 500 pages */
.text-error {height:404px;left:13px;overflow:hidden;position:absolute;top:15px;width:448px;color:#fff;}
.text-error h2 {font-size:1.8em;font-weight:normal;}
.text-error p {font-size:1.1em;}