/* Preloading layers */
#loadimages { position: absolute; top: 80px; left: 70px; width: 200px; height: 200px; z-index:100; }
#loadbackground { position: absolute; top: 5px; left: 0px; width: 750px; height: 750px; z-index: 101; }
#loadtext { position: absolute; top: 80px; left: 70px; width: 750px; height: 750px; z-index: 102; }

/* Project description */
#project { position: absolute; top: 80px; left: 10px; width: 45px; height: 450px; z-index:10; }
#projectbackground { background-image: url('../im/greybar.gif'); background-repeat: repeat-x; background-color: #8cd2c3; }

/* Buttons */
#b01 { position: absolute; top: 0px; left: 70px; z-index: 50; }
#b02 { position: absolute; top: 0px; left: 123px; z-index: 50; }
#b03 { position: absolute; top: 0px; left: 176px; z-index: 50; }
#b04 { position: absolute; top: 0px; left: 229px; z-index: 50; }
#b05 { position: absolute; top: 0px; left: 282px; z-index: 50; }
#b06 { position: absolute; top: 0px; left: 335px; z-index: 50; }
#b07 { position: absolute; top: 0px; left: 388px; z-index: 50; }
#b08 { position: absolute; top: 0px; left: 441px; z-index: 50; }
#b09 { position: absolute; top: 0px; left: 494px; z-index: 50; }
#b10 { position: absolute; top: 0px; left: 547px; z-index: 50; }
#b11 { position: absolute; top: 0px; left: 600px; z-index: 50; }
#b12 { position: absolute; top: 0px; left: 653px; z-index: 50; }
#b13 { position: absolute; top: 0px; left: 706px; z-index: 50; }
#b14 { position: absolute; top: 0px; left: 759px; z-index: 50; }
#b15 { position: absolute; top: 0px; left: 812px; z-index: 50; }


/* Portfolio piece layers */
#p01 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }
#p02 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }
#p03 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }
#p04 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }
#p05 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }
#p06 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }
#p07 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }
#p08 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }
#p09 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }
#p10 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }
#p11 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }
#p12 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }
#p13 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }
#p14 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }
#p15 { position: absolute; top: 0px; left: 70px; visibility: hidden; z-index: 40; }

/* Portfolio piece description */
#pp01 { position: absolute; top: 28px; left: 0px; }
#pp02 { position: absolute; top: 28px; left: 53px; }
#pp03 { position: absolute; top: 28px; left: 106px; }
#pp04 { position: absolute; top: 28px; left: 159px; }
#pp05 { position: absolute; top: 28px; left: 212px; }
#pp06 { position: absolute; top: 28px; left: 265px; }
#pp07 { position: absolute; top: 28px; left: 318px; }
#pp08 { position: absolute; top: 28px; left: 371px; }
#pp09 { position: absolute; top: 28px; left: 424px; }
#pp10 { position: absolute; top: 28px; left: 477px; }
#pp11 { position: absolute; top: 28px; left: 530px; }
#pp12 { position: absolute; top: 28px; left: 583px; }
#pp13 { position: absolute; top: 28px; left: 636px; }
#pp14 { position: absolute; top: 28px; left: 689px; }
#pp15 { position: absolute; top: 28px; left: 742px; }

/* Individiual portfolio image position */
#pi { position: absolute; top: 80px; left: 0px; z-index: 0; }



/*-----------------------------------------------------------------------------*/

/* Rows */
#r1 { position: absolute; top: 80px; left: 30px; }
#r2 { position: absolute; top: 119px; left: 30px; }
#r3 { position: absolute; top: 158px; left: 30px; }
#r4 { position: absolute; top: 197px; left: 30px; }
#r5 { position: absolute; top: 236px; left: 30px; }
#r6 { position: absolute; top: 275px; left: 30px; }
#r7 { position: absolute; top: 314px; left: 30px; }
#r8 { position: absolute; top: 353px; left: 30px; }

/* Columns */
#c1 { position: absolute; top: 0px; left: 0px; }
#c2 { position: absolute; top: 0px; left: 24px; }
#c3 { position: absolute; top: 0px; left: 48px; }
#c4 { position: absolute; top: 0px; left: 72px; }
#c5 { position: absolute; top: 0px; left: 96px; }
#c6 { position: absolute; top: 0px; left: 120px; }


/* Portfolio menu */
#menu { background-color: #444240; background-image: url('../images/tanline.gif'); background-repeat: repeat-y; }


/* Universal menu */
#olsenoffice { position: absolute; left: 85px; top: 10px; }
#portfolio { position: absolute; left:24px; top: 55px; }
#inquiries { position: absolute; left:24px; top: 67px; }
#clients { position: absolute; left:24px; top: 79px; }
#abstract { position: absolute; left:24px; top: 91px; }


/*-----------------------------------------------------------------------------*/

/* Inquiries top menu */
#bi01 { position: absolute; top: 0px; left: 282px; z-index: 50; }
#bi02 { position: absolute; top: 0px; left: 335px; z-index: 50; }
#bi03 { position: absolute; top: 0px; left: 388px; z-index: 50; }
#bi04 { position: absolute; top: 0px; left: 441px; z-index: 50; }
#bi05 { position: absolute; top: 0px; left: 494px; z-index: 50; }
#bi06 { position: absolute; top: 0px; left: 547px; z-index: 50; }

/* Inquiries piece layers */
#pi01 { position: absolute; top: 0px; left: 282px; visibility: hidden; z-index: 40; }
#pi02 { position: absolute; top: 0px; left: 282px; visibility: hidden; z-index: 40; }
#pi03 { position: absolute; top: 0px; left: 282px; visibility: hidden; z-index: 40; }
#pi04 { position: absolute; top: 0px; left: 282px; visibility: hidden; z-index: 40; }
#pi05 { position: absolute; top: 0px; left: 282px; visibility: hidden; z-index: 40; }
#pi06 { position: absolute; top: 0px; left: 282px; visibility: hidden; z-index: 40; }

/* Inquiries descriptin */
#ppi01 { position: absolute; top: 28px; left: 0px; }
#ppi02 { position: absolute; top: 28px; left: 53px; }
#ppi03 { position: absolute; top: 28px; left: 106px; }
#ppi04 { position: absolute; top: 28px; left: 159px; }
#ppi05 { position: absolute; top: 28px; left: 212px; }
#ppi06 { position: absolute; top: 28px; left: 265px; }