/* CSS Document */

html, body {
	margin:0 0 20px 0;
	border:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:85% ! important;
	font-size:83%;	
	background:url(../images/bgrd_page.gif) 0 -70px repeat-x;
}

.clear {clear:both;}

#box {
	width:80%;
	max-width:900px;
	min-width:790px;		
	margin:0 auto;
	position:relative;
	background:#fff url(../images/bgrd_left.jpg) top left repeat-y;
}

#box_inner {background: url(../images/bgrd_right.jpg) top right repeat-y; }
#box_bottom {background: url(../images/bgrd_bottom.jpg) 0 100%  repeat-x; }


/* header panel */

#header {
	height:150px; 	
	width:80%;
	max-width:900px;
	min-width:760px;		
	margin:0 auto;
}
	
#header img {padding-top:20px; border:none;}

/* Sub Nav panel */

ul#subNav {
	margin:0 0 0 0;	
	padding:15px 0 0 200px;
	list-style-type: none;
	float:right;
	text-align:right;	
	font-size:90%;
	background: url(../images/headerBgrd.jpg) 0px 35% no-repeat;		
	height:100px;	
}

ul#subNav li a {
	display: block;
	padding: 3px;
	padding-right:20px;	
	width:100px;
	color:#fff;
	text-decoration:none;	
}

ul#subNav li a:hover {background:url(../images/SubNavArrow.gif) 95% 60% no-repeat; text-decoration:underline;}

#home ul#subNav li a#homepage {background: url(../images/SubNavArrow.gif) 95% 60% no-repeat;}
#exhib ul#subNav li a#exhibitions {background: url(../images/SubNavArrow.gif) 95% 60% no-repeat;}
#biog ul#subNav li a#biography {background: url(../images/SubNavArrow.gif) 95% 60% no-repeat;}
#current ul#subNav li a#currentwork {background: url(../images/SubNavArrow.gif) 95% 60% no-repeat;}
#contact ul#subNav li a#contactpage {background: url(../images/SubNavArrow.gif) 95% 60% no-repeat;}
 
/* Main menu panel */

ul#nav {width:166px; float:left;	padding:0;	margin:0;	list-style-type: none; 
}

#box ul#nav li {
	margin-left:15px;
	margin-top:2px;
	background:url(../images/bgrd_menu.jpg) repeat-x;	
}

#box ul#nav li a {
	text-decoration:none;
	background: url(../images/arrow_menu.gif) 10% 50% no-repeat;
	display:block;
	padding:5px 5px 5px 35px;
	border-right:1px solid #ebebeb;	
	border-bottom:1px solid #ebebeb;		
	color:#999;
}

#box ul#nav li a#selected {background:#efefef url(../images/arrow_menu_over.gif) 10% 50% no-repeat;}
#box ul#nav li a:hover {background:#f5f5f5 url(../images/arrow_menu_over.gif) 10% 50% no-repeat;}

/* sub menu */

#box ul#nav ul {padding:0;	margin:0;	list-style-type: none;	background-color:#fff; font-size:80%}
#box ul#nav ul li  {background:none;	border:none;	margin:0;}
#box ul#nav ul li a#sub_selected {background:#f6f6f6;}
#box ul#nav ul a, #box ul#nav ul a:hover  {background:none; padding-left:19%;} 
#box ul#nav ul a:hover  {background-color:#e1e1e1;}

#nav_head {
	height:40px;
	border-right:1px solid #ebebeb;	
	border-bottom:1px solid #ebebeb;		
	background: url(../images/bgrd_menu.jpg) repeat-x;	
}

#nav_foot {
	height:150px;
	border-right:1px solid #ebebeb;	
	border-bottom:1px solid #ebebeb;		
	background: url(../images/bgrd_menu.jpg) repeat-x;	
}

/* hidden menus */

li#menu_sub5, li#menu_sub14, li#menu_sub15, li#subNav4, li#menu13, li#menu20, #menu_sub4, #menu_sub19 {display:none;}


/* body */

#box h1 {
	padding:40px 50px 10px 190px;	
	font-weight:normal;
	margin:0;
	font-size:230%;
	letter-spacing:.02em;
	color:#9F0000;
	font-family: Georgia, serif;	
	font-size:250%;	
}

.summary {
	margin:0px 0 10px 0; 
	padding:0 50px 0 190px;
	letter-spacing:.02em;
	line-height:15px;
	display:none; /* hidden these page titles until we do the translations */
}

#landscapes .summary,
#family .summary,
#litho .summary,
#screens .summary,
#glass .summary,
#ceramics .summary,
#lacquers .summary,
#marble .summary,
#bronze .summary,
#kakejiku .summary,
#silks .summary,
#fashion .summary,
#obi .summary,
#linen .summary,
#disc .summary,
#japan .summary,
#chineseMyth .summary,
#greek .summary
 {display:none;}


/*tempraire*/
#summary_contact {
	margin:10px 0 25px 0; 
	padding:0 50px 0 190px;
	letter-spacing:.02em;
	line-height:15px;}

a#mail_contact {
	margin-left:20px; 
	padding:5px 0 5px 35px;
	background:url(../images/icon_mail.gif) 0 50% no-repeat;
}

/* photos thumbs */

#holderThumbs {padding:10px 340px 0 190px;}

#holderThumbs img.land {
	cursor:pointer;
	padding:13px 2px 12px 2px;
	width:70px;
	height:49px;
	border:1px solid #ebebeb;	
	margin:0 2px 2px 0;
}

#holderThumbs img.port {
	margin:0;
	cursor:pointer;
	padding:2px 8px 2px 9px;
	margin:0 2px 2px 0;
	width:57px;
	height:70px;
	border:1px solid #ebebeb;	
}

/* photos main */

#holderMain {width:340px;	float:right;	padding-right:30px;	margin-top:10px;}
#photoTitle {padding:0;	margin-top:5px;	font-size:90%; }
#holderMain img.port, #holderMain img.land {border:1px solid #ebebeb;	cursor:pointer;	padding:2px;}
#holderMain img.port {width:282px; height:395px;}
#holderMain img.land {width:334px; height:270px;}
#copyright {padding-left:25px; color:#999;}

/* ------------------ */
/* ---- home page --- */
/* ------------------ */

#index #box_imgHolder {margin:80px 30px 30px 70px; float:left;}

ul.imgHome  {padding:0;	margin:0;	list-style-type: none;}
ul.imgHome li {display:inline;}

ul.imgHome li a {
	border:1px solid #ccc;
	padding:5px 3px;
	margin:0 5px 20px 5px;
	text-align:center;
	float:left;
	text-decoration:none;
	color:#999;
	font-size:90%;
	background-color:#fff;
}

ul.imgHome li a:hover {border:1px solid #999;}
.imgHome img {width:90px;	height:125px;	border:none;}
.imgHome li span {display:block; margin:2px 0;}

/* ---- exhibitions & biog page --- */

#contentText {padding:10px 0px 0 20px; width:44%;	float:left;}
#contentText h4 {color:#9F0000; margin-bottom:0; font-size:100%;} 
#contentText p {color:#666; line-height:1.5em; margin-top:5px;} 

.persoPhotos {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin-bottom:20px;
	overflow:hidden;
	padding:5px;
	width:200px;
}
.persoPhotos img {width:200px;}
#photoHolder {width:250px;	float:right; padding-top:40px;}

a.btt {
	background:transparent url(../images/arrow_btt.gif) no-repeat scroll 0pt 60%;
	color:#666666;
	font-size:78%;
	padding-left:18px;
}

a.btt:hover {text-decoration:none;}

/* -- contact and thank you pages */

#contacter {
	list-style:none;
}

#contacter label {
	width:8em;
	float:left;
	margin-left:20px;
}

#contacter input {
	margin-bottom:2px;
}

#contacter input#submit {
	margin:10px 8.4em;
}

/* -------------- menu ---------------- */

#tabHolder{
	position:absolute;
	top:-37px;
	left:12px;
	width:100%;	
}	

#menu {
	margin:0;
	padding:0; 
	list-style:none;
}

#menu li {
	position:relative;
	float:left;
	width:160px;
	margin-right:5px;
 }

#menu li ul {
	position: absolute; 
	left:0px; 
	top:23px;
	display:none; 
	list-style:none;
	margin:0;
	padding:0;		
}

*html #menu li ul {top:23px;} /* IE6 hack to push the sub menu down 1px. */ 
*+html #menu li ul {top:24px;} /* IE7 hack to push the sub menu down 1px. */ 
#menu li ul li a{border-top: none;}

/* Styles for Menu Items */

#menu li a {
	display: block;
	text-decoration: none;
	color:#999;
}

#menu li#menuMyth a,  #menu li#menuOeuvre a {
	height:37px;
	padding:10px 0 0 0;
	font-weight:bold;
	font-size:130%;
	text-align:center;
	font-family:Georgia, serif; 
	background: url(../images/tabs.gif) 0 0 no-repeat; 
	color:#c7e1fc;
 }
	 
#menu li#menuOeuvre a:hover, #menu li#menuMyth a:hover { 
	color:#fefefe;
}

#menu li#menuOeuvre a.selected, #menu li#menuMyth a.selected{ 
	background:url(../images/tabs_selected.gif) 0 0 no-repeat; 
	color:#ffffff;
}

#menu ul#subMenuMyth, #menu ul#subMenuOeuvre {
	margin:15px 0px 0 0px;
	width:150px;
	float:left;
	padding:0;	
	list-style-type: none;
}

#menu ul#subMenuMyth li, #menu ul#subMenuOeuvre li { 
	background:url(../images/bgrd_menu.jpg) repeat-x;	
	border-bottom:1px solid #ebebeb;		
	border-right:1px solid #ebebeb;
	width:155px;
}

#menu ul#subMenuMyth li a, #menu ul#subMenuOeuvre li a{
	background: url(../images/arrow_menu.gif) 10% 50% no-repeat;
	font-weight:normal;		
	height:20px;
	padding:5px 0 0 50px;
	font-size:98%;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#999;
}

#menu ul#subMenuMyth li  {	border-left:1px solid #ebebeb;	}

#menu ul#subMenuMyth li a:hover, #menu ul#subMenuOeuvre li a:hover {
	background:#f5f5f5 url(../images/arrow_menu_over.gif) 10% 50% no-repeat;
	color:#999;
}

/* Holly Hack. IE Requirement \*/
* html #menu li { float: left; height: 1%; }
* html #menu li a { height: 1%; }
/* End */

#menu li:hover ul, #menu li.over ul { display: block; } /* The magic */

/*flags*/

 #flags {
	float:right;
	margin:5px 25px 0 0;
	padding:3px 0 5px 0;
	display:none;
}

 #flags li {
	display:block;
	float:left;
	padding:3px 5px 6px 5px;
	margin:0px 0 0 0;
}

 #flags li a {
	text-decoration:none;
	color:#ccc;
	font-size:90%;
	padding:6px 5px 5px 25px;
}

#flags li#en a { background: url(../images/flag_english.gif) 0px -36px no-repeat;}
#flags li#jp a {background: url(../images/flag_japan.gif) 0px -36px no-repeat;}
#flags li#ch a {background: url(../images/flag_china.gif) 0px -36px no-repeat;}

#flags li#en a:hover { background:url(../images/flag_english.gif) 0 4px no-repeat;}
#flags li#jp a:hover { background:url(../images/flag_japan.gif) 0 4px no-repeat;}
#flags li#ch a:hover { background:url(../images/flag_china.gif) 0 4px no-repeat;}

#flags li a:hover {text-decoration:underline;}

#flags li#en a.selected { background: url(../images/flag_english.gif) 0 4px no-repeat; color:#fff;}
#flags li#jp a.selected {background: url(../images/flag_japan.gif) 0 4px no-repeat; color:#fff;}
#flags li#ch a.selected {background: url(../images/flag_china.gif) 0 4px no-repeat; color:#fff;}

/* -------- end menu ------------- */
/* Main menu panel */


.nav_head {
	height:40px;
	border-right:1px solid #ebebeb;	
	border-bottom:1px solid #ebebeb;		
}

.nav_foot {
	height:150px;
	border-right:1px solid #ebebeb;	
	border-bottom:1px solid #ebebeb;		
}