/*---------------------------------------------- SoKa Design | xx/12/08 www.movingimagedesign.com/soka sokadesign@googlemail.com -----------------------------------------------*/ /*---------------------------------------------------------------------------- Global Text Styles ----------------------------------------------------------------------------*/ h1 {font: 62.5%/150% Tahoma, Sans-Serif;font-size:22px;font-weight:bold;letter-spacing:0px;text-decoration:none;color:#979797;margin:0px 0px 0px 0px;} h2 {font: 62.5%/150% Tahoma, Sans-Serif;font-size:12px;font-weight:bold;letter-spacing:0px;text-decoration:none;color:#979797;margin:0px 0px 0px 0px;} h3 {font: 62.5%/150% Tahoma, Sans-Serif;font-size:18px;font-weight:bold;letter-spacing:0px;text-decoration:none;color:#979797;margin:0px 0px 0px 0px;} /*---------------------------------------------------------------------------- Globals General ----------------------------------------------------------------------------*/ body {margin: 0px;padding: 0px;background-color:#000000;} body ul a:link, ul a:visited{font: 62.5%/150% Tahoma, Sans-Serif;font-size:12px;font-weight:bold;letter-spacing:0px;text-decoration:none;color:#979797;} img {border:0px;} /*---------------------------------------------------------------------------- Shells and Backgrounds ----------------------------------------------------------------------------*/ #shell { position:absolute;width:1024px;height:576px;left: 618px;margin-left: -512px;top: 50px;} #subShell{position: absolute;width:100%;height:100%;} .homeBtn1{position: absolute;left:0px; bottom:0px; width:50px;height:39px; z-index:1000;} .homeBtn2{position: absolute;right:0px; top:0px; width:50px;height:39px; z-index:1000;} .homeBtn3{position: absolute;left:0px; top:0px; width:50px;height:39px; z-index:1000;} .homeBtn4{position: absolute;right:0px; bottom:0px; width:50px;height:39px; z-index:1000;} .fade{position: absolute;width:1024px;height:578px;background:url(../img/fade50.png);z-index:99;display:none;} .fadeR{position: absolute; width:370px;height:576px;right:0px;top:0px;padding:0px;margin:0px;background:url(../img/fade30.png);} .fadeL{position: absolute; width:370px;height:576px;left:0px;top:0px;padding:0px;margin:0px;background:url(../img/fade30.png);} /*---------------------------------------------------------------------------- Navgation General ----------------------------------------------------------------------------*/ #nav {position:absolute;width:250px;height:116px;bottom:170px;right:0px;} .navMenu ul { margin:0px; padding:0px;list-style: none;} /*---------------------------------------------------------------------------- Home - Index/ Work ---------------------------------------------------------------------------*/ .homeVC {position:absolute;width:384px;height:288px;right:0px;z-index:100;} #homeNav{position:absolute;width:640px;} #bkgHome{width:100%;height:100%;background:url(../img/sf_main_00.jpg) no-repeat top right;z-index:98;} #mainHeader{position:absolute;width:365px;height:60px;bottom:0px;right:0px;} #mainBio{font: 62.5%/150% Tahoma, Sans-Serif;font-size:12px;font-weight:bold;letter-spacing:0px;text-decoration:none;color:#979797;} #mainLinks{font: 62.5%/150% Tahoma, Sans-Serif;font-size:12px;font-weight:bold;letter-spacing:0px;text-decoration:none;color:#979797;} #mainLinks ul {margin:0px;padding: 0px;list-style: none;float:left;} .showreel2{position:absolute;width:250px; height:29px; right:0px; bottom:257px;display:none;z-index:100;} .biography2{position:absolute;width:250px; height:29px; right:0px; bottom:222px;display:none;z-index:201;} .bioFade{position: absolute;width:1024px;height:576px;background:url(../img/fade50.png);display:none;z-index:200;} .contact2{position:absolute;width:250px; height:29px; right:0px; bottom:187px;display:none;z-index:201;} .contactFade{position: absolute;width:1024px;height:576px;background:url(../img/fade50.png);display:none;z-index:200;} .contactFade ul {margin-top:66px;padding: 0px;list-style: none;float:right;} .contactFade ul li{margin-top:50px;} .links2{position:absolute;width:250px; height:29px; right:0px; bottom:152px;display:none;z-index:201;} .linksFade{position: absolute;width:1024px;height:576px;background:url(../img/fade50.png);display:none;z-index:200;} .homeNavC1 ul {margin:0px;padding: 0px;list-style: none;float:left;} .homeNavC2 ul {margin:0px;padding: 0px;list-style: none;float:left;} .homeNavC3 ul {margin:0px;padding: 0px;list-style: none;float:left;} .homeNavC4 ul {margin:0px;padding: 0px;list-style: none;float:left;} .homeNavC1 .homeThumbLink a,.homeNavC2 .homeThumbLink a,.homeNavC3 .homeThumbLink a,.homeNavC4 .homeThumbLink a{display:block;width:160px;height:144px; } /*---------------------------------------------- / / Boards / /-----------------------------------------------*/ #iconsR {position: absolute; width:370px;height:576px;right:0px;top:0px;padding:0px;margin:0px;} #iconsL {position: absolute; width:370px;height:576px;left:0px;top:0px;padding:0px;margin:0px;} .clearB1 {width:370px;height:116px;padding:0px;margin:0px;} /*---------------------------------------------- [B1] Florence Rawlins : Hard To Get /-----------------------------------------------*/ #bkgB1{width:654px;height:576px;background:url(../img/sf_pg01_00.jpg) no-repeat top left;z-index:98;} #b1VC {position:absolute;width:654px;height:345px;left:0px;bottom: 0px;z-index:100;} /*---------------------------------------------- [B2] Elton John : Tour Visuals /-----------------------------------------------*/ #bkgB2{width:100%;height:100%;background:url(../img/sf_pg02_00.jpg) no-repeat top right;z-index:98;} #textWrapB2{position:absolute; bottom:0px; right:0px;z-index:98;} #b2VC {position:absolute;width:654px;height:232px;right:0px;top:116px;z-index:100;} /*---------------------------------------------- [B3] Jackanory : TV Special /-----------------------------------------------*/ #bkgB3{width:100%; height:100%;background:url(../img/sf_pg03_00.jpg) no-repeat top left;z-index:98;} #b3VC {position:absolute;width:654px;height:345px;left:0px;bottom: 0px;z-index:100;} /*---------------------------------------------- [B4] Katie Melua : Crawling Up A Hill - Tour Visuals /-----------------------------------------------*/ #bkgB4{width:100%; height:100%;background:url(../img/sf_pg04_00.jpg) no-repeat top right;z-index:98;} #textWrapB4{position:absolute; bottom:0px; right:0px;z-index:98;} #b4VC {position:absolute;width:654px;height:345px;right:0px;top:0px;z-index:100;} /*---------------------------------------------- [B5] Snowqueen : Feature Film /-----------------------------------------------*/ #bkgB5{width:100%; height:100%;background:url(../img/sf_pg05_00.jpg) no-repeat top right;z-index:98;} #textWrapB5{position:absolute; bottom:0px; right:0px;z-index:98;} #b5VC {position:absolute;width:654px;height:345px;right:0px;top:0px;z-index:100;} /*---------------------------------------------- [B6] Led Zepplin : Kashmir Tour Visuals /-----------------------------------------------*/ #bkgB6{width:100%; height:100%;background:url(../img/sf_pg06_00.jpg) no-repeat top left;z-index:98;} #textWrapB6{position:absolute; bottom:0px; left:0px;z-index:98;} #b6VC {position:absolute;width:654px;height:232px;left:0px;top:116px;z-index:100;} /*---------------------------------------------- [B7] Katie Melua : Spellbound - Tour Visuals /-----------------------------------------------*/ #bkgB7{width:100%; height:100%;background:url(../img/sf_pg07_00.jpg) no-repeat top right;z-index:98;} #textWrapB7{position:absolute; bottom:0px; right:0px;z-index:98;} #b7VC {position:absolute;width:1024px;height:232px;right:0px;top:116px;z-index:100;} /*---------------------------------------------- [B8] Katie Melua : Spiders Web - Tour Visuals /-----------------------------------------------*/ #bkgB8{width:100%; height:100%;background:url(../img/sf_pg08_00.jpg) no-repeat top right;z-index:98;} #textWrapB8{position:absolute; bottom:0px; right:0px;z-index:98;} #b8VC {position:absolute;width:1024px;height:232px;right:0px;top:116px;z-index:100;} /*---------------------------------------------- [B9] Barclays : Times Square Billboard Ad /-----------------------------------------------*/ #bkgB9{width:100%; height:100%;background:url(../img/sf_pg09_00.jpg) no-repeat top left;z-index:98;} #textWrapB9{position:absolute; top:116px; left:0px;z-index:98;} #b9VC {position:absolute;width:1024px;height:116px;left:0px;bottom: 112px;z-index:100;} /*---------------------------------------------- [B10] National Geographic Channel : Undercover Series Promo /-----------------------------------------------*/ #bkgB10{width:100%; height:100%;background:url(../img/sf_pg10_00.jpg) no-repeat top right;z-index:98;} #textWrapB10{position:absolute; top:0px; right:0px;z-index:98;} #b10VC {position:absolute;width:654px;height:232px;right:0px;bottom:116px;z-index:100;} /*---------------------------------------------- [B11] VH1 Music Channel : Channel Advertisment /-----------------------------------------------*/ #bkgB11{width:100%; height:100%;background:url(../img/sf_pg11_00.jpg) no-repeat top left;z-index:98;} #b11VC {position:absolute;width:654px;height:345px;left:0px;bottom:0px;z-index:100;} /*---------------------------------------------- [B12] Katie Melua : '9 Million Bicycles' Tour Visuals - European Tour 08 /-----------------------------------------------*/ #bkgB12{width:100%; height:100%;background:url(../img/sf_pg12_00.jpg) no-repeat top right;z-index:98;} #textWrapB12{position:absolute; bottom:0px; right:0px;z-index:98;} #b12VC {position:absolute;width:1024px;height:232px;left:0px;top:116px;z-index:100;} /*---------------------------------------------- [B13] Katie Melua : 'If The Lights Go Out'- Music Video /-----------------------------------------------*/ #bkgB13{width:100%; height:100%;background:url(../img/sf_pg13_00.jpg) no-repeat top left;z-index:98;} #b13VC {position:absolute;width:654px;height:345px;left:0px;bottom:0px;z-index:100;} /*---------------------------------------------- [B14] Canon : Online Ad - GT /-----------------------------------------------*/ #bkgB14{width:100%; height:100%;background:url(../img/sf_pg14_00.jpg) no-repeat top right;z-index:98;} #textWrapB14{position:absolute; bottom:0px; right:0px;z-index:98;} #b14VC {position:absolute;width:654px;height:345px;right:0px;top:0px;z-index:100;} /*---------------------------------------------- [B15] Elton John : Are you ready video /-----------------------------------------------*/ #bkgB15{width:100%; height:100%;background:url(../img/sf_pg15_00.jpg) no-repeat top left;z-index:98;} #textWrapB15{position:absolute; bottom:0px; left:0px;z-index:98;} #b15VC {position:absolute;width:654px;height:345px;left:0px;top:0px;z-index:100;} /*---------------------------------------------- [B16] ERGO : The adventures of dont be so rediculous valley /-----------------------------------------------*/ #bkgB16{width:100%; height:100%;background:url(../img/sf_pg16_00.jpg) no-repeat top left;z-index:98;} #textWrapB16{position:absolute; bottom:0px; left:0px;z-index:98;} #b16VC {position:absolute;width:654px;height:345px;left:0px;top:0px;z-index:100;} /*----------------------------------------------