@charset "utf-8";
/* introduction */
p.text
{
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
color:#FFF;
position:absolute;
left:100px;
right:200px;
top:350px;
z-index:2;
}
/* about me */
p.about
{
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFF;
position:absolute;
left:100px;
right:100px;
top:1940px;
z-index:2;
}
/* logo */
img.addy
{
position:absolute;
left:100px;
top:135px;
z-index:2;
border-style:none;
}
/* nav buttons */
img.homeUp
{
position:absolute;
right:390px;
top:150px;
border-style:none;
}
img.homeUp:hover
{ 
background: url("") ;
  }
img.portfolioUp
{
position:absolute;
right:254px;
top:150px;
z-index:2;
border-style:none;
}
img.portfolioUp:hover
{ 
background: url("cutart/portfolio_.png") no-repeat 0 0;
  }

img.aboutUp
{
position:absolute;
right:116px;
top:150px;
z-index:2;
border-style:none;
}
img.aboutUp:hover
{ 
background: url("cutart/about_.png") no-repeat 0 0;
  }
img.homeMiddle
{
position:absolute;
right:390px;
top:980px;
z-index:2;
border-width:0;
}
img.homeMiddle:hover
{ 
background: url("cutart/home_.png") ;
  }
img.portfolioMiddle
{
position:absolute;
right:254px;
top:980px;
z-index:2;
border-style:none;
}
img.aboutMiddle
{
position:absolute;
right:116px;
top:980px;
z-index:2;
border-style:none;
}
img.aboutMiddle:hover
{ 
background: url("cutart/about_.png") ;
  }
img.homeBottom
{
position:absolute;
right:390px;
top:1850px;
z-index:2;
border-style:none;
}
img.homeBottom:hover
{ 
background: url("cutart/home_.png") ;
  }
img.portfolioBottom
{
position:absolute;
right:254px;
top:1850px;
z-index:2;
border-style:none;
}
img.portfolioBottom:hover
{ 
background: url("cutart/portfolio_.png") ;
  }
  
/* portfolio */

img.thumb1
{
position:absolute;
left:100px;
top:1080px;
z-index:2;
border-style:none;
}
img.thumb2
{
position:absolute;
left:220px;
top:1080px;
z-index:2;
border-style:none;
}
img.thumb3
{
position:absolute;
left:340px;
top:1080px;
z-index:2;
border-style:none;
}
img.thumb4
{
position:absolute;
left:460px;
top:1080px;
z-index:2;
border-style:none;
}
img.thumb5
{
position:absolute;
left:580px;
top:1080px;
z-index:2;
border-style:none;
}
img.thumb6
{
position:absolute;
left:700px;
top:1080px;
z-index:2;
border-style:none;
}
img.thumb7
{
position:absolute;
left:820px;
top:1080px;
z-index:2;
border-style:none;
}
img.thumb8
{
position:absolute;
left:940px;
top:1080px;
z-index:2;
border-style:none;
}
img.thumb9
{
position:absolute;
left:100px;
top:1200px;
z-index:2;
border-style:none;
}
img.thumb10
{
position:absolute;
left:220px;
top:1200px;
z-index:2;
border-style:none;
}
img.thumb11
{
position:absolute;
left:340px;
top:1200px;
z-index:2;
border-style:none;
}
img.thumb12
{
position:absolute;
left:460px;
top:1200px;
z-index:2;
border-style:none;
}
img.thumb13
{
position:absolute;
left:580px;
top:1200px;
z-index:2;
border-style:none;
}
img.thumb14
{
position:absolute;
left:700px;
top:1200px;
z-index:2;
border-style:none;
}
img.thumb15
{
position:absolute;
left:820px;
top:1200px;
z-index:2;
border-style:none;
}
img.thumb16
{
position:absolute;
left:940px;
top:1200px;
z-index:2;
border-style:none;
}
img.thumb17
{
position:absolute;
left:100px;
top:1320px;
z-index:2;
border-style:none;
}
img.thumb18
{
position:absolute;
left:220px;
top:1320px;
z-index:2;
border-style:none;
}
img.thumb19
{
position:absolute;
left:340px;
top:1320px;
z-index:2;
border-style:none;
}
img.thumb20
{
position:absolute;
left:460px;
top:1320px;
z-index:2;
border-style:none;
}
img.thumb21
{
position:absolute;
left:580px;
top:1320px;
z-index:2;
border-style:none;
}
img.thumb22
{
position:absolute;
left:700px;
top:1320px;
z-index:2;
border-style:none;
}
img.thumb23
{
position:absolute;
left:820px;
top:1320px;
z-index:2;
border-style:none;
}
img.thumb24
{
position:absolute;
left:940px;
top:1320px;
z-index:2;
border-style:none;
}
img.thumb25
{
position:absolute;
left:100px;
top:1440px;
z-index:2;
border-style:none;
}
img.thumb26
{
position:absolute;
left:220px;
top:1440px;
z-index:2;
border-style:none;
}
img.thumb27
{
position:absolute;
left:340px;
top:1440px;
z-index:2;
border-style:none;
}
img.thumb28
{
position:absolute;
left:460px;
top:1440px;
z-index:2;
border-style:none;
}
img.thumb29
{
position:absolute;
left:580px;
top:1440px;
z-index:2;
border-style:none;
}
img.thumb30
{
position:absolute;
left:700px;
top:1440px;
z-index:2;
border-style:none;
}
img.thumb31
{
position:absolute;
left:820px;
top:1440px;
z-index:2;
border-style:none;
}
img.thumb32
{
position:absolute;
left:940px;
top:1440px;
z-index:2;
border-style:none;
}
img.thumb33
{
position:absolute;
left:100px;
top:1560px;
z-index:2;
border-style:none;
}
img.thumb34
{
position:absolute;
left:220px;
top:1560px;
z-index:2;
border-style:none;
}

/* About me */

img.exp13
{
position:absolute;
left:100px;
top:2040px;
z-index:2;
border-style:none;
}
img.exp12
{
position:absolute;
left:160px;
top:2040px;
z-index:2;
border-style:none;
}
img.exp11
{
position:absolute;
left:220px;
top:2040px;
z-index:2;
border-style:none;
}
img.exp10
{
position:absolute;
left:280px;
top:2040px;
z-index:2;
border-style:none;
}
img.exp9
{
position:absolute;
left:340px;
top:2040px;
z-index:2;
border-style:none;
}
img.exp8
{
position:absolute;
left:400px;
top:2040px;
z-index:2;
border-style:none;
}
img.exp7
{
position:absolute;
left:460px;
top:2040px;
z-index:2;
border-style:none;
}
img.exp6
{
position:absolute;
left:520px;
top:2040px;
z-index:2;
border-style:none;
}
img.exp5
{
position:absolute;
left:580px;
top:2040px;
z-index:2;
border-style:none;
}
img.exp4
{
position:absolute;
left:640px;
top:2040px;
z-index:2;
border-style:none;
}
img.exp3
{
position:absolute;
left:700px;
top:2040px;
z-index:2;
border-style:none;
}
img.exp2
{
position:absolute;
left:760px;
top:2040px;
z-index:2;
border-style:none;
}
img.exp1
{
position:absolute;
left:820px;
top:2040px;
z-index:2;
border-style:none;
}

img.aboutBottom
{
position:absolute;
right:116px;
top:1850px;
z-index:2;
border-style:none;
}
body {
  margin: 0;
  padding: 0;
}

img.download
{
position:absolute;
left:90px;
top:2150px;
z-index:2;
border-style:none;
}
img.download:hover
{ 
background: url("cutart/downloadResume_mouse.png") ;
  }
  
img.contact
{
position:absolute;
left:90px;
top:2200px;
z-index:2;
border-style:none;
}
img.contact:hover
{ 
background: url("cutart/contact_mouse.png") ;
  }

img.friends
{
position:absolute;
left:110px;
top:2390px;
z-index:2;
border-style:none;
}

img.tim
{
position:absolute;
left:110px;
top:2420px;
z-index:2;
border-style:none;
}

img.jay
{
position:absolute;
left:230px;
top:2420px;
z-index:2;
border-style:none;
}

img.teddy
{
position:absolute;
left:320px;
top:2420px;
z-index:2;
border-style:none;
}

img.kk
{
position:absolute;
left:420px;
top:2420px;
z-index:2;
border-style:none;
}
  
img.lin
{
position:absolute;
left:500px;
top:2420px;
z-index:2;
border-style:none;
} 

img.kris
{
position:absolute;
left:590px;
top:2420px;
z-index:2;
border-style:none;
}
/* portfolio */
img {border:  none;}
.container {
	height: 1000px;
	width: 1500px;
	
	left:100px;
    top:1080px;
	position: absolute;
}
ul.thumb {
	float: left;
	list-style:  none;
	margin: 0; padding: 10px;
	width: 300px;
}
ul.thumb li {
	margin: 0; padding: 10px;
	float: left;
	position: relative;
	width: 50px;
	height: 50px;
}
ul.thumb li img {
	width: 50px; height: 50px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;
	border:  none;
}
#main_view {
	float: left;
	padding: 9px 0;
	margin-left: 0px;
	
	.thumbnail{
position: relative;
z-index: 0;
}