/* ABOUT STYLES */
div#c1_about { position: relative; width: 860px; }
div#c1_about h2 { position: absolute; top: 20px; left: 20px; }
div#c1_about p#c1-p1 { position: absolute; top: -30px; left: 40px; width: 380px; height: 100px; margin: 0; padding: 110px 225px 0 0; background: transparent url(../images/about_polaroids_1_ai.png) top right no-repeat; z-index: 998; }
div#c1_about p#c1-p2 { position: absolute; top: 170px; left: -30px; width: 390px; height: 150px; margin: 0; padding: 40px 0 0 250px; background: transparent url(../images/about_polaroids_2_ai.png) top left no-repeat; z-index: 998; }
div#c1_about p#c1-p3 { position: absolute; top: 270px; left: 100px; width: 310px; height: 100px; margin: 0; padding: 80px 180px 0 0px; background: transparent url(../images/about_polaroids_3_ai.png) top right no-repeat; z-index: 999; }
div#c1_about p#c1-bima { position: absolute; overflow: hidden; right: 20px; bottom: 20px; height: 0px; width: 180px; margin: 0; padding: 54px 0 0 0; background: transparent url(../images/about_bimawin_ai.gif) top right no-repeat; z-index: 998; }
div#c1_about p#c1-twittoo { position: absolute; overflow: hidden; top: 30px; right: -10px; width: 170px; height: 0px; margin: 0; padding: 266px 0 0 0; background: transparent url(../images/about_babboon_ai.jpg) top right no-repeat; z-index: 998; }
div#c1_about p#c1-twittoo a { position: absolute; overflow: hidden; display: block; top: 0px; left: 0px; width: 170px; height: 0px; margin: 0; padding: 266px 0 0 0; }



/* CAREERS STYLES */
div#content_careers { width: 650px; position: relative; margin: -85px auto 0 auto; padding: 110px 0 200px 0; }
div#c1_careers { overflow: hidden; width: 650px; }
div#c1_careers h2 { position: absolute; top: 0px; left: -999em; }
div#c1_careers p#c1-p1, div#c1_careers p#c1-p2 { }
div#c1_careers p#c1-p3 { text-align: center; }
div#c1_careers p#c1-p3 { margin-top: 1em; margin-bottom: 1.4em; font-size: 2em; font-weight: bold; }
div#c1_careers p#c1-p3 a { color: #F79727; text-decoration: none; border-bottom: 3px solid #F79727; }
div#c1_careers p#c1-p4 { text-align: right; }



/* CLIENTS STYLES */
div#content_clients { width: 700px; position: relative; margin: -85px auto 0 auto; padding: 110px 0 200px 0; }
div#c1_clients { width: 700px; overflow: hidden; }
div#c1_clients h2 { position: absolute; top: 0px; left: -999em; }
div#c1_clients ul#clientslist { position: relative; overflow-x: hidden; overflow-y: auto; height: 445px; margin: 0; padding: 0; }
div#c1_clients ul#clientslist li a { margin: 0; padding: 0; }
div#c1_clients ul#clientslist li a { position: absolute; overflow: hidden; display: block; height: 0px; background-repeat: no-repeat; background-position: top left; }
div#c1_clients ul#clientslist li#cl-01 a { background-image: url(../images/clients_logo-disney.jpg); width: 130px; padding-top: 130px; top: 0px; left: 0px; }
div#c1_clients ul#clientslist li#cl-02 a { background-image: url(../images/clients_logo-adidas.jpg); width: 114px; padding-top: 95px; top: 10px; left: 174px; }
div#c1_clients ul#clientslist li#cl-03 a { background-image: url(../images/clients_logo-singstar.jpg); width: 161px; padding-top: 61px; top: 34px; left: 335px; }
div#c1_clients ul#clientslist li#cl-04 a { background-image: url(../images/clients_logo-sony.jpg); width: 94px; padding-top: 141px; top: 15px; left: 520px; }
div#c1_clients ul#clientslist li#cl-05 a { background-image: url(../images/clients_logo-waytoblue.jpg); width: 145px; padding-top: 49px; top: 140px; left: 0px; }
div#c1_clients ul#clientslist li#cl-06 a { background-image: url(../images/clients_logo-simonandschuster.jpg); width: 149px; padding-top: 115px; top: 115px; left: 168px; }
div#c1_clients ul#clientslist li#cl-07 a { background-image: url(../images/clients_logo-universal.jpg); width: 150px; padding-top: 94px; top: 127px; left: 323px; }
div#c1_clients ul#clientslist li#cl-08 a { background-image: url(../images/clients_logo-lovefilm.jpg); width: 120px; padding-top: 86px; top: 220px; left: 12px; }
div#c1_clients ul#clientslist li#cl-09 a { background-image: url(../images/clients_logo-entertainmentfilm.jpg); width: 221px; padding-top: 50px; top: 258px; left: 250px; }
div#c1_clients ul#clientslist li#cl-10 a { background-image: url(../images/clients_logo-spotify.jpg); width: 110px; padding-top: 109px; top: 200px; left: 500px; }
div#c1_clients ul#clientslist li#cl-11 a { background-image: url(../images/clients_logo-wta.jpg); width: 100px; padding-top: 99px; top: 330px; left: 0px; }
div#c1_clients ul#clientslist li#cl-12 a { background-image: url(../images/clients_logo-dis.jpg); width: 130px; padding-top: 111px; top: 330px; left: 170px; }



/* CONTACT STYLES */
div.extra-clear { height: 0px; overflow: hidden; clear: both; }
div#content_contact { width: 860px; position: relative; margin: -85px auto 0 auto; padding: 110px 0 200px 0; }
div#c1_contact { position: relative; overflow: hidden; width: 860px; }
div#c1_contact div#c1-s1 { overflow: hidden; width: 370px; float: left; }
div#c1_contact div#c1-s2 { float: left; padding: 0px 0px 0px 30px; }
div#c1_contact div#c1_contact-s1 p.p1 { margin-top: 2em; line-height: 1.3; }
div#c1_contact div#c1_contact-s1 p.p2 { margin-top: 2em; line-height: 1.3; }



/* HOME STYLES */
div#content_home { width: 1024px; position: relative; margin: -85px auto 0 auto; padding: 110px 0 200px 0; }
div#c1_home { position: relative; overflow: hidden; float: left; width: 350px; }
div#c1_home p#c1-opener, div#c1_home h2 { position: absolute; top: 0px; left: -999em; }
div#c1_home p#c1-showreelllink { margin: 0; padding: 0; }
div#c1_home p#c1-showreelllink a { display: block; position: relative; overflow: hidden; width: 350px; height: 0px; padding: 340px 0 0 0; margin: 0; background: transparent url(../images/home_balloon_ai.png) bottom center no-repeat; }
div#c2_home { margin: 0 0 0 400px; }
div#c2_home div.project { position: relative; overflow: hidden; width: 551px; }
div#c2_home div#extra-projectviewer { display: none; margin-top: -15px; }
div#c2_home div#extra-projectviewer div#extra-wrp2 { position: relative; /* 1 */ overflow: hidden;/*
	1. jQuery fade - IE nested position:absolute element won't fade unless parent is relatively positioned
	*/
}
div#c2_home div.project h3 { margin-bottom: 0.2em; text-transform: uppercase; font-size: 0.9em; background: #FFF; /* 1 *//*
	1. jQuery fade - IE requires background color to maintain anti-aliasing on text
	*/
}
div#c2_home div.project p { margin: 0.2em 0; font-size: 0.9em; background: #FFF; /* 1 *//*
	1. jQuery fade - IE requires background color to maintain anti-aliasing on text
	*/
}
div#c2_home div.project p.pj-more { text-align: right; }
div#c2_home div#extra-projectviewer p.pj-more { position: absolute; bottom: 0px; right: 0px; }
div#c2_home div.project img { display: block; }
div#c2_home div#extra-projectviewer div#extra-imgframe { overflow: hidden; width: 475px; height: 352px; }



/* LEGAL STYLES */
div#c1_legal { position: relative; }



/* SERVICES STYLES */
div.extra-clear { height: 0px; overflow: hidden; clear: both; }
div#content_services { width: 1024px; overflow: hidden; position: relative; margin: -85px auto 0 auto; padding: 110px 0 200px 0; }
div#c1_services { position: relative; width: 520px; height: 384px; float: left; }
div#c1_services h2 { position: absolute; top: 0px; left: -999em; }
div#c1_services ul#serviceslist { margin: 0; padding: 0; background: none; list-style-type: none; }
div#c1_services ul#serviceslist li { margin: 0; padding: 0; }
div#c1_services ul#serviceslist li a { overflow: hidden; display: block; width: 520px; height: 0px; margin: 0; padding: 32px 0 0 0; background: transparent url(../images/services_ia.png) 0px -20px no-repeat; }
div#c1_services ul#serviceslist li#sv-02 a { background-position: 0px -60px; }
div#c1_services ul#serviceslist li#sv-03 a { background-position: 0px -100px; }
div#c1_services ul#serviceslist li#sv-04 a { background-position: 0px -140px; }
div#c1_services ul#serviceslist li#sv-05 a { background-position: 0px -180px; }
div#c1_services ul#serviceslist li#sv-06 a { background-position: 0px -220px; }
div#c1_services ul#serviceslist li#sv-07 a { background-position: 0px -260px; }
div#c1_services ul#serviceslist li#sv-08 a { background-position: 0px -300px; }
div#c1_services ul#serviceslist li#sv-09 a { background-position: 0px -340px; }
div#c1_services ul#serviceslist li#sv-10 a { background-position: 0px -380px; }
div#c1_services ul#serviceslist li#sv-11 a { background-position: 0px -420px; }
div#c1_services ul#serviceslist li#sv-12 a { background-position: 0px -460px; }
div#c1_services ul#serviceslist li#sv-01 a:hover { background-position: -1040px -20px; }
div#c1_services ul#serviceslist li#sv-02 a:hover { background-position: -1040px -60px; }
div#c1_services ul#serviceslist li#sv-03 a:hover { background-position: -1040px -100px; }
div#c1_services ul#serviceslist li#sv-04 a:hover { background-position: -1040px -140px; }
div#c1_services ul#serviceslist li#sv-05 a:hover { background-position: -1040px -180px; }
div#c1_services ul#serviceslist li#sv-06 a:hover { background-position: -1040px -220px; }
div#c1_services ul#serviceslist li#sv-07 a:hover { background-position: -1040px -260px; }
div#c1_services ul#serviceslist li#sv-08 a:hover { background-position: -1040px -300px; }
div#c1_services ul#serviceslist li#sv-09 a:hover { background-position: -1040px -340px; }
div#c1_services ul#serviceslist li#sv-10 a:hover { background-position: -1040px -380px; }
div#c1_services ul#serviceslist li#sv-11 a:hover { background-position: -1040px -420px; }
div#c1_services ul#serviceslist li#sv-12 a:hover { background-position: -1040px -460px; }
div#c1_services ul#serviceslist li#sv-01 a.active { background-position: -520px -20px; }
div#c1_services ul#serviceslist li#sv-02 a.active { background-position: -520px -60px; }
div#c1_services ul#serviceslist li#sv-03 a.active { background-position: -520px -100px; }
div#c1_services ul#serviceslist li#sv-04 a.active { background-position: -520px -140px; }
div#c1_services ul#serviceslist li#sv-05 a.active { background-position: -520px -180px; }
div#c1_services ul#serviceslist li#sv-06 a.active { background-position: -520px -220px; }
div#c1_services ul#serviceslist li#sv-07 a.active { background-position: -520px -260px; }
div#c1_services ul#serviceslist li#sv-08 a.active { background-position: -520px -300px; }
div#c1_services ul#serviceslist li#sv-09 a.active { background-position: -520px -340px; }
div#c1_services ul#serviceslist li#sv-10 a.active { background-position: -520px -380px; }
div#c1_services ul#serviceslist li#sv-11 a.active { background-position: -520px -420px; }
div#c1_services ul#serviceslist li#sv-12 a.active { background-position: -520px -460px; }
div#c2_services { position: relative; float: left; width: 504px; }
div#c2_services div.servicedetail { width: 264px; height: 300px; padding: 110px 120px 0 120px; /* 1 */ background: transparent url(../images/services_cloud_ia.png) 50% top no-repeat; font-size: 1.1em; text-align: center;/*
	JS sets to position:absolute, top:0px, left:0px
	1. Default vals - override padding (see below)
	*/
}
div#c2_services div#competitions-and-promotions { padding-top: 110px; padding-bottom: 0; }
div#c2_services div#online-advertising { padding-top: 120px; padding-bottom: 0; }
div#c2_services div#design-and-branding { padding-top: 145px; padding-bottom: 0; }
div#c2_services div#digital-strategy { padding-top: 125px; padding-bottom: 0; }
div#c2_services div#games-and-interactives { padding-top: 110px; padding-bottom: 0; }
div#c2_services div#online-campaigns { padding-top: 100px; padding-bottom: 0; }
div#c2_services div#online-toolkits { padding-top: 100px; padding-bottom: 0; }
div#c2_services div#social-media { padding-top: 90px; padding-bottom: 0; }
div#c2_services div#video { padding-top: 100px; padding-bottom: 0; }
div#c2_services div#web-conference { padding-top: 90px; padding-bottom: 0; }
div#c2_services div#websites { padding-top: 110px; padding-bottom: 0; }
div#c2_services div#widgets { padding-top: 110px; padding-bottom: 0; }
div#c2_services div.servicedetail h3 { display: none; /* 1 *//* 
	1. Consider accessibility re fixed height of cloud design
	*/
}



/* SHOWCASE STYLES */
div#content_showcase { width: 988px; position: relative; margin: -85px auto 0 auto; padding: 110px 0 200px 0; }
div#c1_showcase { overflow: hidden; width: 988px; font-size: 0.9em; color: #FFF; }
div#c1_showcase h2 { position: absolute; top: 0px; left: -999em; }
div#c1_showcase h3 { text-transform: uppercase; }
div#c1_showcase div.project { }
div#c1_showcase div.project ul { }
div#c1_showcase div.project ul li { display: inline; }
/* JS PROJECT VIEWER */

div#c1_showcase div#extra-viewer { position: relative; overflow: hidden; width: 880px; display: none; /* 1 *//*
	1. Init to none for non-JS browsers
	*/
}
div#c1_showcase div#extra-viewer div#extra-vw-imageframe { position: relative; overflow: hidden; float: left; width: 475px; height: 352px; /* 1 *//*
	1. this height required to ensure even spacing of lights in border
	*/
}
div#c1_showcase div#extra-viewer div#extra-vw-imageframe img { position: absolute; top: 0px; left: 0px; }
div#c1_showcase div#extra-viewer div#extra-vw-info { margin: 0 20px 0 510px; padding-bottom: 89px; }
div#c1_showcase div#extra-viewer div#extra-vw-thumbs { position: absolute; left: 495px; bottom: 0px; width: 385px; height: 89px; background: #000; }
div#c1_showcase div#extra-viewer a#extra-vw-previous { position: absolute; overflow: hidden; top: 0px; left: 0px; width: 35px; height: 0px; display: block; padding: 89px 0 0 0; margin: 0; background: #000000 url(../images/showcase_ia.gif) 0px 0px no-repeat; }
div#c1_showcase div#extra-viewer a#extra-vw-next { position: absolute; overflow: hidden; top: 0px; right: 0px; width: 35px; height: 0px; display: block; padding: 89px 0 0 0; margin: 0; background: #000000 url(../images/showcase_ia.gif) -35px 0px no-repeat; }
div#c1_showcase div#extra-viewer a#extra-vw-previous:hover { background-position: 0px -89px; }
div#c1_showcase div#extra-viewer a#extra-vw-next:hover { background-position: -35px -89px; }

div#c1_showcase div#extra-viewer div.extra-vw-wrp { position: relative; overflow: hidden; height: 81px; margin: 0; padding: 4px 35px; }
div#c1_showcase div#extra-viewer ul#extra-vw-thumbslist { width: 315px; margin: 0; padding: 0; }
div#c1_showcase div#extra-viewer ul#extra-vw-thumbslist li { position: relative; float: left; width: 105px; height: 81px; margin: 0; padding: 0; }
div#c1_showcase div#extra-viewer ul#extra-vw-thumbslist a { display: block; margin: 0; padding: 0; width: 97px; height: 73px; border: 4px solid #000; }
div#c1_showcase div#extra-viewer ul#extra-vw-thumbslist a:hover { border-color: #BA6E16; }
div#c1_showcase div#extra-viewer ul#extra-vw-thumbslist img { display: block; }



/* SHOWREEL STYLES */
div#content_showreel { width: 976px; position: relative; margin: -85px auto 0 auto; padding: 110px 0 200px 0; }
div#c1_showreel { position: relative; }
div#c1_showreel h2 { position: absolute; top: 0px; left: -999em; }
div#c1_showreel object { display: block; }



/* TWITTOO STYLES */
div#c1_twittoo { position: relative; }