@charset "utf-8";

html, body
{
	margin:0;
	background-color:#f0f0e4;
	text-align:center;
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

#container
{
	width:714px;
	margin:auto;
	padding:0 7px 0 7px;
	text-align:left;
	background-image:url(../i/bg.jpg);
	background-repeat:repeat-y;
}

#header
{
	display:block;
	width:700px;
	height:163px;
	background-image:url(../i/header.jpg);
	background-repeat:no-repeat;
}

#header h1, #header h2 { display:none; }

#breadcrumbs
{
	display:block;
	width:700px;
	height:20px;
	background-image:url(../i/breadcrumbs-bg.jpg);
	background-repeat:no-repeat;
	text-align:right;
}

#breadcrumbs h1 { margin:2px 10px 0 0; padding:0 4px; display:inline; }
#breadcrumbs h2 { margin:2px 0 0 0; padding:0; display:inline; }
#breadcrumbs h1 span, #breadcrumbs h2 span { display:none; }

/* BREADCRUMBS */

#ttl_about{ background-image:url(../i/titles/about-us.gif); width:70px; }
#ttl_about_russian{ background-image:url(../i/titles/about-russian.gif); width:82px; }
#ttl_japanese{ background-image:url(../i/titles/japanese.gif); width:90px; }
#ttl_chinese{ background-image:url(../i/titles/chinese.gif); width:80px; }	
#ttl_catalogues{ background-image:url(../i/titles/catalogues.gif); width:80px; }	
#ttl_events{ background-image:url(../i/titles/events.gif); width:70px; }	
#ttl_contact{ background-image:url(../i/titles/contact.gif); width:80px; }	
#ttl_links{ background-image:url(../i/titles/links.gif); width:70px; }	
#ttl_copyright{ background-image:url(../i/titles/copyright.gif); width:70px; }
#ttl_netsuke{ background-image:url(../i/titles/netsuke.gif); width:70px; }
#ttl_lacquer{ background-image:url(../i/titles/lacquer.gif); width:70px; }		
#ttl_paintings{ background-image:url(../i/titles/paintings.gif); width:70px; }		
#ttl_sculpture{ background-image:url(../i/titles/sculpture.gif); width:70px; }		
#ttl_tea{ background-image:url(../i/titles/tea.gif); width:70px; }		
#ttl_other{ background-image:url(../i/titles/other.gif); width:70px; }		
#ttl_calligraphy{ background-image:url(../i/titles/calligraphy.gif); width:70px; }		
#ttl_literati{ background-image:url(../i/titles/literati.gif); width:70px; }		

.location
{
	display:block;
	float:right;
	height:17px;
	background-repeat:no-repeat;
	background-position:right;
}

/* MENUS 
     '--> TOP MENU */
	 
#menu-top
{
	display:block;
	width:700px;
	height:40px;
	background-color:#2d070a;
}

#menu-top ul
{
	margin:0;
	padding:0;
}

#menu-top ul li
{
	margin:0;
	padding:0 5px 0 6px;
	display:block;
	float:left;
	background-image:url(../i/menu/top/divide.jpg);
	background-repeat:no-repeat;
	background-position:0 6px;
}

#btn_about{background-image:none;}

#btn_about a {background-image:url(../i/menu/top/about.jpg); width:62px}
#btn_about_russian a {background-image:url(../i/menu/top/about_russian.jpg); width:78px}
#btn_japanese a {background-image:url(../i/menu/top/japanese.jpg); width:85px;}
#btn_chinese a {background-image:url(../i/menu/top/chinese.jpg); width:82px;}
#btn_catalogues a {background-image:url(../i/menu/top/catalogues.jpg); width:79px;}
#btn_events a {background-image:url(../i/menu/top/events.jpg); width:47px;}
#btn_contact a {background-image:url(../i/menu/top/contact.jpg); width:79px;}
#btn_links a {background-image:url(../i/menu/top/links.jpg); width:39px;}
#btn_copyright a {background-image:url(../i/menu/top/copyright.jpg); width:74px;}

#btn_about a, #btn_about_russian a, #btn_japanese a, #btn_chinese a, #btn_catalogues a, #btn_events a, #btn_contact a, #btn_links a, #btn_copyright a
{
	display:block;
	height:20px;
	margin:0 4px 0 4px;
	background-repeat:no-repeat;
	background-position:0 0;
}

#btn_about a:hover, #btn_about_russian a:hover, #btn_japanese a:hover, #btn_chinese a:hover, #btn_catalogues a:hover, #btn_events a:hover, #btn_contact a:hover, #btn_links a:hover, #btn_copyright a:hover
{
	height:20px;
	background-repeat:no-repeat;
	background-position:0 -20px;
}

#btn_about a span, #btn_about_russian a span, #btn_japanese a span, #btn_chinese a span, #btn_catalogues a span, #btn_events a span, #btn_contact a span, #btn_links a span, #btn_copyright a span
{ display:none; }



/* MENUS 
     '--> SIDE MENU */
	
#menu-left
{
	display:block;
	float:left;
	width:200px;
	font-size:80%;
	text-align:right;
	margin:0;
	padding:0;
}

#menu-left ul
{
	margin:0;
	padding:27px 0 0 0;
	list-style-type:none;
	background-repeat:no-repeat;
}

#menu-left ul li
{
	margin:0;
	list-style-type:none;
	border-bottom:1px solid #222222;
	padding:2px 0 2px 0;
}

#menu-left a
{
	display:block;
	height:24px;
	color:#7e7367;
	text-decoration:none;
	padding:0 10px 0 0;
	line-height:24px;
}

#menu-left a:hover
{
	color:#b6b6a5;
	background-color:#121212;
	border-top:1px solid #2a2a2a;
	border-bottom:1px solid #2a2a2a;
	height:22px;
	line-height:22px;
}

#menu-left a span
{
	padding:0 0 0 8px;
	background-image:url(../i/menu/side/arrow-off.gif);
	background-position:0 6px;
	background-repeat:no-repeat;
}

#menu-left a:hover span
{
	padding:0 0 0 8px;
	background-image:url(../i/menu/side/arrow-on.gif);
	background-position:0 6px;
	background-repeat:no-repeat;
}

#content
{
	display:block;
	float:left;
	width:480px;
	padding:10px 0 20px 12px;
	
	/* GENERIC */
	
	color:#5e4a31;
	font-size:70%;
	line-height:150%;
}

.menu_japanese{ background-image:url(../i/menu/side/japanese.gif); }

.menu_chinese{ background-image:url(../i/menu/side/chinese.gif); }

/* GENERAL STYLE */

p {
	margin:0 5px 20px 0;
}

h1, h2, h3
{
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
	margin:5px 0 10px 0;
	padding:0; 
}

h2
{
	font-size:90%; 
}

h3
{
	font-size:80%; 
}

#content ul
{
	margin:0 0 0 8px;
	padding:0;
}

#content ul li
{
	padding:0 0 0 12px;
	list-style-type:none;
	background-image:url(../i/bullet.gif);
	background-position:0 6px;
	background-repeat:no-repeat;
	margin:0 0 0 8px;
}

#content a
{
	color:#5e4a31;
	text-decoration:underline;
	font-weight:bold;
}

#content a:hover
{
	color:#816d5a;
}

#footer
{
	display:block;
	width:700px;
	height:22px;
	background-image:url(../i/footer-bg.jpg);
	background-repeat:no-repeat;
	border-top:1px solid #3a1a0e;
	clear:both;
	text-align:right;
}

#footer h1 a
{
	display:block;
	background-image:url(../i/seo.gif);
	background-repeat:no-repeat;
	width:232px;
	margin:0 10px 0 0;
	height:10px;
}

#footer h1 a span { display:none; }

/* GALLERY */

.artwork
{
	float:left;
	display:block;
	width:140px;
	height:200px;
	margin:0 10px 10px 10px;
}

.artwork p
{
	margin:0 0 10px 0;
	padding:0 10px 0 10px;
	font-size:80%;
	line-height:100%;
	font-weight:bold;
	margin-top:1px solid #f1f0ee;
	margin-bottom:1px solid #f1f0ee;
}

/* CATALOGUE */

.catalogueitem
{
	/*background-color:#d0c4b6;
	width:455px;*/
	height:100px;
	border:1px solid #d0c4b6;
	margin:20px 10px 20px 10px;
	padding:10px;
	/*background-image:url(../i/catalogueitembg.jpg);*/
}

.cataloguelistimage
{
	float:right;
	border:1px solid #d0c4b6;
	margin:0 0 0 10px;
}

.catalogueimage
{
	float:right;
	border:1px solid #d0c4b6;
	margin:10px 10px 10px 10px;
}

/* CATALOGUE */

.eventitem 
{
	width:455px;
	margin:10px;
	display:block;
}

.eventright
{
	float:right;
	text-align:right;	

	padding-top:3px;
}

hr 
{
	height:1px;
	color:#d0c4b6;	
}

/* CONTACT */

.formtextbox, .formtextareabox
{
	font-size:12px;
	width:220px;
}

.pic 
{
	border:1px solid #d0c4b6;

}

.picleft 
{
	border:1px solid #d0c4b6;
	margin:4px 15px 10px 0;
}

.picright 
{
	margin:4px 0 10px 15px;
	border:1px solid #d0c4b6;
}

/* ART OBJECT */

#main-image {
	width:322px;
	float:left;
}

#main-image img {
	border: 1px solid #2d070a;
	padding: 3px;
}

#popbuts {
	float:left;
	margin:-2px 0 0 0;
}
#popbuts a {
	text-decoration:none;
	font-size:9px;
	color:#fff;
	background-color:#371316;
	padding:5px;
	margin:0 1px 0 0;
	
}
#popbuts a:hover {
	color:#371316;
	background-color:#ccc;
}

#poplink {
	float:right;
	margin:-2px -1px 0 0;
}
#poplink a {
	font-size:9px;
	padding:5px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	background-color:#371316;
}
#poplink a:hover {
	color:#371316;
	background-color:#ccc;
}

#art-details {
	float:right;
	width:150px;
	
	height:200px;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	
}
#art-title, #art-artist, #art-period, #art-dimensions {
	border-bottom:1px solid #fff;
	padding:5px;
	line-height:13px;
	background-color:#371316;
}

#art-details .art-sub {
	font-size:8px;
	text-transform:uppercase;
	margin-bottom:-2px;
}

#description {
	clear:both;
	padding-top:15px;
}
*:first-child+html #description {
	padding-top:0px;
}
* html #description {
	padding-top:0px;
}


/* ADMIN STYLE */

#menu-top a 
{
	color: #cab5b2;
	text-decoration: none;
	font-size:12px;
}

#menu-top a:hover 
{
	color: #fff;
} 

	
/* HACKEROONIES */

.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

html[xmlns] .clearfix
{
	display: block;
}

* html .clearfix
{
	height: 1%;
}