/* S E R I O U S S I T A T I O N S † THE PORTFOLIO OF SIMONE MAGURNO † http://www.serioussituations.com
coded by Fabio Ottaviani */

/* body & altro
- - - - - - - - - - - - - - - - - - - - */
* {margin:0px; padding:0px; border:none;}
body {font-family: Helvetica, Arial, sans-serif, Arial Unicode MS; font-size:12px; color:#222; background:#f1f1f1 url('bg.gif') left repeat-y; text-align:left;}
#container {width:100%; margin:0px auto; background:transparent; overflow:hidden!important;}
.infotxt {width:100%; margin:20px 0 0 20px; background:transparent;}
.dragger {position:relative; height:700px; width:100%;}
.dragger img {position:absolute; cursor:pointer; background:url(../img/preload.gif) no-repeat center center;}
.ready {top:0px; left:0px; z-index:1000; position:absolute; background:#000;}
.rearrange {z-index:1001; position:absolute; color:#fff;font-size:10px; top:50px; left:50px;}
.pagetitleload {font-size:22px;font-weight:bold;line-height:90%;margin:0px 0 20px 0px;}
.pagetitle {font-size:22px;float:left;font-weight:bold;line-height:90%;margin:30px 0 0 20px; display:inline;}
.title {font-size:14px;float:left;font-weight:bold;margin:0 0 0 20px;}
.description {clear:both;margin-left:20px;width:60%;line-height:150%;padding-top:10px;}
.bullets {font-size:10px;padding-top:10px;line-height:130%;}
.link{padding:2px 0 0px 10px;font-size:10px;float:left; display:inline;}

a:link, a:visited {color:#222;text-decoration:none;font-style:italic;}
a:hover {color:#555;text-decoration:underline;}

/*PROJECTS DEFAULT VALUES*/

/* Computer Arts UK
- - - - - - - - - - - - - - - - - - - - */
#ca_1 {top:30px; left:25px; z-index:10;}
#ca_2 {top:640px; left:25px; z-index:5;}
#ca_3 {top:1258px; left:33px; z-index:3;}
#ca_4 {top:1258px; left:477px; z-index:1;}

/* Nike Football
- - - - - - - - - - - - - - - - - - 
#nikfot_1 {top:80px; left:35px; z-index:10;}
#nikfot_2 {top:80px; left:490px; z-index:5;}
#nikfot_3 {top:700px; left:35px; z-index:3;}
#nikfot_4 {top:700px; left:490px; z-index:1;} - - - - - - - */

/* Nike Football
- - - - - - - - - - - - - - - -  - - - */
#nikfot_1 {top:80px; left:500px; z-index:1;}
#nikfot_2 {top:380px; left:350px; z-index:2;}
#nikfot_3 {top:680px; left:200px; z-index:3;}
#nikfot_4 {top:980px; left:50px; z-index:4;} 


/* Dualform
- - - - - - - - - - - - - - - - - - - - */
#dual_1 {top:30px; left:20px; z-index:1;}
#dual_2 {top:50px; left:480px; z-index:5;}
#dual_3 {top:370px; left:480px; z-index:5;}

/* WNIKE
- - - - - - - - - - - - - - - - - - - - */
#wnike_1 {top:30px; left:20px; z-index:1;}
#wnike_2 {top:773px; left:31px; z-index:1;}
#wnike_3 {top:773px; left:461px; z-index:1;}

/* Nike Pro
- - - - - - - - - - - - - - - - - - - - */
#nikepro_1 {top:30px; left:20px; z-index:1;}
#nikepro_2 {top:773px; left:31px; z-index:1;}
#nikepro_3 {top:773px; left:461px; z-index:1;}

/* Nike Running
- - - - - - - - - - - - - - - - - - - - */
#nikrun_1 {top:30px; left:31px; z-index:1;}
#nikrun_2 {top:30px; left:461px; z-index:1;}
#nikrun_3 {top:396px; left:19px; z-index:1;}
#nikrun_4 {top:1133px; left:19px; z-index:1;}
#nikrun_5 {top:1876px; left:31px; z-index:1;}
#nikrun_6 {top:1876px; left:461px; z-index:1;}

/* Nike ManU
- - - - - - - - - - - - - - - - - - - - */
#manu_1 {top:30px; left:31px; z-index:1;}
#manu_2 {top:30px; left:461px; z-index:1;}
#manu_3 {top:466px; left:20px; z-index:1;}
#manu_4 {top:1353px; left:31px; z-index:1;}
#manu_5 {top:1353px; left:461px; z-index:1;}

/* Creatives Unlimited
- - - - - - - - - - - - - - - - - - - - */
#cu_1 {top:30px; left:10px; z-index:1;}
#cu_2 {top:504px; left:32px; z-index:1;}
#cu_3 {top:504px; left:459px; z-index:1;}
#cu_4 {top:818px; left:32px; z-index:1;}
#cu_5 {top:818px; left:459px; z-index:1;}
#cu_7 {top:1126px; left:20px; z-index:5;}
#cu_8 {top:1743px; left:20px; z-index:5;}
#cu_9 {top:2359px; left:20px; z-index:5;}
#cu_6 {top:2975px; left:20px; z-index:1;}
#cu_10 {top:3596px; left:32px; z-index:5;}
#cu_11 {top:3596px; left:459px; z-index:5;}

/* WeRunSF
- - - - - - - - - - - - - - - - - - - - */
#werunsf_1 {top:30px; left:-100px; z-index:1;}
#werunsf_2 {top:30px; left:490px; z-index:1;}
#werunsf_3 {top:520px; left:34px; z-index:1;}
#werunsf_4 {top:520px; left:460px; z-index:5;}
#werunsf_5 {top:825px; left:20px; z-index:1;}
#werunsf_6 {top:1442px; left:20px; z-index:1;}
#werunsf_7 {top:2010px; left:470px; z-index:1;}
#werunsf_8 {top:2010px; left:130px; z-index:1;}

/* Epos
- - - - - - - - - - - - - - - - - - - - */
#epos_1 {top:30px; left:10px; z-index:1;}
#epos_2 {top:410px; left:25px; z-index:5;}
#epos_3 {top:410px; left:400px; z-index:5;}

/* Candace Meyer
- - - - - - - - - - - - - - - - - - - - */
#cm_1 {top:30px; left:33px; z-index:1;}
#cm_2 {top:30px; left:464px; z-index:1;}
#cm_3 {top:313px; left:22px; z-index:1;}
#cm_4 {top:883px; left:22px; z-index:1;}
#cm_5 {top:1460px; left:33px; z-index:1;}
#cm_6 {top:1460px; left:464px; z-index:1;}
#cm_7 {top:1751px; left:33px; z-index:1;}
#cm_8 {top:1751px; left:464px; z-index:1;}

/* Cover Bandit
- - - - - - - - - - - - - - - - - - - - */
#cb_0 {top:35px; left:55px; z-index:1;}
#cb_1 {top:260px; left:20px; z-index:1;}
#cb_2 {top:880px; left:20px; z-index:1;}
#cb_3 {top:1500px; left:20px; z-index:1;}
#cb_4 {top:2120px; left:20px; z-index:1;}
#cb_5 {top:2746px; left:31px; z-index:1;}
#cb_6 {top:2746px; left:462px; z-index:1;}
#cb_7 {top:3060px; left:31px; z-index:1;}

/* Microsoft
- - - - - - - - - - - - - - - - - - - - */
#msc_1 {top:30px; left:50px; z-index:1;}
#msc_2 {top:150px; left:300px; z-index:1;}
#msc_3 {top:330px; left:0px; z-index:1;}

#msc_4 {top:110px; left:130px; z-index:1;}
#msc_5 {top:110px; left:400px; z-index:1;}
#msc_6 {top:310px; left:570px; z-index:1;}
#msc_7 {top:210px; left:30px; z-index:1;}
#msc_8 {top:130px; left:600px; z-index:1;}
#msc_9 {top:530px; left:330px; z-index:1;}
#msc_10 {top:330px; left:230px; z-index:1;}
#msc_11 {top:560px; left:130px; z-index:1;}
#msc_12 {top:650px; left:470px; z-index:1;}
#msc_13 {top:710px; left:280px; z-index:1;}
#msc_14 {top:790px; left:130px; z-index:1;}
#msc_15 {top:460px; left:430px; z-index:1;}

/* McDonalds
- - - - - - - - - - - - - - - - - - - - */
#mcd_1 {top:30px; left:20px; z-index:1;}
#mcd_2 {top:647px; left:20px; z-index:1;}
#mcd_3 {top:1272px; left:32px; z-index:1;}
#mcd_4 {top:1272px; left:461px; z-index:1;}
#mcd_5 {top:1586px; left:32px; z-index:1;}
#mcd_6 {top:1586px; left:460px; z-index:1;}

/* Desired Hearts
- - - - - - - - - - - - - - - - - - - - */
#desiredhearts_1 {top:30px; left:-100px; z-index:5;}
#desiredhearts_2 {top:100px; left:300px; z-index:0;}

/* Cap & Design
- - - - - - - - - - - - - - - - - - - - */
#capdesign_1 {top:60px; left:50px; z-index:5;}
#capdesign_2 {top:10px; left:400px; z-index:0;}

/* Publications
- - - - - - - - - - - - - - - - - - - - */
#publ_1 {top:30px; left:50px; z-index:10;}
#publ_2 {top:90px; left:150px; z-index:9;}
#publ_3 {top:150px; left:250px; z-index:8;}
#publ_4 {top:280px; left:450px; z-index:6;}
#publ_5 {top:210px; left:350px; z-index:7;}
#publ_6 {top:340px; left:550px; z-index:5;}
#publ_7 {top:460px; left:700px; z-index:3;}
#publ_8 {top:400px; left:650px; z-index:4;}


/* Illustrations
- - - - - - - - - - - - - - - - - - - - */
#illu_1 {top:0px; left:-100px; z-index:1;}
#illu_2 {top:430px; left:490px; z-index:1;}
#illu_3 {top:630px; left:30px; z-index:-5;}
#illu_4 {top:1000px; left:530px; z-index:1;}
#illu_5 {top:1130px; left:130px; z-index:1;}
#illu_6 {top:750px; left:260px; z-index:1;}
#illu_7 {top:930px; left:130px; z-index:5;}
#illu_8 {top:1130px; left:430px; z-index:5;}
#illu_9 {top:1330px; left:60px; z-index:-5;}
#illu_10 {top:1130px; left:500px; z-index:-10;display:none;}
#illu_11 {top:530px; left:500px; z-index:-5;display:none;}
#illu_12 {top:550px; left:-200px; z-index:-10;display:none;}

/* Logos
- - - - - - - - - - - - - - - - - - - - */
#logo_1 {top:30px; left:0px; z-index:1;}
#logo_2 {top:30px; left:350px; z-index:1;}
#logo_3 {top:60px; left:480px; z-index:1;}
#logo_4 {top:200px; left:380px; z-index:1;}
#logo_5 {top:200px; left:30px; z-index:1;}
#logo_6 {top:230px; left:15px; z-index:1;}
#logo_7 {top:290px; left:330px; z-index:1;}
#logo_8 {top:170px; left:670px; z-index:1;}
#logo_9 {top:370px; left:260px; z-index:1;}
#logo_10 {top:450px; left:30px; z-index:1;}
#logo_11 {top:180px; left:810px; z-index:1;}
#logo_12 {top:370px; left:610px; z-index:1;}
#logo_13 {top:380px; left:360px; z-index:1;}
#logo_14 {top:600px; left:350px; z-index:1;}
#logo_15 {top:620px; left:30px; z-index:1;}
#logo_16 {top:460px; left:690px; z-index:1;}
#logo_17 {top:370px; left:730px; z-index:1;}
#logo_18 {top:515px; left:30px; z-index:1;}
#logo_19 {top:280px; left:860px; z-index:1;}
#logo_20 {top:590px; left:600px; z-index:1;}
#logo_21 {top:30px; left:970px; z-index:1;}
#logo_bg {top:10px; left:0px; z-index:-5;}

/* My Comment */