* { margin:0px; padding:0px; } body { margin:0px; padding:0px; background:url(../images/bg.jpg) center top #000000 no-repeat; font-family:Tahoma; } #main-top { position:relative; width:1000px; height:2270px; margin:auto; } /* Top */ #main-top #top { position:absolute; width: 1000px; height:577px; background:url(../images/bg-top.jpg) top no-repeat; font-family:Tahoma; } #top #dg { position:absolute; text-indent:-5000px; background:url(../images/dgzoo.png) no-repeat; width:255px; height:70px; margin-left:695px; margin-top:350px; } #top #thead { position:absolute; text-indent:-5000px; } #top #tcontent { position:absolute; margin-left:695px; margin-top:100px; width:255px; height:170px; } #tcontent .outstanding { background:url(../images/outstanding.png) no-repeat; text-indent:-5000px; height:55px; } #tcontent .webstandard { background:url(../images/webstandard.png) no-repeat; text-indent:-5000px; height:60px; } #tcontent .multimedia { background:url(../images/multimedia.png) no-repeat; text-indent:-5000px; height:55px; } #top #tlink { position:absolute; margin-left:700px; color:#3c3c3c; font-size:10px; margin-top:25px; } #top #bug1 { position:absolute; margin-left:75px; margin-top:190px; width:327px; height:384px; background:url(../images/flash/dg-bug.png) no-repeat; } /* Section */ #main-top #section { position:absolute; width: 1000px; height:330px; margin-top:450px; font-family:Tahoma; } #section #stopic { position:absolute; margin-left:460px; width:490px; height:120px; background:url(../images/stopic.png) no-repeat; text-indent:-5000px; } #section #scontent1 { position:absolute; margin-left:500px; margin-top:150px; width:430px; height:185px; font-size:11px; color:#a1a1a1; line-height:15px; } #scontent1 p { padding-bottom:12px; } #section #scontent2 { position:absolute; margin-left:70px; margin-top:140px; width:360px; height:155px; } #scontent2 h4 { font-size:10px; color:#6a6a6a; font-weight:normal; } /* Flexible */ #main-top #flexible { position:absolute; width:1000px; height:649px; margin-top:780px; background:url(../images/bg-flexible.png) top left no-repeat; font-family:Tahoma; z-index:300; } #flexible #fhead { position:absolute; width:1000px; height:60px; background:url(../images/flexible.png) no-repeat; text-indent:-5000px; } #flexible #ftopic { position:absolute; margin-left:460px; margin-top:100px; width:490px; height:120px; background:url(../images/ftopic.png) no-repeat; text-indent:-5000px; } #flexible #fcontent1 { position:absolute; margin-left:500px; margin-top:240px; width:430px; height:230px; font-size:11px; color:#a1a1a1; line-height:15px; } #fcontent1 p { padding-bottom:12px; } #flexible #fcontent2 { position:absolute; margin-left:70px; margin-top:90px; width:354px; height:320px; font-size:10px; color:#4c4c4c; } #fcontent2 h4 { color:#6a6a6a; padding-bottom:20px; font-size:10px; font-weight:normal; } #flexible #bug2 { position:absolute; margin-top:364px; margin-left:590px; width:344px; height:285px; background:url(../images/flash/fly.png) no-repeat; } /* Outstanding Design */ #main-top #outstand { position:absolute; width:1000px; height:546px; margin-top:1134px; background:url(../images/bg-corporate.png) no-repeat; font-family:Tahoma; z-index:200; } #outstand #chead { position:absolute; margin-left:68px; margin-top:160px; width:293px; height:45px; background:url(../images/outstand.png) no-repeat; text-indent:-5000px; } #outstand #ctopic { position:absolute; margin-left:460px; margin-top:285px; width:480px; height:100px; background:url(../images/ctopic.png) no-repeat; text-indent:-5000px; } #outstand #ccontent1 { position:absolute; margin-left:500px; margin-top:395px; width:100px; height:135px; font-size:11px; color:#a1a1a1; } #outstand #ccontent2 { position:absolute; margin-left:630px; margin-top:395px; width:190px; height:135px; font-size:11px; color:#a1a1a1; } #outstand #ccontent3 { position:absolute; margin-left:845px; margin-top:395px; width:95px; height:135px; font-size:11px; color:#a1a1a1; } #outstand #ccontent4 { position:absolute; margin-left:68px; margin-top:295px; width:355px; height:235px; font-size:9px; color:#4c4c4c; } /* W3C Web Standard */ #main-top #standard { position:absolute; width:1000px; height:590px; margin-top:1680px; background:url(../images/bg-standard.png) no-repeat; font-family:Tahoma; } #standard #whead { position:absolute; margin-left:65px; margin-top:50px; width:310px; height:45px; background:url(../images/standard.png) no-repeat; text-indent:-5000px; } #standard #wcontent { position:absolute; margin-left:70px; margin-top:145px; width:300px; height:20px; font-size:10px; color:#4d4d4d; line-height:15px; } #standard #tam { position:absolute; margin-left:110px; margin-top:170px; width:242px; height:409px; } #standard #cool { position:absolute; margin-left:780px; width:200px; height:200px; background:url(../images/flash/coolbloks1.png) no-repeat; } #standard #wtopic1 { position:absolute; margin-left:460px; margin-top:180px; width:330px; height:80px; background:url(../images/wtopic.png) no-repeat; text-indent:-5000px; } #standard #wcontent1 { position:absolute; margin-left:500px; margin-top:280px; width:450px; height:80px; font-size:11px; color:#a1a1a1; line-height:15px; } #wcontent1 p { padding-bottom:12px; } #standard #wcontent2 { position:absolute; margin-left:500px; margin-top:70px; width:220px; height:50px; } #standard #wtopic2 { position:absolute; margin-left:500px; margin-top:350px; width:440px; height:70px; background:url(../images/wtopic2.png) no-repeat; text-indent:-5000px; } #standard #wcontent3 { position:absolute; margin-left:500px; margin-top:440px; width:450px; height:30px; font-size:11px; color:#a1a1a1; line-height:15px; } #standard #wcontent4 { position:absolute; margin-left:490px; margin-top:480px; width:450px; height:50px; } #main-port { position:relative; width:1000px; height:auto; margin:auto; } /* Portfolio */ #main-port .portfolio { position:relative; margin-bottom:30px; margin-left: 10px; width:1000px; height:250px; background:url(../images/bg-portfolio.png) no-repeat; font-family:Tahoma; } .portfolio .ptopic { position:absolute; margin-left:50px; height:55px; width:875px; border-bottom:1px solid #333333; } .ptopic .hc1 { text-indent:-5000px; height:56px; } .portfolio .pport { position:absolute; clear:left; margin-left:55px; margin-top:64px; height:180px; width:865px; } .pport li { list-style:none; float:left; } .pport .pdetail { width:400px; height:180px; margin-right:65px; } .pdetail .pc2 { font-size:10px; height:20px; padding-top:10px; } .pc2 a { color:#6a6a6a; text-decoration:none; } .pc2 a:hover { text-decoration:underline; } .pdetail .pc3 { height:150px; } #main-bottom { position:relative; width:1000px; height:775px;; margin:auto; } /* Contact */ #main-bottom #contact { background:url(../images/bg-contact.jpg) no-repeat; width:1000px; height:775px; font-family:Tahoma; } #contact #bhead { position:absolute; margin-left:65px; margin-top:65px; width:175px; height:39px; background:url(../images/contact.png) no-repeat; text-indent:-5000px; } #contact #bform { position:absolute; margin-left:65px; width:365px; height:auto; margin-top:205px; } #contact #btopic1 { position:absolute; margin-left:65px; margin-top:150px; width:175px; height:30px; background:url(../images/ttopic1.png) no-repeat; text-indent:-5000px; } #contact #btopic2 { position:absolute; margin-left:490px; margin-top:150px; width:100px; height:30px; background:url(../images/ttopic2.png) no-repeat; text-indent:-5000px; } #contact #bcontent2 { position:absolute; margin-left:500px; margin-top:210px; width:440px; height:50px; } #contact #btopic3 { position:absolute; margin-left:490px; margin-top:310px; width:150px; height:40px; background:url(../images/ttopic3.png) no-repeat; text-indent:-5000px; } #contact #bcontent3 { position:absolute; margin-left:500px; margin-top:375px; width:220px; height:50px; color:#535353; } #contact #bcontent4 { position:absolute; margin-left:740px; margin-top:310px; width:180px; height:220px; } #contact #bcontent5 { position:absolute; margin-left:740px; margin-top:600px; width:180px; height:80px; font-size:11px; color:#3c3c3c; } #contact #bcontent6 { position:absolute; margin-left:745px; margin-top:720px; width:200px; height:30px; font-size:9px; color:#3c3c3c; }