@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: Adobe Garamond Pro;
   	src: url("http://www.kwanwaisan.com/fonts/AGaramondPro-Regular.otf")
}

body{
	margin:30px 0px 50px 0px;
	background-color:#000;
	font-family: Adobe Garamond Pro,"Times New Roman", Times, serif;
	/*font-family:"Adobe Garamond Pro";:ApexNew-Book, Helvetica, Times Roman;*/
}

ul, li{
	list-style-type:none;
}

.alt{
	display:none;
}

#main{
	width:830px;
	margin:0 auto;
	color:#fff;	
	height:auto;
	background-color:#000;
}

#header{
	height:80px;
	margin-bottom:20px;
}

#content{
	width:830px;
	height:230px;
}

#content_project{
	width:830px;
	height:50px;
}

#sandie{
	float:left;
	background-image:url(../img/sandiekwan.jpg);
	width:160px;
	height:45px;
}

#jazzup{
	float:right;
	background-image:url(../img/jazzup.png);
	width:98px;
	height:17px;
	margin-right:0px;
	margin-top:14px;
	text-decoration:none;
}

#info{
	float:left;
	width:410px;
	font-size:13px;
	line-height:150%;
	margin-bottom:0px;
	word-spacing:0px;
}

#title{
	float:left;
	width:620px;
	font-size:20px;
	margin-top:2px;
	/*height:22px;
	vertical-align:text-top;*/
}

#download{
	width:200px;
	height:120px;
	float:right;
}

#progress{
	width:200px;
	height:22px;
	float:right;
	text-align:right;
	margin-top:4px;
}

#description{
	width:21px;
	height:20px;
	background-image:url(../img/descriptions.jpg);
	margin-left:20px;
	float:left;
	vertical-align:text-bottom;
}

#nav_email {
    display: block;
    width: 175px;
    height: 20px;
    background-image: url(../img/email.jpg);
    background-position: 0 0;
	float:left;
	margin-bottom:17px;
}
a#nav_email:hover {
    background-position:180px 0px;
}

#nav_resume {
    display: block;
    width: 175px;
    height: 20px;
    background-image: url(../img/resume.jpg);
    background-position: 0 0;
	float:left;
	margin-bottom:20px;
}
a#nav_resume:hover {
    background-position:180px 0px;
}

#nav_back {
    display: block;
    width: 22px;
    height: 22px;
    background-image: url(../img/back.jpg);
    background-position: 0 0;
	float:right;
	margin-top:11px;
}
a#nav_back:hover {
    background-position:22px 0px;
}

#main_project{
	padding:0;
	margin:0 0 0 0;
	height:auto;
}

.project{
}


ul#list_items li a{
	display:block;
	width:200px; /*200*/
	height:130px; /*130*/
	overflow:hidden;
	float:left;
	text-decoration:none;
	position:relative;
}

ul#list_items li{
	position:relative;
	display:block;
	width:200px; /*200*/
	height:130px; /*130*/
	background-color:#000;
	overflow:hidden;
	float:left;
	margin:0 10px 50px 0;
	text-align:center;
	padding:0;
	color:#fff;
	list-style-position:inherit;
}

ul{
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}

a{
	color:#fff;
	text-decoration:underline;
}

a.thumb{
}

#image_home{ 
	position: relative; 
	width: 200px; 
}

.label{ 
	position: absolute; 
	top: 55px; 
	left: 0; 
	width: 200px; 
	font-weight:normal;
	font-size:18px;
}

#captions{
	/*position: relative;*/ 
	top:0px;
	left:0px;
	width:300px;
	text-align:left;
	float:left;
	font-size:13px;
	line-height:150%;
	word-spacing:0px;
	/*margin-right:40px;
	position: absolute; 
	*/
	margin:0 0;
}

#slideshow_container{
	position: relative; 
}

#slideshow{
	list-style:none;
}

#slideshow span {
	display:none;
}


#footer{
	width:830px;
	height:40px;
	margin-top:70px;
	font-size:13px;
	float:left;
}

#galleria{
	width:830px;
	margin:0 auto;
}

.imgnav { 
	background-color:#F00; 
	position:absolute; 
	width:465px; 
	height:100%; 
	cursor:pointer; 
	z-index:150;
}
#imgprev {
	left:-52px;
	background:url(../img/empty.jpg) left center no-repeat;
}
#imgprev:hover {
	background:url(../img/left.jpg) left center no-repeat;
}

#imgnext {
	right:-52px;
	background:url(../img/empty.jpg) right no-repeat;
}
#imgnext:hover {
	background:url(../img/left2.jpg) right center no-repeat;
}

#td_cap{
	display:none; 
	width:340px; 
	vertical-align:top;
	border:0;
}
#td_thumb{
	display:none; 
	/*width:490px; */
	vertical-align:top;
	border:0;
}
#td_thumb_ot{
	display:none; 
	width:830px; 
	vertical-align:top;
	border:0;
}