@charset "utf-8";
*{
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;}

body{
overflow:hidden;
background-image:url(image/bg.jpg);
}

#flash_wrap{
width: 100%;
height: 600px;
position: absolute;
left: 0px; 
top: 0px;
bottom: auto;
background-color: #d2bd66;
z-index: 998;
}

#flash{
padding-top:150px;
background-image: url(image/bg.jpg);
width: 100%;
height: 800px;
position: absolute;
left: 0px; 
top: 0px;
bottom: auto;
z-index: 999;
}

#flash_inner{
background-image: url(image/bg.jpg);
width: 592px;
height: 319px;
left: 0px; 
top: 0px;
bottom: auto;
z-index: 1000;
}


#dbody{
width:1000px;
height:600px;
position: static;
}

#head{
width:1000px;
height:146px;
background-image:url(image/head.png);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='image/head.png');
	_background-image: none;
	}

#tbody{
width:870px;
height:600px;
}

#resume{
height:431px;
width:728px;
background-image:url(image/resume.png);
background-repeat:no-repeat;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='image/resume.png');
	_background-image: none;
float:left;
position:absolute;
z-index:0;
}

#rleft{
width:350px;
height:400px;
float:left;
margin-left:50px;
display:inline;}

#rright{
float: left;
height: 400px;
width: 300px;
}

#rtop{
width:350px;
height:170px;
float:left;}


#me2{
width:79px;
height:109px;
float:left;
margin-top:45px;
}

#personal{
margin-top:65px;}

#experience{
margin-top:40px;
}

#skills{
margin-top:55px;}


.bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
font-weight:bold;
list-style:none;}

.li{
line-height:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
text-decoration:none;
list-style:none;
margin-top:10px;
}

.li2{
line-height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
text-decoration:none;
list-style:none;
margin-top:4px;
}

.margin{
margin-top:10px;}

div.close{
height:23px;
width:23px;
background-image:url(image/close.jpg);
margin-top:15px;
position:absolute;
display:inline;
z-index: 201;
}

#rclose{
margin-left:680px;
}

#pclose{
margin-left:730px;
}


#wclose{
margin-left:780px;
}

#gclose{
margin-left:830px;
}

#print{
height:431px;
width:728px;
background-image:url(image/print.png);
background-repeat:no-repeat;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='image/print.png');
	_background-image: none;
float:left;
margin-left:50px;
position:absolute;
z-index:10
}

#web{
height:431px;
width:728px;
background-image:url(image/web.png);
background-repeat:no-repeat;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='image/web.png');
	_background-image: none;
float:left;
margin-left:100px;
position:absolute;
z-index:20
}

#graphic{
height:431px;
width:728px;
background-image:url(image/graphic.png);
background-repeat:no-repeat;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='image/graphic.png');
	_background-image: none;
float:left;
margin-left:150px;
position:absolute;
z-index:20
}

#pline1{
height:200px;
width:165px;
float: left;
margin-left: 80px;
display: inline;
margin-top:50px;
}

#left{
height:330px;
width:165px;
float:left}

#hoiio{
width:149px;
height:58px;}

#quickStart{
width:160px;
height:220px;
margin-top:20px;}

#pline2_top{

}

#pline2_bottom{
margin-top:5px;
}


#hoiioMobility{
background-image:url(image/hoiioMobility.png);
width:136px;
height:191px;
float: left;
display: inline;
margin-left: 40px;
}

#teligate{
width:136px;
height:191px;
margin-left: 40px;
display: inline;
}

#cdfront{
width:110px;
height:109px;
display: inline;
margin-left: 20px;
margin-top: 10px;
}

#cdreverse{
width:110px;
height:109px;
display: inline;
margin-left:10px;
margin-top: 10px;}

#cdcover{
display: inline;
width:113px;
margin-top: 10px;
margin-left: 10px;
height:110px;
}

#pline2{
height:330px;
width:450px;
display: inline;
margin-top:40px;
float: left;}

#wline1{
height:100px;
width:600px;
margin-top:50px
}

#wline2{
height:100px;
width:600px;
margin-top:10px
}

#wline3{
height: 100px;
margin-top: 10px;
width: 600px;
}

#kaiweb{
height:100px;
width:260px;
float:left;
margin-left:20px;}

#juzz4{
height:100px;
width:260px;
float:left;
margin-left:20px;}

#appchallenge{
height:100px;
width:260px;
float:left;
margin-left: 20px;
}

#busled{
height:100px;
width:260px;
float:left;
margin-left: 20px;}

#UI_hoiioOffice{
clear: both;
width:260px;
height:90px;
float:left;
margin-left: 20px;
}

#kaisquare{
width: 260px;
height: 90px;
float: left;
margin-left: 20px;
}

#gline1{
height:140px;
width:580px;
margin-top:50px
}

#gline2{
height:140px;
width:580px;
margin-top:50px
}


#beauty{
height:135px;
width:101px;
float:left;
margin-left:20px;}

#brokenapple{

height:135px;
width:137px;
margin-left:50px;
float:left}

#magichat{
height:135px;
width:193px;
margin-left:370px;}

#brokenglass{
height:125px;
width:119px;
float:left;}

#shinyvector{
height:121px;
width:118px;
float:left;
margin-left:30px;
}

#girl{
height:119px;
width:110px;
margin-left:40px;
float:left;
}

#txeet{
height:121px;
width:116px;
float:right;}


div.picture{
border:3px solid #CCCCCC;
cursor:pointer;}

.image_border{
border:3px solid #CCCCCC;

}

div.skill{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
margin-left:75px;
margin-top:10px;
float:left}

.ps{
width:21px;
height:24px;
background-image:url(image/ps.png);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='image/ps.png');
	_background-image: none;
float:left;
margin-left:10px;
margin-top:5px;}

.ai{
width:21px;
height:24px;
background-image:url(image/ai.png);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='image/ai.png');
	_background-image: none;
float:left;
margin-left:10px;
margin-top:5px;}

.fl{
width:21px;
height:24px;
background-image:url(image/fl.png);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='image/fl.png');
	_background-image: none;
float:left;
margin-left:10px;
margin-top:5px;
}

#me{
height:559px;
width:735px;
background-image:url(image/me.png);
background-repeat:no-repeat;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='image/me.png');
	_background-image: none;
float:left;
position:absolute;
z-index:40;
margin-left:199px;
}

#sb-wrapper{
position:absolute;
}