/* general settings */
html{height:100%;}
body{
	color:#754C29;
	font-size:76%;
	font-family:Optima, Arial, sans-serif;
	margin:0;
	padding:0;
	height:100%;
}
a{text-decoration:none;}
img{border-width:0;}
ul{
	margin:0;
	padding:0;
}
li {list-style-type:none;}
.clear{clear:both;}
.hide{display:none;}
#out{
	height:100%;
	width: 100%;
	display:table;
}
#middle{
	display:table-cell;
	vertical-align:middle;
}
/* wrapper */
#wrapper, #wrapper_index{
	width:800px;
	margin:5px auto;
	text-align:left;
}
#wrapper{border:1px solid #ccc;}

/* settings in the index page */
h1{
	height:47px;
	width:331px;
	padding:110px 300px 5px 167px;
	margin:0;
	text-indent:-10000px;
	background:url(../image/hong.png) no-repeat 167px 105px;
	border:1px solid #ccc;
	border-bottom-width:0;
}
#open{
	height:435px;
	background-color:#710300;
	position:relative;
}
#open a, h1 a{
	display:block;
	width:100%;
	height:100%;
}
#logo{
	position:absolute;
	width:100px;
	height:100px;
	top:20px;
	left:80px;
	background-image:url(../image/logo.png);
}
#handle{
	position:absolute;
	width:150px;
	height:210px;
	top:20px;
	left:200px;
	background-image:url(../image/handle.jpg);
}

/* header setting in all other pages */
#header{height:125px;}
#header h1, #header ul, #header img{float:left;}
#header h1{
	padding:0;
	border-width:0;
	background:url(../image/hong.png) no-repeat 0 0;
}
#header img{
	display:block;
	width:100px;
	height:100px;
	position:relative;
	top:-1px;
	left:-1px;
}

#header h1{margin:24px 200px 0 20px;}
#header ul{margin:10px 0 0 20px;}

li {
	float:left;
	width:120px;
}
li.last{width:50px;}
li a{color:#754C29;}
li a.current{
	color:#710300;
	font-weight:bold;
}

#content{
	width:680px;
	min-height:459px;
	border:1px solid #ccc;
	margin:0 0 10px 100px;
}

#philosophy{
	display:block;
	width:265px;
	height:274px;
	margin:0 0 0 205px;
}

#residence{
	display:block;
	width:656px;
	height:444px;
	margin:10px;
}

#room{
	width:100%;
	height:453px;
	position:relative;
}
#menu{
	position:absolute;
	bottom:10px;
	right:65px;
	width:320px;
	height:55px;
	padding:6px 10px;
	background-color:#c5b4a5;
}
#menu a{
	float:left;
	width:62px;
	color:#fff;
	margin-bottom:5px;
}
#menu a.current{
	color:#710300;
	font-weight:bold;
}
#menu p{
	clear:left;
	color:#710300;
	margin:0;
	font-weight:bold;
	position:relative;
	left:-10px;
}
#nation {top:-4px;}
*+html #menu p{top:-8px;}

#menu p span,#menu p a{
	color:#fff;
	padding-left:5px;
}
#menu p a{float:none;}
#arrow{
	position:absolute;
	bottom:41px;
	right:15px;
	width:50px;
	height:36px;
	background:url(../image/arrow.png);
}
#arrow a{
	float:left;
	width:50%;
	height:100%;
}

#picture a{
	position:absolute;
	display:none;
	width:200px;
	height:200px;
}

a.room_1{
	left:245px;
	top:7px;
}
a.room_2{
	left:75px;
	top:15px;
}
a.room_3{
	left:370px;
	top:20px;
}
a.room_4{
	left:50px;
	top:25px;
}
a.room_5{
	left:305px;
	top:30px;
}

/* pages of artists */
#artist_menu{
	margin:10px;
	font-weight:bold;
	height:20px;
}
#artist_menu li{
	float:left;
	margin-right:5px;
}
#artist_menu li.first{margin-right:-25px;}
#artist_menu li a,#content h2{color:#710300;}
#content h2{
	font-size:1em;
	clear:left;
	margin:30px 10px 15px 10px;
}
#content h3{
	font-size:0.9em;
	margin:0 10px 15px 10px;
}
#content p{
	text-align:justify;
	margin:10px;
}
#biography p{margin:20px 10px;}
#exhibitions p{margin:3px 10px;}
#exhibitions p.spacer{margin-top:25px;}
#exhibitions p.same_year{margin-left:40px;}

#artwork img{
	display:inline;
	float:left;
	margin:0 0 10px 10px;
	height:120px;
	width:120px;
	border:1px solid #ccc;
}
#artwork img.first{margin-left:45px;}

#contact{margin-top:35px;}
#contact p{
	text-align:center;
	margin:3px;
}
#contact p#tele{margin-top:25px;}
#contact p.name{
	font-weight:bold;
	margin-top:25px;
}
#contact p#address{
	margin-top:195px;
}
#contact p a{color:#754C29;}