/* dot studio sign makers london (c)2009-2012 */ * { border:0; margin:0; padding:0;} body { text-align:right; font: 11px Tahoma, Sans-serif; background: #f2f2f2 url(../gfx/background-repeat.jpg) repeat 0 0;} #pkt { width:1px; height:1px; font-size:1px; position: absolute; top:0; right:0;} #all { width:1360px; height:852px; text-align:right; font: 11px Tahoma, Sans-serif; background: #f2f2f2 url(../gfx/background.jpg) no-repeat right top; margin:0; position: relative; top:0; left:0;} #logo { width:190px; height:94px; background: url("../gfx/logo.png") no-repeat 0 50px; padding:80px 1150px 0 0; display:block; float:right;} #menu { list-style:none; position: absolute; z-index:2; width:300px; height:30px; top:70px; right:440px;} #menu li { float: left;} a { outline:hidden;} #aboutus { width:100px; height:32px; background: url("../gfx/aboutus.png") no-repeat center center; display:block;} #aboutus:hover { background: #fff url("../gfx/aboutus.png") no-repeat center center; display:block;filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} #aboutus_akt { width:100px; height:32px; background: #fff url("../gfx/aboutus.png") no-repeat center center; display:block;filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} #portfolio { width:100px; height:32px; background: url("../gfx/portfolio.png") no-repeat center center; display:block;} #portfolio:hover { background:#fff url("../gfx/portfolio.png") no-repeat center center; display:block;filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} #portfolio_akt { width:100px; height:32px; background:#fff url("../gfx/portfolio.png") no-repeat center center; display:block;filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} #contact { width:100px; height:32px; background: url("../gfx/contact.png") no-repeat center center; display:block;} #contact:hover { background:#fff url("../gfx/contact.png") no-repeat center center; display:block;filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} #contact_akt { width:100px; height:32px; background:#fff url("../gfx/contact.png") no-repeat center center; display:block;filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} #menuleft { width:384px; height:463px; background: url("../gfx/menuleft.png") no-repeat 0 0; position: absolute; top:200px; left: 0px; z-index:2;} #content { width:508px; height: 625px; position:absolute; top:166px; left:500px; z-index:2;} #content div { width:408px; height: 320px; position:absolute; top:166px; left:60px; z-index:3; text-align: justify; font: 10.3px Verdana, Geneva, Arial, Helvetica, sans-serif; overflow: hidden; color: #696a5c;} #footer { width:408px; height: 30px; position:absolute; top:805px; left:505px; z-index:3; text-align: left; color:#696a5c; font:6.4pt Helvetica;} /* aboutus start */ h1#h1-about_us { width: 256px; height:38px; display:block; background: url("../gfx/h1-about_us.png") no-repeat 0 0; position: relative; z-index:3; top:70px; left:60px;} #right-about_us { width: 332px; height:378px; background: url("../gfx/right-about_us.png") no-repeat 0 0; position: absolute; z-index:3; top:240px; left:1030px;} #bottom-about_us { width: 299px; height:199px; background: url("../gfx/bottom-about_us.png") no-repeat 0 0; position: absolute; z-index:3; top:654px; left:1080px;} #x-about_us { width: 14px; height:13px; background: url("../gfx/x-about_us.png") no-repeat 0 0; position: absolute; z-index:3; top:775px; left:493px;} #logo-min-about_us { width: 86px; height:32px; background: url("../gfx/logo-min-about_us.png") no-repeat 0 0; position: absolute; z-index:3; top:725px; left:870px;} #linia-about_us {display:block; width: 6px; height:284px; background: url("../gfx/linia.png") no-repeat 0 0; top:420px; left:990px; position: absolute; z-index:5;} /* Portfolio start */ #all2 { width:1360px; height:852px; top:0; left:0; position: absolute; z-index: 1; text-align:right; font: 11px Tahoma, Sans-serif; background: #f2f2f2 url(../gfx/background2.jpg) no-repeat right top;} #right-portfolio { width: 250px; height:378px; position: absolute; z-index:3; top:300px; left:1085px;} #content-portfolio { width:508px; height: 625px; position:absolute; top:166px; left:500px; z-index:2;} #content-portfolio div.foto { top:80px; left:60px; position:absolute; z-index:3; width:491px; height:455px; background: url(../gfx/tlo_foto.png) no-repeat 0 0;} #content-portfolio div.foto img {padding:34px; width:423px; height:387px;} h1#h1-portfolio { width: 256px; height:38px; display:block; background: url("../gfx/h1-portfolio.png") no-repeat 0 0; position: relative; z-index:3; top:40px; left:600px;} h1#h1-portfolio-start { width: 256px; height:38px; display:block; background: url("../gfx/h1-portfolio2.png") no-repeat 0 0; position: relative; z-index:3; top:30px; left:60px;} h1#h1-portfolio-exterior { width: 256px; height:38px; display:block; background: url("../gfx/title/exterior.png") no-repeat 0 0; position: relative; z-index:3; top:30px; left:60px;} h1#h1-portfolio-interior { width: 256px; height:38px; display:block; background: url("../gfx/title/interior.png") no-repeat 0 0; position: relative; z-index:3; top:30px; left:60px;} h1#h1-portfolio-vehicle { width: 256px; height:38px; display:block; background: url("../gfx/title/vehicle.png") no-repeat 0 0; position: relative; z-index:3; top:30px; left:60px;} h1#h1-portfolio-graphicdesign { width: 256px; height:38px; display:block; background: url("../gfx/title/graphicdesign.png") no-repeat 0 0; position: relative; z-index:3; top:30px; left:60px;} h1#h1-portfolio-tshirts { width: 256px; height:38px; display:block; background: url("../gfx/title/tshirts.png") no-repeat 0 0; position: relative; z-index:3; top:30px; left:60px;} h1#h1-portfolio-webdesign { width: 256px; height:38px; display:block; background: url("../gfx/title/webdesign.png") no-repeat 0 0; position: relative; z-index:3; top:30px; left:60px;} p#p-portfolio { color:#231f20; text-align: left; padding: 3px 0 0 61px;} #nav { top:550px; left:260px; position:absolute; z-index:3;} #nav-left { width:25px; height:24px; background: #f2f2f2 url(../gfx/nav-left.png) no-repeat right top; display:block; float: left; margin: 0 3px;} #nav-center { width:25px; height:24px; background: #f2f2f2 url(../gfx/nav-center.png) no-repeat right top; display:block; float: left; margin: 0 3px;} #nav-right { width:24px; height:24px; background: #f2f2f2 url(../gfx/nav-right.png) no-repeat right top; display:block; float: left; margin: 0 3px;} ul#category { padding:0; margin: 0; list-style:none;} ul#category li { list-style: none;} #exterior_signs { width:94px; height:114px; background: url(../gfx/exterior_signs.png) no-repeat 1px 1px; display:block; float: left; margin: 10px 14px;} #graphics_design { width:94px; height:114px; background: url(../gfx/graphics_design.png) no-repeat 1px 1px; display:block; float: left; margin: 10px 14px;} #interior_signs { width:94px; height:114px; background: url(../gfx/interior_signs.png) no-repeat 1px 1px; display:block; float: left; margin: 10px 14px;} #tshirts { width:94px; height:114px; background: url(../gfx/tshirts.png) no-repeat 1px 1px; display:block; float: left; margin: 10px 14px;} #vehicle_graphics { width:94px; height:114px; background: url(../gfx/vehicle_graphics.png) no-repeat 2px 2px; display:block; float: left; margin: 10px 14px;} #webdesign { width:94px; height:114px; background: url(../gfx/webdesign.png) no-repeat 1px 1px; display:block; float: left; margin: 10px 14px;} #exterior_signs:hover { width:94px; height:114px; background: url(../gfx/exterior_signs_roll.png) no-repeat right top; display:block; float: left; margin: 10px 14px;} #graphics_design:hover { width:94px; height:114px; background: url(../gfx/graphics_design_roll.png) no-repeat right top; display:block; float: left; margin: 10px 14px;} #interior_signs:hover { width:94px; height:114px; background: url(../gfx/interior_signs_roll.png) no-repeat right top; display:block; float: left; margin: 10px 14px;} #tshirts:hover { width:94px; height:114px; background: url(../gfx/tshirts_roll.png) no-repeat right top; display:block; float: left; margin: 10px 14px;} #vehicle_graphics:hover { width:94px; height:114px; background: url(../gfx/vehicle_graphics_roll.png) no-repeat right top; display:block; float: left; margin: 10px 14px;} #webdesign:hover { width:94px; height:114px; background: url(../gfx/webdesign_roll.png) no-repeat right top; display:block; float: left; margin: 10px 14px;} #exterior_signs_akt { width:94px; height:114px; background: url(../gfx/exterior_signs_roll.png) no-repeat right top; display:block; float: left; margin: 10px 14px;} #graphics_design_akt { width:94px; height:114px; background: url(../gfx/graphics_design_roll.png) no-repeat right top; display:block; float: left; margin: 10px 14px;} #interior_signs_akt { width:94px; height:114px; background: url(../gfx/interior_signs_roll.png) no-repeat right top; display:block; float: left; margin: 10px 14px;} #tshirts_akt { width:94px; height:114px; background: url(../gfx/tshirts_roll.png) no-repeat right top; display:block; float: left; margin: 10px 14px;} #vehicle_graphics_akt { width:94px; height:114px; background: url(../gfx/vehicle_graphics_roll.png) no-repeat right top; display:block; float: left; margin: 10px 14px;} #webdesign_akt { width:94px; height:114px; background: url(../gfx/webdesign_roll.png) no-repeat right top; display:block; float: left; margin: 10px 14px;} /* CONTACT start */ h1#h1-contact { width: 273px; height:41px; display:block; background: url("../gfx/h1-contact.png") no-repeat 0 0; position: relative; z-index:3; top:70px; left:60px;} #bottom-contcat { width: 315px; height:199px; background: url("../gfx/bottom-contcat.png") no-repeat 0 0; position: absolute; z-index:3; top:654px; left:1046px;} #right-contact { width: 177px; height:431px; background: url("../gfx/right-contact.png") no-repeat 0 0; position: absolute; z-index:3; top:222px; left:1085px;} #content-contact { width:508px; height: 625px; position:absolute; top:166px; left:500px; z-index:2;} #content-contact div { width:500px; height: 420px; position:absolute; top:166px; left:60px; z-index:3; text-align: justify; font: 10.3px Verdana, Geneva, Arial, Helvetica, sans-serif; overflow: hidden; color: #696a5c;} #content-contact div.text { left: 104px; top:30px; width: 161px; height:36px; background: url("../gfx/contact-pole_mail_subject.png") no-repeat 0 0; } #content-contact div.text input { width:150px; height:20px; margin:9px 6px 4px 6px;} #content-contact div.text2 { left:104px; top:70px; width: 161px; height:36px; background: url("../gfx/contact-pole_mail_subject.png") no-repeat 0 0; z-index:5;} #content-contact div.text2 input { width:150px; height:20px; margin:9px 6px 4px 6px; z-index:5;} #content-contact div.text3 { left: 55px; top:65px; width: 458px; height:308px; background: url("../gfx/content-pole_content.png") no-repeat 0 0;} #content-contact div.text3 textarea { width:340px; height:200px; margin:47px 60px;} input.send { left: 15px; top:335px; position: absolute; width: 72px; height:76px; display: block; background: url("../gfx/contact-send.png") no-repeat 0 0; cursor: pointer;} #x-contact { width: 14px; height:13px; background: url("../gfx/x-about_us.png") no-repeat 0 0; position: absolute; z-index:3; top:658px; left:997px;} #content-contact #email_sublect { top:40px; left:0; width: 81px; height:57px; margin:0; background: url("../gfx/email_sublect.png") no-repeat 0 0; } #content-contact #contentpole { top:205px; left:15px; width: 65px; height:15px; margin:0; background: url("../gfx/content.png") no-repeat 0 0; } #mail-contact { display:block; width: 38px; height:38px; background: url("../gfx/koperta.png") no-repeat 0 0; top:790px; left:1075px; position: absolute; z-index:5;} #tel-contact { display:block; width: 38px; height:38px; background: url("../gfx/tel.png") no-repeat 0 0; top:790px; left:1124px; position: absolute; z-index:5;} #twitter-contact { display:block; width: 38px; height:38px; background: url("../gfx/twitter.png") no-repeat 0 0; top:790px; left:1174px; position: absolute; z-index:5;} #linia {display:block; width: 6px; height:284px; background: url("../gfx/linia.png") no-repeat 0 0; top:370px; left:515px; position: absolute; z-index:5;}