* {
	margin:0px;
	padding:0px;
}
html {
	width:100%;
	overflow-x:hidden;
}
body {
	margin:0px;
	padding:0px;
	background:url(../images/bg.jpg) center top #000000 no-repeat;
	font-family:Tahoma;
	width:1000px;
	margin:auto;
}
a{ color:#666;}
#main-top {
	width:1000px;
	margin:auto;
}
/* Top */
#top {
	width: 1000px;
	height:570px;
	background:url(../images/bg-top.jpg) top no-repeat;
	font-family:Tahoma;
	float:left;
}
#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;
}

#tportfolio {
	position:absolute;
	margin-left:695px;
	margin-top:100px;
	width:255px;
	height:170px;
}
#tportfolio .outstanding {
	background:url(../images/outstanding.png) no-repeat;
	text-indent:-5000px;
	height:55px;
}
#tportfolio .webstandard {
	background:url(../images/webstandard.png) no-repeat;
	text-indent:-5000px;
	height:60px;
}
#tportfolio .multimedia {
	background:url(../images/multimedia.png) no-repeat;
	text-indent:-5000px;
	height:55px;
}
#top #tlink {
	position:absolute;
	margin-left:830px;
	color:#3c3c3c;
	font-size:10px;
	margin-top:25px;
}
#top #bug1 {
	position:absolute;
	margin-left:75px;
	margin-top:183px;
	width:327px;
	height:384px;
}
#view_postfolio {
	position:absolute;
	margin-left:580px;
	margin-top:470px;
	width:360px;
	height:50px;
}
/* Section */
#section {
	width: 1000px;
	height:340px;
	font-family:Tahoma;
	float:left;
}
#section #stopic {
	position:absolute;
	margin-left:460px;
	width:490px;
	height:120px;
	background:url(../images/stopic.png) no-repeat;
	text-indent:-5000px;
	z-index:500;
}
#section #sportfolio1 {
	position:absolute;
	margin-left:500px;
	margin-top:150px;
	width:430px;
	height:185px;
	font-size:11px;
	color:#a1a1a1;
	line-height:15px;
}
#sportfolio1 p {
	padding-bottom:12px;
}
#section #sportfolio2 {
	position:absolute;
	margin-left:70px;
	margin-top:0px;
	width:402px;
	height:350px;
}
#sportfolio2 h4 {
	position:absolute;
	margin-left:0px;
	margin-top:290px;
	font-size:10px;
	color:#6a6a6a;
	font-weight:normal;
}
/* Flexible */
 #flexible {
	width:1000px;
	height:350px;
	font-family:Tahoma;
	z-index:300;
	float:left
}
#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 #fportfolio1 {
	position:absolute;
	margin-left:500px;
	margin-top:240px;
	width:430px;
	height:230px;
	font-size:11px;
	color:#a1a1a1;
	line-height:15px;
	
}
#fportfolio1 p {
	padding-bottom:12px;
}
#flexible #fportfolio2 {
	position:absolute;
	margin-top:90px;
	width:355px;
	padding-left:70px;
	height:380px;
	font-size:10px;
	color:#4c4c4c;
	background:url(../images/bg-flexible.png) left bottom no-repeat;
}
#fportfolio2 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;
	
}
/* Outstanding Design */
#outstand {
	width:1000px;
	height:566px;
	float:left;
	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 #cportfolio1 {
	position:absolute;
	margin-left:500px;
	margin-top:395px;
	width:100px;
	height:135px;
	font-size:11px;
	color:#a1a1a1;
}
#outstand #cportfolio2 {
	position:absolute;
	margin-left:630px;
	margin-top:395px;
	width:190px;
	height:135px;
	font-size:11px;
	color:#a1a1a1;
}
#outstand #cportfolio3 {
	position:absolute;
	margin-left:845px;
	margin-top:395px;
	width:95px;
	height:135px;
	font-size:11px;
	color:#a1a1a1;
}
#outstand #cportfolio4 {
	position:absolute;
	margin-left:20px;
	margin-top:295px;
	width:355px;
	height:235px;
	font-size:9px;
	color:#4c4c4c;
}
/* Winner “Best of Asia Award " */
 #winner {
	width:1000px;
	height:500px;
	float:left;
	font-family:Tahoma;
	background:url(../images/bg-standard.png) no-repeat;
}
#winner #whead {
	position:absolute;
	margin-left:65px;
	margin-top:50px;
	width:400px;
	height:45px;
	background: url(../images/winner.jpg) no-repeat;
	text-indent:-5000px;
}
#winner #wportfolio {
	position:absolute;
	margin-left:70px;
	margin-top:145px;
	width:300px;
	height:20px;
	font-size:10px;
	color:#4d4d4d;
	line-height:15px;
}
#winner #tam {
	position:absolute;
	margin-left:110px;
	margin-top:170px;
	width:242px;
	height:409px;
	z-index:500;
}
#winner #cool {
	position:absolute;
	margin-left:780px;
	width:200px;
	height:200px;
	z-index:500;
}
#winner #wtopic1 {
	position:absolute;
	margin-left:460px;
	margin-top:180px;
	width:330px;
	height:80px;
	background:url(../images/wtopic.png) no-repeat;
	text-indent:-5000px;
}
#winner #wportfolio2 {
	position:absolute;
	margin-left:500px;
	margin-top:70px;
	width:220px;
	height:50px;
}
#winner #winnerimage {
	position:relative;
	top:200px;
	left:70px;
	height:397px;
	width:876px;
}
#winner #winnertext {
	position:relative;
	top:210px;
	left:390px;
	height:70px;
	width:420px;
	font-size:11px;
	color:#a1a1a1;
	line-height:15px;
	z-index:500;
}
#main-bottom {
	width:1000px;
	height:775px;
	float:left;
	margin:auto;
	margin-top:100px;
	z-index:120;
	background:url(../images/bg-contact.jpg) left top no-repeat;
}
/* 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 #bportfolio2 {
	position:absolute;
	margin-left:500px;
	margin-top:210px;
	width:440px;
	height:50px;
	font-style:normal;
}
#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 #bportfolio3 {
	position:absolute;
	margin-left:500px;
	margin-top:375px;
	width:220px;
	height:50px;
	color:#535353;
}
#contact #bportfolio4 {
	position:absolute;
	margin-left:740px;
	margin-top:310px;
	width:180px;
	height:220px;
}
#contact #bportfolio5 {
	position:absolute;
	margin-left:740px;
	margin-top:600px;
	width:150px;
	height:80px;
	font-size:11px;
	color:#3c3c3c;
}
#contact #bportfolio6 {
	position:absolute;
	margin-left:745px;
	margin-top:720px;
	width:200px;
	height:30px;
	font-size:9px;
	color:#3c3c3c;
}

