/* CSS Document */

body {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000;
}

#pagewrap {
	position:relative;
	width:540px;
	margin:auto;
	margin-top:50px;
}


#logo a {
    position:absolute;
	top:0px;
	left:0;
	margin:0;
	padding: 14px 0 0 0;
    overflow: hidden;
    background-image: url("/img/studiof06.gif"); 
    background-repeat: no-repeat;
	width:120px;
    height: 0px !important; /* for most browsers */
    height /**/:14px; /* for IE5.5's bad box model */
	font-style:normal;
}   

#logocn a {
    position:absolute;
	top:24px;
	left:485px;
	margin:0;
	padding: 179px 0 0 0;
    overflow: hidden;
    background-image: url("/img/studiof06-chinese.gif"); 
    background-repeat: no-repeat;
	width:40px;
    height: 0px !important; /* for most browsers */
    height /**/:179px; /* for IE5.5's bad box model */
	font-style:normal;
}   


/* HEADER set general main nav style */ 

#navtop {
	position:absolute;
	top: 0;
	left: 420px;
	width:60px;
	height:14px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: inline;
	list-style: none;
	}


#navtop li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#navtop a {
	float: left;
	display:inline;
	margin-left:1px;
	padding: 14px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:14px; /* for IE5/Win */
	}
	
#navtop a:hover {
	background-position: 0 -14px;
	}

#navtop a:active, #navtop a.selected {
	background-position: 0 -14px;
	}
	

/* HEADER navtop image replacement */

#navtopvid a {
	width:14px;
	background:url(/img/nav.gif) top left no-repeat;
}

#navtopvoi a {
	width:14px;
	background:url(/img/nav.gif) top left no-repeat;
}

#navtoptxt a {
	width:14px;
	background:url(/img/nav.gif) top left no-repeat;
}

#navtopabo a {
	width:14px;
	background:url(/img/nav.gif) top left no-repeat;
}


/* HEADER rollover text display */

#displayen, #displaypainting, #displayphoto, #displayothers, #displaycontact {
	position:absolute;
	top:0px;
	right:130px;
	text-align:right;
	font-size:12px;
	color:#000;
	list-style:none;
	visibility:hidden;
}

#displaycn, #cndisplaypainting, #cndisplayphoto, #cndisplayothers, #cndisplaycontact {
	position:absolute;
	top:234px;
	left:495px;
	width:14px;
	text-align:left;
	font-size:14px;
	color:#000;
	list-style:none;
	visibility:hidden;
}


#displayen, #displaycn {
	visibility:visible;
}


/* PAGE ARROW STYLE */

#up {
	position:absolute;
	top:444px;
	left:495px;
	width:14px;
	padding: 14px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:14px; /* for IE5/Win */
}

#dn {
	position:absolute;
	top:490px;
	left:495px;
	width:14px;
	padding: 14px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:14px; /* for IE5/Win */
}

#up:hover, #up:active, #up.selected, #dn:hover, #dn:active, #dn.selected {
	background-position: 0 -14px;
}


#up {
	background: url(/img/b-up.gif) no-repeat 0 0;
}

#dn {
	background: url(/img/b-dn.gif) no-repeat 0 0;
}


/* THUMBS PHOTO */

#boxarea {
	position:relative;
	top:24px;
	left:0;
	width:480px;
	height:480px;
	background-color:#CCCCCC;
}

#zoom {
	position:relative;
	margin:auto;
}

.thumb60, .thumb120 {
	float:left;
}

.thumb120 img, .thumb60 img {
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

.thumb60 a:link img, .thumb60 a:visited img, .thumb120 a:link img, .thumb120 a:visited img {
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

.thumb60 a:hover img, .thumb60 a:active img, .thumb120 a:hover img, .thumb120 a:active img {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}


/* CONTACT PAGE STYLE */

#logoart {
	position:absolute;
	top: 84px;
	left:60px;
}

#contact {
	position:absolute;
	top: 204px;
	left:240px;
	list-style:none;
	margin:0;
	padding:0;
}

#contact li {
	margin-bottom: 20px;
	list-style-type:none;
	padding-left:30px;
}

#name {
	background:url(/img/icon-name.gif) no-repeat left center;
}

#email {
	background:url(/img/icon-mail.gif) no-repeat left center;
}

#tel {
	background:url(/img/icon-tel.gif) no-repeat left center;
}

#address {
	background:url(/img/icon-address.gif) no-repeat left center;
}