* {margin: 0;} 

html {height: 100%; background-image: url(../images/bgtile.jpg); background-repeat: repeat-x; background-color: #FFFFFF;} 

body {height: 100%;} 

#wrapper {margin: 0px auto; padding: 0px;}

#content {background-image: url(../images/sketch.png); background-repeat: no-repeat; background-position: 175px 140px; margin: 0 auto; /* This center aligns the div, like table align="center" */ width: 1024px; height: 768px; text-align: center;}

#content2 {margin: 0 auto; /* This center aligns the div, like table align="center" */ width: 1024px; height: 768px; text-align: center; }

.bodytext{ color: #000; font-size: 12px; font-family: arial; line-height: 1.3em;}
.textheading{ color: #5e2c90; font-size: 16px; font-family: arial; font-weight: bold; line-height: 1.0em;}

#colourwheel {position: absolute; top: 340px; width: 343px; height: 342px; margin-left: 355px}
#pencil {position: absolute; top: 500px; width: 161px; height: 284px; margin-left: 460px}
#rubber {position: absolute; top: 700px; width: 76px; height: 91px; margin-left: 500px}
#paperclips {position: absolute; top: 120px; width: 117px; height: 291px; margin-left: 700px}
#Poloroid1 {position: absolute; top: 38px; width: 288px; height: 309px; margin-left: 755px}
#Poloroid2 {position: absolute; top: 285px; width: 293px; height: 296px; margin-left: 675px}
#Poloroid3 {position: absolute; top: 528px; width: 282px; height: 279px; margin-left: 688px}

#orangefilmtab {position: absolute; top: 110px; width: 41px; height: 71px; margin-left: 475px}
#bluefilmtab {position: absolute; top: 100px; width: 40px; height: 69px; margin-left: 650px}
#greenfilmtab {position: absolute; top: 120px; width: 41px; height: 69px; margin-left: 750px}
#yellowfilmtab {position: absolute; top: 112px; width: 41px; height: 69px; margin-left: 950px}
#iphone {position: absolute; top: 255px; width: 559px; height: 497px; margin-left: 465px}
#iphoneblack {position: absolute; top: 255px; width: 559px; height: 497px; margin-left: 465px}
#hpvideo {position: absolute; top: 347px; width: 292px; height: 185px; margin-left: 601px}
#biogenvideo {position: absolute; top: 347px; width: 292px; height: 185px; margin-left: 601px}
#corperatevideo {position: absolute; top: 347px; width: 292px; height: 185px; margin-left: 601px}
#sonyvideo {position: absolute; top: 347px; width: 292px; height: 185px; margin-left: 601px}
#filmstrip1 {position: absolute; top: 120px; width: 163px; height: 213px; margin-left: 450px}
#filmstrip2 {position: absolute; top: 120px; width: 131px; height: 213px; margin-left: 613px}
#filmstrip3 {position: absolute; top: 120px; width: 131px; height: 213px; margin-left: 744px}
#filmstrip4 {position: absolute; top: 120px; width: 177px; height: 213px; margin-left: 875px}
#cable {position: absolute; top: 350px; width: 1432px; height: 436px; margin-left: -515px}

#orangetab {position: absolute; top: 167px; width: 41px; height: 71px; margin-left: 115px}
#bluetab {position: absolute; top: 160px; width: 40px; height: 69px; margin-left: 235px}
#greentab {position: absolute; top: 152px; width: 41px; height: 69px; margin-left: 330px}
#ourwork {position: absolute; top: 260px; width: 107px; height: 45px; margin-left: 870px}
#casestudies {position: absolute; top: 260px; width: 150px; height: 44px; margin-left: 864px}
#meettheteam {position: absolute; top: 480px; width: 176px; height: 70px; margin-left: 710px}
#filmandvideo {position: absolute; top: 733px; width: 133px; height: 43px; margin-left: 748px}
#showreel {position: absolute; top: 630px; width: 161px; height: 48px; margin-left: 205px}
#virtualmeetings {position: absolute; top: 615px; width: 161px; height: 48px; margin-left: 205px}
#redtab {position: absolute; top: 710px; width: 56px; height: 37px; margin-left: 170px}
#contactus {position: absolute; top: 668px; width: 175px; height: 53px; margin-left: 215px}
#contactus2 {position: absolute; top: 648px; width: 175px; height: 53px; margin-left: 210px}
#notebook { position: absolute; top: 180px; margin-left: -270px; width: 785px; height: 569px;}
#notebooktext { position: absolute; top: 260px; margin-left: 100px; width: 290px; height: 380px; border-color: #ce0063; outline-color: #ce0063;}
#applesketch {position: absolute; top: 500px; width: 32px; height: 37px; margin-left: 40px}
#facesketch {position: absolute; top: 300px; width: 83px; height: 74px; margin-left: -140px}
#logo {position: absolute; top: -10px; width: 283px; height: 194px; margin-left: 10px}
#paper {position: absolute; top: -10px; width: 270px; height: 149px; margin-left: 680px}
#ourworksmall1 {position: absolute; top: 30px; width: 107px; height: 45px; margin-left: 730px}
#casestudysmall {position: absolute; top: 30px; width: 125px; height: 27px; margin-left: 730px}
#meettheteamsmall1 {position: absolute; top: 60px; width: 156px; height: 33px; margin-left: 730px}
#filmvideosmall {position: absolute; top: 25px; width: 117px; height: 31px; margin-left: 730px}
#filmandvideo2 {position: absolute; top: 60px; width: 117px; height: 31px; margin-left: 730px}
#heading {color: #5e2c90; font-size: 37px; font-family: arial; font-weight: bold; position: absolute; top: 25px; margin-left: 300px; width: 800px; height: 50px; }
#aboutus {position: absolute; top: 200px; margin-left: 95px; width: 100px; height: 20px;}
#whatwedo {position: absolute; top: 200px; margin-left: 185px; width: 100px; height: 20px;}
#ourclients {position: absolute; top: 200px; margin-left: 282px; width: 95px; height: 20px;}
#tea {position: absolute; top: 80px; margin-left: 450px; width: 313px; height: 262px;}
#tea2 {position: absolute; top: 80px; margin-left: 450px; width: 250px; height: 297px;}
#karen {position: absolute; top: 140px; margin-left: 820px; width: 180px; height: 188px;}
#karentext {position: absolute; top: 288px; margin-left: 875px; width: 69px; height: 23px;}
#darren {position: absolute; top: 320px; margin-left: 803px; width: 206px; height: 206px;}
#darrentext {position: absolute; top: 472px; margin-left: 870px; width: 86px; height: 29px;}
#sarah {position: absolute; top: 300px; margin-left: 620px; width: 209px; height: 208px;}
#sarahtext {position: absolute; top: 448px; margin-left: 680px; width: 69px; height: 35px;}
#gary {position: absolute; top: 490px; margin-left: 400px; width: 196px; height: 196px;}
#garytext {position: absolute; top: 630px; margin-left: 460px; width: 54px; height: 38px;}
#richard {position: absolute; top: 487px; margin-left: 555px; width: 192px; height: 199px;}
#richardtext {position: absolute; top: 638px; margin-left: 608px; width: 92px; height: 30px;}
#joanna {position: absolute; top: 112px; margin-left: 635px; width: 216px; height: 229px;}
#joannatext {position: absolute; top: 267px; margin-left: 688px; width: 70px; height: 41px;}
#casey {position: absolute; top: 285px; margin-left: 450px; width: 191px; height: 219px;}
#caseytext {position: absolute; top: 457px; margin-left: 510px; width: 71px; height: 28px;}
#kate {position: absolute; top: 105px; margin-left: 480px; width: 208px; height: 207px;}
#katetext {position: absolute; top: 255px; margin-left: 565px; width: 60px; height: 30px;}
#diane {position: absolute; top: 500px; margin-left: 715px; width: 197px; height: 206px;}
#dianetext {position: absolute; top: 654px; margin-left: 770px; width: 68px; height: 26px;}
#vijay {position: absolute; top: 500px; margin-left: 878px; width: 190px; height: 200px;}
#vijaytext {position: absolute; top: 652px; margin-left: 950px; width: 48px; height: 30px;}
#passport {position: absolute; top: 420px; margin-left: 410px; width: 227px; height: 334px;}
#bluehighlighter {position: absolute; top: 390px; margin-left: 610px; width: 108px; height: 210px;}
#postit {position: absolute; top: 580px; width: 293px; height: 218px; margin-left: 168px}

/* Sony Vaio Casestudy */
#vaio1 {position: absolute; top: 130px; width: 238px; height: 271px; margin-left: 450px}
#vaio2 {position: absolute; top: 120px; width: 239px; height: 260px; margin-left: 680px}
#vaio3 {position: absolute; top: 410px; width: 262px; height: 255px; margin-left: 450px}
#vaio4 {position: absolute; top: 485px; width: 248px; height: 272px; margin-left: 740px}
#vaiotape {position: absolute; top: 620px; width: 195px; height: 130px; margin-left: 560px}
#vaiotea {position: absolute; top:280px; margin-left: 780px; width: 313px; height: 262px;}
#vaiopaperclip1 {position: absolute; top: 635px; width: 129px; height: 124px; margin-left: 940px}
#vaiopaperclip2 {position: absolute; top: 110px; width: 85px; height: 57px; margin-left: 350px}

/* Eisai Casestudy */
#eisai1 {position: absolute; top: 100px; width: 265px; height: 264px; margin-left: 450px}
#eisai2 {position: absolute; top: 100px; width: 242px; height: 256px; margin-left: 760px}
#eisai3 {position: absolute; top: 310px; width: 248px; height: 272px; margin-left: 550px}
#eisai4 {position: absolute; top: 525px; width: 241px; height: 269px; margin-left: 670px}
#eisaitape {position: absolute; top: 590px; width: 195px; height: 130px; margin-left: 478px}
#eisaitea {position: absolute; top:330px; margin-left: 800px; width: 313px; height: 262px;}
#eisaipaperclip1 {position: absolute; top: 380px; width: 72px; height: 74px; margin-left: 505px}
#eisaipaperclip2 {position: absolute; top: 110px; width: 85px; height: 57px; margin-left: 350px}
#eisaipaperclip3 {position: absolute; top: 620px; width: 59px; height: 83px; margin-left: 960px}

/* Sony Bravia Casestudy */
#bravia1 {position: absolute; top: 100px; width: 243px; height: 252px; margin-left: 500px}
#bravia2 {position: absolute; top: 100px; width: 246px; height: 270px; margin-left: 760px}
#bravia3 {position: absolute; top: 310px; width: 261px; height: 255px; margin-left: 550px}
#bravia4 {position: absolute; top: 470px; width: 258px; height: 271px; margin-left: 750px}
#braviatape {position: absolute; top: 400px; width: 195px; height: 130px; margin-left: 870px}
#braviatea {position: absolute; top:540px; margin-left: 440px; width: 312px; height: 256px;}
#braviapaperclip1 {position: absolute; top: 635px; width: 129px; height: 124px; margin-left: 940px}
#braviapaperclip2 {position: absolute; top: 110px; width: 85px; height: 57px; margin-left: 350px}

/* Aplha Pyramid Casestudy */
#alpha1 {position: absolute; top: 100px; width: 280px; height: 279px; margin-left: 450px}
#alpha2 {position: absolute; top: 120px; width: 237px; height: 269px; margin-left: 750px}
#alpha3 {position: absolute; top: 510px; width: 258px; height: 271px; margin-left: 468px}
#alpha4 {position: absolute; top: 500px; width: 287px; height: 251px; margin-left: 700px}
#alphatape {position: absolute; top: 380px; width: 195px; height: 130px; margin-left: 850px}
#alphatea {position: absolute; top:320px; margin-left: 560px; width: 312px; height: 256px;}
#alphapaperclip1 {position: absolute; top: 380px; width: 72px; height: 74px; margin-left: 505px}
#alphapaperclip2 {position: absolute; top: 110px; width: 85px; height: 57px; margin-left: 350px}
#alphapaperclip3 {position: absolute; top: 620px; width: 59px; height: 83px; margin-left: 960px}
.alphabodytext { color: #000000; font-size: 16px; font-family: arial;}
.alphaheading{ color: #5e2c90; font-size: 20px; font-family: arial; font-weight: bold; line-height: 1.0em;}
.alphatextlink { font-size: 16px;}

/* JTI Casestudy */
#jti1 {position: absolute; top:300px; margin-left: 565px; width: 260px; height: 285px;}
#jti2 {position: absolute; top: 100px; width: 237px; height: 264px; margin-left: 780px}
#jti3 {position: absolute; top: 530px; width: 267px; height: 279px; margin-left: 448px}
#jti4 {position: absolute; top: 340px; width: 250px; height: 279px; margin-left: 810px}
#jtitape {position: absolute; top: 610px; width: 195px; height: 130px; margin-left: 700px}
#jtitea {position: absolute; top: 70px; width: 249px; height: 293px; margin-left: 440px}
#jtipaperclip1 {position: absolute; top: 380px; width: 72px; height: 74px; margin-left: 515px}
#jtipaperclip2 {position: absolute; top: 110px; width: 85px; height: 57px; margin-left: 370px}
#jtipaperclip3 {position: absolute; top: 620px; width: 59px; height: 83px; margin-left: 960px}

/* Xerox Casestudy */
#xerox1 {position: absolute; top: 100px; width: 273px; height: 272px; margin-left: 450px}
#xerox2 {position: absolute; top: 120px; width: 242px; height: 243px; margin-left: 750px}
#xerox3 {position: absolute; top: 310px; width: 241px; height: 267px; margin-left: 568px}
#xerox4 {position: absolute; top: 350px; width: 249px; height: 270px; margin-left: 780px}
#xeroxtape {position: absolute; top: 620px; width: 195px; height: 130px; margin-left: 750px}
#xeroxtea {position: absolute; top:520px; margin-left: 480px; width: 249px; height: 293px;}
#xeroxpaperclip1 {position: absolute; top: 380px; width: 72px; height: 74px; margin-left: 505px}
#xeroxpaperclip2 {position: absolute; top: 110px; width: 85px; height: 57px; margin-left: 350px}
#xeroxpaperclip3 {position: absolute; top: 620px; width: 59px; height: 83px; margin-left: 960px}

/* SITA Casestudy */
#sita1 {position: absolute; top: 80px; width: 242px; height: 269px; margin-left: 680px}
#sita2 {position: absolute; top: 280px; width: 281px; height: 264px; margin-left: 590px}
#sita3 {position: absolute; top: 450px; width: 249px; height: 271px; margin-left: 450px}
#sita4 {position: absolute; top: 500px; width: 243px; height: 257px; margin-left: 710px}
#sitatape {position: absolute; top: 330px; width: 249px; height: 293px; margin-left: 800px}
#sitatea {position: absolute; top:110px; margin-left: 430px; width: 249px; height: 293px;}
#sitapaperclip1 {position: absolute; top: 380px; width: 72px; height: 74px; margin-left: 505px}
#sitapaperclip2 {position: absolute; top: 110px; width: 85px; height: 57px; margin-left: 350px}
#sitapaperclip3 {position: absolute; top: 620px; width: 59px; height: 83px; margin-left: 960px}

/* Web and Graphics */
#webgraphicsPoloroid1 {position: absolute; top: 30px; width: 299px; height: 211px; margin-left: 770px}
#webgraphicsPoloroid2 {position: absolute; top: 270px; width: 296px; height: 299px; margin-left: 690px}
#webgraphicsPoloroid3 {position: absolute; top: 515px; width: 275px; height: 275px; margin-left: 702px}
#webgraphicspaperclip1 {position: absolute; top: 635px; width: 129px; height: 124px; margin-left: 920px}
#webgraphicspaperclip2 {position: absolute; top: 110px; width: 85px; height: 57px; margin-left: 390px}
#webgraphicstablet {position: absolute; top: 120px; width: 422px; height: 388px; margin-left: 485px}
#websitetext {position: absolute; top: 255px; width: 138px; height: 46px; margin-left: 880px}
#graphictext {position: absolute; top: 465px; width: 173px; height: 57px; margin-left: 730px}
#virtualtext {position: absolute; top: 710px; width: 133px; height: 43px; margin-left: 738px}
#webgraphicsstapler {position: absolute; top: 535px; width: 266px; height: 188px; margin-left: 448px}
#graphicdesignsmall {position: absolute; top: 30px; width: 107px; height: 45px; margin-left: 730px}
#virtualmeetingssmall {position: absolute; top: 60px; width: 156px; height: 33px; margin-left: 730px}
#webdesignsmall {position: absolute; top: 30px; width: 107px; height: 45px; margin-left: 730px}
#webdesignsmall2 {position: absolute; top: 60px; width: 107px; height: 45px; margin-left: 730px}

/* Web Design */
#webdesign1 {position: absolute; top: 110px; width: 290px; height: 312px; margin-left: 445px}
#webdesign2 {position: absolute; top: 150px; width: 291px; height: 291px; margin-left: 695px}
#webdesign3 {position: absolute; top: 440px; width: 279px; height: 290px; margin-left: 450px}
#webdesign4 {position: absolute; top: 410px; width: 275px; height: 275px; margin-left: 680px}
#webdesignpaperclip1 {position: absolute; top: 450px; width: 129px; height: 124px; margin-left: 800px}
#webdesignpaperclip2 {position: absolute; top: 110px; width: 85px; height: 57px; margin-left: 350px}
#webdesignmouse {position: absolute; top: 0px; width: 85px; height: 57px; margin-left: 745px}
#webdesignstapler {position: absolute; top: 450px; width: 266px; height: 188px; margin-left: 500px}

/* Graphic Design */
#graphicdesign1 {position: absolute; top: 150px; width: 188px; height: 189px; margin-left: 485px}
#graphicdesign2 {position: absolute; top: 110px; width: 180px; height: 187px; margin-left: 645px}
#graphicdesign3 {position: absolute; top: 130px; width: 187px; height: 187px; margin-left: 800px}
#graphicdesign4 {position: absolute; top: 240px; width: 177px; height: 177px; margin-left: 905px}
#graphicdesign5 {position: absolute; top: 360px; width: 176px; height: 178px; margin-left: 465px}
#graphicdesign6 {position: absolute; top: 345px; width: 183px; height: 183px; margin-left: 615px}
#graphicdesign7 {position: absolute; top: 360px; width: 183px; height: 183px; margin-left: 775px}
#graphicdesignpaperclip1 {position: absolute; top: 650px; width: 129px; height: 124px; margin-left: 880px}
#graphicdesignpaperclip2 {position: absolute; top: 110px; width: 85px; height: 57px; margin-left: 350px}
#graphicpencilblue {position: absolute; top: 565px; width: 128px; height: 297px; margin-left: 720px}
#graphicpencilgreen {position: absolute; top: 550px; width: 25px; height: 318px; margin-left: 850px}
#graphicpencilgrey {position: absolute; top: 545px; width: 157px; height: 283px; margin-left: 445px}
#graphicrubber {position: absolute; top: 600px; width: 76px; height: 91px; margin-left: 580px}
#graphicruller {position: absolute; top: 450px; width: 355px; height: 424px; margin-left: 500px}

/* Virtual Meetings */
#vm1 {position: absolute; top: 110px; width: 308px; height: 343px; margin-left: 445px}
#vm2 {position: absolute; top: 150px; width: 333px; height: 311px; margin-left:735px}
#vmpaperclip1 {position: absolute; top: 560px; width: 129px; height: 124px; margin-left: 930px}
#vmpaperclip2 {position: absolute; top: 110px; width: 85px; height: 57px; margin-left: 350px}
#vmpen {position: absolute; top: 415px; width: 279px; height: 149px; margin-left: 775px}
#vmpostcards {position: absolute; top: 415px; width: 591px; height: 382px; margin-left: 440px}
#vmredtab {position: absolute; top: 650px; width: 56px; height: 37px; margin-left: 160px}

/* Our Work */
#ourworkalpha {position: absolute; top: 130px; width: 287px; height: 251px; margin-left: 620px}
#ourworkjti {position: absolute; top:100px; margin-left: 430px; width: 260px; height: 225px;}
#ourworkeisai {position: absolute; top: 100px; width: 248px; height: 272px; margin-left: 840px}
#ourworkxerox {position: absolute; top: 325px; width: 241px; height: 267px; margin-left: 428px}
#ourworkvaio {position: absolute; top: 325px; width: 238px; height: 271px; margin-left: 625px}
#ourworksita {position: absolute; top: 330px; width: 242px; height: 269px; margin-left: 830px}
#ourworkbravia {position: absolute; top: 530px; width: 246px; height: 270px; margin-left: 660px}
#ourworktape {position: absolute; top: 590px; width: 195px; height: 130px; margin-left: 478px}
#ourworkpaperclip1 {position: absolute; top: 650px; width: 72px; height: 74px; margin-left: 885px}
#ourworkpaperclip2 {position: absolute; top: 110px; width: 85px; height: 57px; margin-left: 350px}
#ourworkpaperclip3 {position: absolute; top: 620px; width: 59px; height: 83px; margin-left: 960px}
#ourworkjtitext {position: absolute; top: 318px; margin-left: 550px; width: 36px; height: 27px;}
#ourworkalphatext {position: absolute; top: 307px; margin-left: 685px; width: 151px; height: 50px;}
#ourworkeisaitext {position: absolute; top: 307px; margin-left: 910px; width: 35px; height: 34px;}
#ourworkxeroxtext {position: absolute; top: 535px; margin-left: 530px; width: 58px; height: 23px;}
#ourworkvaiotext {position: absolute; top: 538px; margin-left: 680px; width: 123px; height: 34px;}
#ourworksitatext {position: absolute; top: 542px; margin-left: 930px; width: 62px; height: 26px;}
#ourworkbraviatext {position: absolute; top: 722px; margin-left: 690px; width: 168px; height: 52px;}

a:link { color: #5e2c90; font-size: 12px; font-family: arial;}
a:visited { color: #5e2c90; font-size: 12px; font-family: arial;}
a:hover {color: #e01737; font-size: 12px; font-family: arial;}
a:active { color: #5e2c90; font-size: 12px; font-family: arial;}


.navigationtext { color: #ffffff; font-size: 12px; font-family: arial; font-weight: bold; text-decoration: none; text-shadow: #5e2c90 2px 2px 3px;}
.navigation a:link { color: #ffffff; font-size: 12px; font-family: arial; font-weight: bold; text-decoration: none; text-shadow: #5e2c90 2px 2px 3px;}
.navigation a:visited { color: #ffffff; font-size: 12px; font-family: arial; font-weight: bold; text-decoration: none; text-shadow: #5e2c90 2px 2px 3px;}
.navigation a:hover { color: #ffee00; font-size: 12px; font-family: arial; font-weight: bold; text-decoration: none; text-shadow: #5e2c90 2px 2px 3px;}
.navigation a:active { color: #ffffff; font-size: 12px; font-family: arial; font-weight: bold; text-decoration: none; text-shadow: #5e2c90 2px 2px 3px;}

* {behavior: url(iepngfix.htc); /* Internet Explorer PNG fix. */}