@charset "utf-8";

/* CSS Document Base*/



/*-----reset--------------------------------------------*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

	}

body{

	line-height: 1;

	}

ol, ul{

	list-style: none;

	}

table{

	border-collapse: collapse;

	border-spacing: 0;

	}

/*-----reset--------------------------------------------*/



/*-----basic--------------------------------------------*/

html{

	background-color:#F7F5F0;

	}

body{

	width:820px;

	height:100%;

	margin:0 auto;

    font-size:13px;

	font-family:Helvetica, Arial, sans-serif;

	line-height:1.7em;

	background-color:#FFF;

	color:#888;/*#877541;*/

	line-break:strict;

	padding:10px 80px 0px 80px;

	line-break: strict;

	}

a:link{

	color:#555;

	text-decoration:none;

	}

a:hover{

	color:#9CC;

	text-decoration:none;

	border-bottom:1px dotted gray;

	}	

a:visited{

	color:#9A9285/*#996*/;

	text-decoration:none;

	}

img{

	display:block;

	}

p{

	lineheight:1.7em;

	}

h1{

	font-size:26px;

	font-weight:normal;

	font-family:Georgia,'Times New Roman',Times, serif;

	}

h2{

	font-size:18px;

	font-weight:normal;

	font-family:Georgia,'Times New Roman',Times, serif;

	}

h3{

	font-size:16px;

	margin-bottom:10px;

	font-weight:normal;	

	}

.s_font{

	font-size:12px;

	vertical-align:baseline;

	line-height:16px;

	}

.xs_font{

	font-size:10px;

	font-family:Helvetica, Arial, sans-serif;	

	}	

em{

	font-style:italic;

	}

strong{

	font-style:italic;

	font-weight:bold;

	}

.credit{

	text-align:right;

	}

span.amp {

  font-family: Baskerville, Palatino, constania, "Book Antiqua", serif;

  font-style: italic;

  }

.capture{

	font-size:13px;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-style:italic;

	font-weight:bold;

	}

.constraction{

	padding:50px 0;

	font-variant:small-caps;

	font-size:50px;

	color:#CCC;

	font-style:italic;

	text-align:center;

	}

.e404_title{

	padding:50px 0 10px 0;

	font-variant:small-caps;

	font-size:50px;

	color:#CCC;

	font-style:italic;

	text-align:center;

	line-height:50px;

	}

.e404_jump{

	padding:50px 0 0 0;

	font-variant:small-caps;

	font-size:25px;

	color:#999;

	font-style:italic;

	text-align:center;

	}

.e404{

	padding:0 0 50px 0;

	text-align:center;

	}

a.back{

	background-image:url(../images/big_back.gif);

	background-repeat:no-repeat;

	padding:0 0 0 1.5em;

	line-height:1em;

	height:1em;

	vertical-align:text-top;

	font-size:18px;

	display:npne;

	}

a:hover.back{

	background-image:url(../images/back__.gif);

	background-repeat:no-repeat;

	padding:0 0 0 1.3em;

	line-height:1em;

	height:1em;

	vertical-align:text-top;

	font-size:12px;

	display:none;

	}

/*-----basic--------------------------------------------*/



/*-----basic structure--------------------------------------------*/

#main{

	width:820px;

	height:100%;

	margin:0px 0px 20px 0px;

	background-color:#FFF;

	}

#main h1{

	line-height:1.2em;

	padding:0 0 0 0px;

	}

#footer{

	width:820px;

	height:70px;

	border-top:solid 1px #CCC;

	color:#999;

	margin:0px 0 0 0;

	padding:20px 0 0 0;

	font-size:10px;

	text-align:center;

	line-height:1.5em;

	background-color:#FFF;

	}

.right{

	float:right;

	}

.left{

	float:left;

	}

.clear{

	clear:both;

	}

.center{

	text-align:center;

	}

/*-----basic structure--------------------------------------------*/



/*-----borders--------------------------------------------*/

#category li{

	float:left;

	padding:0 0 0 5px;

	margin:20px 30px 0px 0;

	}

.gallery_title{

	border-left:3px solid #999;

	border-left-width:thick;

	}
	
.ceramic_title{

	border-left:3px solid #C99;

	border-left-width:thick;

	}

.jewelry_title{

	border-left:3px solid #C66;

	border-left-width:thick;

	}

.lacquer_title{

	border-left:3px solid #669;

	border-left-width:thick;

		}

.others_title{

	border-left:3px solid #966;

	border-left-width:thick;

	}

.paint_title{

	border-left:3px solid #069;

	border-left-width:thick;

	}

.textile_title{

	border-left:3px solid #CC3;

	border-left-width:thick;

	}

.mix_title{

	border-left:3px solid #636;

	border-left-width:thick;

	}

/*-----borders--------------------------------------------*/



/*-----#index--------------------------------------------*/

.index{

	background-color:#FFF;

	height:250px;

	padding:250px 0px 50px 0;

	}

.dumbCrossFade{

	padding:0 0 30px 0;

	}

/*-----#index--------------------------------------------*/



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

#menu{

	width:820px;

	height:50px;

	margin:10px 0 30px 0;

	}

#menu .menulist{

	margin:0 0 0 20px;

	float:left;

	display:inline;

	font-variant:small-caps;

	letter-spacing:0.1em;

	position:relative;

	font-style:normal;

	font-size:14px;

	line-height:2em;

	}
	
#menu .mylink{
	
	float:left;

	display:inline;

	position:relative;
	
	}
	
#menu .mylink img{
	
	margin-left:3px;
	
	}
	

#menu img{

	float:left;

	margin:5px 0 0 0;

	}

#menu form{

	padding:3px 0 0 0;
	float:right;

	}

#nav, #nav ul{

	margin:0;

	padding:0;

	list-style-type:none;

	list-style-position:inside;/*default:out*/

	line-height:2em; 

	}

#nav a{

	display:block;

	padding:0px 12px;

	color:#666;

	text-decoration:none;

	border-left: 1px dotted #999;

	}

#nav a:hover{

	color:#9CC;

	text-decoration:none;

	}	

#nav li{

	float:left;

	position:relative;

	}

#nav ul{

	display:none;

	top:2em;

	position:absolute;

	}

#nav li li{

	float:left;

	z-index:1;

	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{

	display:none;

	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{

	display:block;

	}

ul.dropdown {

	width: 100%;

	}

	ul.dropdown li, ul.dropdown li a {

	 border: none;

	}

	ul.dropdown li.hover,

	ul.dropdown li:hover {

	 background-color:#ffffff;

	}

	ul.dropdown ul {

	 width: 700px;

	}	

ul.dropdown ul li.hover {

	margin: 0;

	border: none;

	}

ul.dropdown *.dir {

	border: none;

}

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



/*-----#index--------------------------------------------*/

#index .dumbCrossFade {

	width:820px;

	height:410px;

	display:block;

	cursor:pointer;

	border:none;

	position:relative;

	overflow:hidden;

	}

#index .dumbCrossFade .dumbItem {

	display:none;

	position:absolute;

	top:0;

	left:0;

	border:none;

	}

#index .dumbCrossFade .dumbItem img {

	border:none;

	}

#index .dumbCrossFade * {

	border:none;

	text-decoration:none;

	}

/*-----#index--------------------------------------------*/



/*-----#search--------------------------------------------*/

.sbtn{

	font-size:13px;

	background-color:#FFF;

	background-image:url(http://www.keikogallery.com/images/search.gif);

	background-repeat:no-repeat;

	border:none;

	}

.sbtn:hover{

	font-size:13px;

	background-color:#FFF;

	background-image:url(http://www.keikogallery.com/images/search_hover.gif);

	background-repeat:no-repeat;

	border:none;

	}

.sbox{

	background-color:#F2EFE8;

	color:#999;

	}

#search{

	height:100%;

	}

#search form{

	margin:20px 0;

	height:20px;

	}

#search table{

	margin:0 0 10px 0;

	width:100%;

	}

#search table td{

	background-color:#9A9285;

	color:#FFF;

	padding:3px 10px;

	}

#search .title{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:18px;

	padding:15px 0 0 0;

	}

#search .surl{

	color:#999999;

	}

#search a:link{

	color:#369;

	text-decoration:none;

	}

#search li{

	display:block;

	}

/*-----#search--------------------------------------------*/



/*-----#all_artist--------------------------------------------*/

#artmenuwrap{

	margin:20px 0 0 0;

	display:none;

	}

#artmenuwrap .artmenu{

	margin:0;

	letter-spacing: 0.07em;

	padding:0 10px;

	border-right:1px solid #FFF;

	float:left;

	}

#artmenuwrap a.catmenuc{

	text-decoration:none;

	font-weight:bold;

	text-transform:lowercase;

	color:#FFF;

	line-height:2em;

	}

#artmenuwrap a.catmenuc:hover{

	border-bottom:none;

	color:#FFF;		

	}

#initsortwrap{

	clear:both;

	border-top:1px solid #FFF;

	}

#initsortwrap a.inimenuc{

	text-decoration:none;

	font-weight:bold;

	color:#FFF;

	line-height:2em;	

	}

#initsortwrap a.inimenuc:hover{

	border-bottom:none;

	color:#FFF;	

	}

li.inimenu{

	margin:0px;

	letter-spacing: 0.07em;

	padding:0px 9px;

	border-right:1px solid #fff;

	float:left;

	text-decoration:none;

	font-weight:bold;

	text-transform:upppercase;

	color:#FFF;

	line-height:2em;

	background-color:#F2F0EA;

	}

li.inimenul{

	margin:0px;

	letter-spacing: 0.07em;

	padding:0px 9px;

	border-right:1px solid #fff;

	float:left;

	text-decoration:none;

	font-weight:bold;

	text-transform:uppercase;

	color:#FFF;

	line-height:2em;

	background-color:#CFC5BE;

	}

#listwrap {

	margin:0;

	clear:both;

	}

li#individual{

	margin:40px 0 0 0;

	width:160px;

	height:60px;

	font-size:10px;

	line-height:2.5em;

	float:left;

	}

img.aicon{

	margin-right:10px;

	float:left;

	border: none;

	}

a.alink{

	font-style:italic;

	font-weight:bold;

	line-height:1.5em;

	font-size:12px;

	}

/*-----#all_artist--------------------------------------------*/



/*-----#artist_individual--------------------------------------------*/

#artist_individual h1{

	margin:0 0 0px 0;

	padding: 0 0 0 10px;

	line-height:1em;

	font-size:26px;

	color:#C0C0C0;

	border-bottom:none;

	}

#artist_individual h2{

	margin:0 0 0px 0;

	padding:5px 0 0 10px;

	font-size:13px;

	line-height:1em;

	font-style:italic;

	font-weight:bold;

	color:#666;

	font-family:Helvetica, Arial, sans-serif;

	}

#artist_individual h2.special a{

	margin:0 0 0px 0;

	font-size:13px;

	line-height:1em;

	font-style:italic;

	font-weight:bold;

	color:#666;

	font-family:Helvetica, Arial, sans-serif;

	}

#artist_individual h3{

	margin:20px 0 20px 0;

	font-size:16px;

	border-bottom:1px dotted #CCC;

	padding:0px 0 10px 0px;

	text-transform:uppercase;

	font-weight:bold;

	font-style:italic;

	}

#artist_individual h4{

	margin:0 0 0 0;

	font-size:13px;

	font-variant:small-caps;

	}

#artist_individual h2.title{

	display:none;

	}

#exhibit_info h4{

	margin:0 0 20px 0;

	font-size:13px;

	font-variant:small-caps;

	}

#artist_individual #gallery{

	width:260px;

	margin:0px 0 0 0;

	}

#artist_individual #gallery p{

	font-family:Helvetica, Avenir, Arial, sans-serif;

	font-size:12px;

	}

#artist_individual #gallery img{

	width:120px;

	height:120px;

	margin:0 0 10px 10px;

	}

#artist_individual #gallery ul{

	margin:0px;

	padding:0px;

	display:block;

	}

#artist_individual #gallery li{

	margin:0px;

	padding:0px;

	list-style:none;

}

#artist_individual #gallery a:link{

	boder:none;

	text-decoration:none;

	}

#artist_individual #gallery a:hover{

	boder:none;

	text-decoration:none;

	}

#artist_individual .main_info{

	width:540px;

	margin:0px 0 0 0px;

	}

#artist_individual .main_info p{

	margin:10px 0 0 0;

	}

.artist_info{

	margin:0 0px 10px 0;

	padding:0 10px 0 0;

	}

/*-----#artist_individual--------------------------------------------*/



/*-----#exhibit_info--------------------------------------------*/

#exhibit_info h1{

	margin:0 0 10px 0;

	padding: 0 0 0 10px;

	line-height:1em;

	font-size:26px;

	color:#C0C0C0;

	border-bottom:none;

	}

#exhibit_info h2{

	margin:0 0 20px 0;

	font-size:13px;

	line-height:1em;

	font-style:italic;

	font-weight:bold;

	color:#666;

	font-family:Helvetica, Arial, sans-serif;

	}

#exhibit_info h2.special a{

	margin:0 0 20px 0;

	font-size:13px;

	line-height:1em;

	font-style:italic;

	font-weight:bold;

	color:#666;

	font-family:Helvetica, Arial, sans-serif;

	}

#exhibit_info h3{

	margin:0 0 20px 0;

	font-size:16px;

	border-bottom:1px dotted #CCC;

	padding:0px 0 8px 0px;

	font-variant:small-caps;

	}

#exhibit_info h4{

	margin:0 0 20px 0;

	font-size:13px;

	font-variant:small-caps;

	}

#exhibit_info .dm{

	width:390px;/*400*/

	margin:0 0 0 0;

	}

#exhibit_info .column{

	width:385px;/*400*/

	margin:0px 0 0 0;

	}

#exhibit_info .column p a{

	color:#CD0C0C;

	text-decoration:none;

	border-bottom:1px dotted gray;

	}

#exhibit_info .column p a:hover{ /* *** */

	color:#9CC;

	text-decoration:none;

	border-bottom:1px dotted gray;

	}

#exhibit_info .column p a:visited{ /* *** */

	color:#9CC;

	text-decoration:none;

	/*border-bottom:1px dotted gray;*/

	}

#exhibit_info .column{

	margin:0 0 20px 0;

	}

#exhibit_info .column ul{

	margin:0 0 20px 0;

	color:#787878;

	}

#exhibit_info .column ul li{

	border-bottom:1px dotted gray;

	padding:0px 0px 15px 0px;

	margin:0 0 10px 0;

	font-size:16px;

	line-height: 1.5em;

	}

#exhibit_info .column object{

	width:370px;

	height:400px;

	}	

#exhibit_info .press_release{

	width:560px;

	margin:0 auto;

	}

#exhibit_info .press_release .strong{

	font-variant:small-caps;

	font-weight:bold;

	}

#exhibit_info p{

	margin:0 0 2em 0;

	font-family:Helvetica, Avenir, Arial, sans-serif;

	font-size:13px;

	line-height:1.7em;

	}

#exhibit_info .exhibit_artist ul li{

	float:left;

	width:160px;

	height:60px;

	display:inline;

	margin:20px 0 20px 0;

	font-family:Helvetica, Avenir, Arial, sans-serif;

	font-size:12px;

	}

#exhibit_info .exhibit_artist img{

	width:60px;

	height:60px;

	margin:0 10px 0 0;

	float:left;

	display:inline;

	}

#exhibit_thumbnail{

	width:780px;

	margin:0px 0 0 0;

	font-family:Helvetica, Avenir, Arial, sans-serif;

	}

#exhibit_thumbnail table{

	width:780px;

	border:none;

	font-size:10px;

	line-height:1.2em;

	}	

#exhibit_thumbnail table tr{

	}

#exhibit_thumbnail table tr td{

	width:83px;

	margin:0;

	padding:0 17px 30px 0;

	border:none;

	text-align:right;

	}

#exhibit_thumbnail table div{

	width:100px;

	height:100px;

	margin:0 0 5px 0;

	border:1px dotted #E4E4E4;

	vertical-align:middle;

	}

#exhibit_thumbnail img{

	margin:0;

	max-width:100px;

	max-height:100px;

	border:none;

	}

#exhibit_thumbnail table div a {

	border:none;

	}
	
	
	
	
	
	
	
#exhibit_book{

	width:780px;

	margin:0px 0 0 0;

	font-family:Helvetica, Avenir, Arial, sans-serif;

	}

#exhibit_book table{

	width:780px;

	border:none;

	font-size:10px;

	line-height:1.2em;

	}	

#exhibit_book table tr{

	}

#exhibit_book table tr td{

	width:83px;

	margin:0;

	padding:0 17px 30px 0;

	border:none;

	text-align:right;

	}

#exhibit_book table div{

	width:100px;

	height:100px;

	margin:0 0 5px 0;

	border:1px dotted #E4E4E4;

	vertical-align:middle;

	}

#exhibit_book img{

	margin:0;

	max-width:100px;

	max-height:100px;

	border:none;

	}

	
	
	
	
	
	

/*-----#exhibit_info--------------------------------------------*/



/*-----#upcoming--------------------------------------------*/

#upcoming .column{

	margin:20px 0 0 0;

	}

#upcoming .column ul{

	width:390px;

	border-bottom:1px dotted gray;

	border-top:1px dotted gray;	

	height:95px;

	padding:10px 0;

	margin:0 0 20px 0;

	float:clear;

	}

#upcoming .column ul li{

	float:left;

	}

#upcoming .title{

	font-variant:small-caps;

	font-style:italic;

	font-weight:bold;

	}

#upcoming .date{

	font-family:Georgia,'Times New Roman',Times,serif;

	letter-spacing:0.03em;

	font-size:36px;

	line-height:1.2em;

	color:#d5d5d5;

	margin:7px 0 0 0;

	width:85px;

	padding:0 0 0 12px;

	}

#upcoming img{

	width:80px;

	height:80px;

	margin:0 12px 0 0;

	}

#upcoming .info{

	font-family:Helvetica, Avenir, Arial, sans-serif;
	
	line-height:20px;

	width:165px;

	}

/*-----#upcoming--------------------------------------------*/



/*-----#past--------------------------------------------*/

#past h1{

	margin:0 0 20px 0;

	}

#past .column{

	margin:20px 0 0 0;

	}

#past .column ul{

	width:390px;

	border-bottom:1px dotted gray;

	border-top:1px dotted gray;	

	height:95px;

	padding:10px 0;

	margin:0 0 20px 0;

	}

#past .column ul li{

	float:left;

	}

#past .title{

	font-variant:small-caps;

	font-style:italic;

	font-weight:bold;

	}

#past .date{
	font-family:Georgia,'Times New Roman',Times,serif;

	letter-spacing:0.03em;

	font-size:34px;

	line-height:1.2em;

	color:#d5d5d5;

	margin:7px 0 0 0;

	width:85px;

	padding:0 0 0 12px;

	}

#past img{

	width:80px;

	height:80px;

	margin:0 12px 0 0;

	display:inline;

	}

#past .info{

	font-family:Helvetica, Avenir, Arial, sans-serif;

	width:165px;
	
	line-height:20px;

	}

#past .image a:hover{

	text-decoration:none;

	border:none;

	}

/*-----#past--------------------------------------------*/



/*-----#fare--------------------------------------------*/

#fare .column{

	margin:20px 0 0 0;

	}

#fare ul{

	width:390px;

	border-bottom:1px dotted gray;

	border-top:1px dotted gray;	

	height:60px;

	padding:10px 0;

	margin:0 0 20px 0;

	float:clear;

	}

#fare ul li{

	float:left;

	}

#fare .sort{

	font-variant:small-caps;

	font-style:italic;

	}

#fare .title{

	font-variant:small-caps;

	font-style:italic;

	font-weight:bold;

	}

#fare .date{

	font-family:Georgia,'Times New Roman',Times,serif;

	letter-spacing:0.03em;

	font-size:34px;

	line-height:1.2em;

	color:#d5d5d5;

	margin:7px 0 0 0;

	width:120px;

	padding:0 0 0 12px;

	}

#fare img{

	width:60px;

	height:60px;

	margin:0 10px 0 15px;

	}

#fare .info{

	font-family:Helvetica, Avenir, Arial, sans-serif;

	width:165px;

	}

/*-----#fare--------------------------------------------*/



/*-----#news--------------------------------------------*/



#news .article{

	margin:20px 0 0 0;

	padding:20px;

	border:1px dotted gray;

	height:100%;

	}

#news h2{

	font-style:italic;

	padding:0 0 0 5px;

	display:inline;

	}

#news h3{

	font-family:Helvetica, Avenir, Arial, sans-serif;

	text-variant:normal;

	text-transform:uppercase;

	color:#CCC;

	font-size:10px;

	margin: 0 0 10px 0;

	}

#news p{

	font-size:13px;

	line-height:1.5em;

	}

#news img{

	width:120px;

	height:120px;

	margin:0 20px 0 0;

	float:left;

	border-bootm:5px solid #C99;

	}

/*-----#news--------------------------------------------*/



/*-----#arrival--------------------------------------------*/

#arrival .new_arrival{

	margin:20px 0 0 0;

	padding:20px;

	border:1px dotted gray;

	height:100%;

	float:clear;

	}

#arrival h2{

	font-style:italic;

	padding:0 0 0 5px;

	}

#arrival h3{

	font-family:Helvetica, Avenir, Arial, sans-serif;

	text-transform:uppercase;

	color:#CCC;

	font-size:10px;

	margin: 0 0 10px 0;

	}

#arrival p{

	font-size:13px;

	line-height:1.5em;

	}

#arrival .new_arrival img{

	width:110px;

	height:110px;

	margin:10px 10px 0 0;

	float:left;

	}

/*-----#arrival--------------------------------------------*/



/*-----#contact--------------------------------------------*/

#contact .column{

	width:378px;

	margin:20px 0 0 0;

	}

#contact img{

	width:380px;

	}

#contact h2{

	border-left: 5px solid gray;

	margin:0 0 10px 0;

	text-indent:5px;

	}

#contact ul li{

	border-bottom:1px dotted gray;

	padding:10px;

	}

#contact .strong{

	font-weight:bold;

	font-variant:small-caps;

	font-style:italic;

	font-family:Georgia, "Times New Roman", Times, serif;

	}

#contact table{

	width:100%;

	}

#contact td.title{

	padding:15px 15px 15px 0;

	width:20%;

	text-align:right;

	background-color:#F2F0EA;

	border:1px solid #FFF;	

	}

#contact td.contents{

	width:80%;

	padding:15px 0 15px 15px;

	text-align:left;

	background-color:#F7F5F0;

	border:1px solid #FFF;

	}

#contact td.submit{

	padding:20px 10px 0 0;

	}

#contact .radio_btn li{

	display:inline;

	padding:0 20px 0 0;

	border:none;

	}

#contact .form_req{

	color:#F00;

	}

input{

	font-size:13px;

	}

.btn{

	color:#FFF;

	font-weight:bold;

	padding:2px 10px;

	background-color:#9A9285;

	border:none;

	margin:0 0 0 10px;

	}

.btn:hover{

	color:#FFF;

	font-weiht:bold;

	padding:2px 10px;

	background-color:#7A7265;

	border:none;

	}

/*-----#contact--------------------------------------------*/



/*-----#mailing_list--------------------------------------------*/

#mailing_list h1{

	padding:50px 0 20px 0;

	font-variant:small-caps;

	font-size:50px;

	color:#CCC;

	font-style:italic;

	text-align:center;

	font-family:Helvetica, Avenir, Arial, sans-serif;

	}

#mailing_list table{

	margin:40px 0;

	width:820px;

	}

#mailing_list td.title{

	width:25%;

	padding:5px 15px 5px 0;

	text-align:right;

	background-color:#F2F0EA;

	border:1px solid #FFF;	

	}

#mailing_list td.contents{

	width:75%;

	padding:5px 0 5px 15px;

	text-align:left;

	background-color:#F7F5F0;

	border:1px solid #FFF;

	}

/*-----#mailing_list--------------------------------------------*/



/*-----#artist_slider--------------------------------------------*/

/*

	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider

	Copyright (c) 2009 Niall Doherty

	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.

*/

/* Most common stuff you'll need to change */

#artist_slider .coda-slider-wrapper{

	padding:0 0 0 10px;

	}

#artist_slider .option_border{

	/*border-top:1px dotted gray;*/

	/*margin:20px 0 0 0;*/

	}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */

#artist_slider .coda-slider{	

	margin:10px 0 0 0;

	height:100%;

	overflow:visible;/*default auto*/

	}

/* Change the width of the entire slider (without dynamic arrows) */

#artist_slider .coda-slider, .coda-slider .panel{

	/*background-color:#F7F5F0;*/

	width:540px;

	} 

/* Preloader */

#artist_slider .coda-slider p.loading{

	padding:20px;

	text-align:center;	

	}

/* Miscellaneous */

#artist_slider .coda-slider-wrapper{

	clear:both;

	overflow:hidden;

	}

#artist_slider .coda-slider{

	float:left;

	overflow:hidden;

	position:relative;	

	}

#artist_slider .coda-slider .panel{

	display:block;

	float:left;	

	width:540px;

	}

#artist_slider .coda-slider .panel-container{

	position:relative;

	}

.sumbenu .cross-link a:link{

	border-bottom:1px dotted gray;

	}

.sumbenu .cross-link a:hover{

	color:#F93;

	border-bottom:1px dotted gray;

	}

.sumbenu .cross-link a:visited{

	color:#09C;

	border-bottom:1px dotted gray;

	}

#artist_slider p{

	margin:0 0 1em 0;

	}

/**/

#artist_slider .coda-nav{

	diplay:inline;

	}

#artist_slider .coda-nav ul {

	clear:both;

	display:block;

	overflow:hidden;

	}

#artist_slider .coda-nav ul li {

	display:inline;

	}

#artist_slider .coda-nav ul li a{

	margin:0 0 0 0;

	letter-spacing: 0.07em;

	padding:0 10px;

	border-right:1px solid #fff;

	border-bottom:1px solid #fff;

	float:left;

	display:block;

	text-decoration:none;

	font-weight:bold;

	text-transform:lowercase;

	color:#FFF;

	line-height:2em;

	background-color:#CFC5BE/*#CFC5BE*/;

	}

#artist_slider .coda-nav ul li a.current {

	background-color:#9A9285;

	color:#FFF;

	}

#artist_slider .coda-nav ul li a:hover{

	background-color:#9A9285;

	color:#FFF;

	}

/*-----#artist_slider--------------------------------------------*/



/*-----#exhibit_slider--------------------------------------------*/



/* Most common stuff you'll need to change */

#exhibit_slider .coda-slider-wrapper{

	padding:0;

	}

#exhibit_slider .option_border{

	padding:20px 0;

	}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */

#exhibit_slider .coda-slider{	

	margin:5px 0 0 0;

	height:100%;

	overflow:visible;/*default auto*/

	}

/* Change the width of the entire slider (without dynamic arrows) */

#exhibit_slider .coda-slider, .coda-slider .panel{

	width:820px;

	} 

/* Preloader */

#exhibit_slider .coda-slider p.loading{

	padding:20px;

	text-align:center;

	width:820px;

	}

/* Miscellaneous */

#exhibit_slider .coda-slider-wrapper{

	clear:both;

	overflow:hidden;

	}

#exhibit_slider .coda-slider{

	float:left;

	overflow:hidden;

	position:relative;

	}

#exhibit_slider .coda-slider .panel{

	display:block;

	float:left;

	}

#exhibit_slider .coda-slider .panel-container{

	position:relative;

	}

/**/

#exhibit_slider .coda-nav{

	diplay:inline;

	}

#exhibit_slider .coda-nav ul {

	clear:both;

	display:block;

	overflow:hidden;

	}

#exhibit_slider .coda-nav ul li {

	display:inline;

	}

#exhibit_slider .coda-nav ul li a{

	margin:5px 0 0 0;

	letter-spacing: 0.07em;

	padding:0 10px;

	border-right:1px solid #fff;

	float:left;

	display:block;

	text-decoration:none;

	font-weight:bold;

	text-transform:lowercase;

	color:#FFF;

	line-height:2em;

	background-color:#CFC5BE;

	}

#exhibit_slider .coda-nav ul li a.current {

	background-color:#9A9285;

	color:#FFF;

	}

#exhibit_slider .coda-nav ul li a:hover{

	border-bottom:none;

	background-color:#9A9285;

	color:#FFF;

	}

#exhibit_slider h2.title{

	display:none;

	}

/*-----#exhibit_slider--------------------------------------------*/



/*-----lightbox plungin--------------------------------------------*/

/**

 * jQuery lightBox plugin

 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)

 * and adapted to me for use like a plugin from jQuery.

 * @name jquery-lightbox-0.5.css

 * @author Leandro Vieira Pinho - http://leandrovieira.com

 * @version 0.5

 * @date April 11, 2008

 * @category jQuery plugin

 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)

 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US

 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin

 */

#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 45%;

	left: 45%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav a { border:none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev { 

	left: 0; 

	float: left;

}

#lightbox-nav-btnNext { 

	right: 0; 

	float: right;

}

#lightbox-container-image-data-box {

	font: 12px Helvetica, Avenir, Arial, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.5em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px; 

	color: #666; 

}

#lightbox-container-image-data #lightbox-image-details { 

	width: 70%; 

	float: right; 

	text-align: right; 

}

#lightbox-container-image-data #lightbox-image-details2 { 

	width: 70%;

	float:left;

	text-align: left; 

}

#lightbox-image-details-caption { font-style:normal; }

#lightbox-image-details-currentNumber {

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}			

#lightbox-secNav-btnClose {

	margin:5px 0 0 0;

	width: 50px; 

	float: right;

	padding-bottom: 0.7em;	

}

/*-----lightbox plungin--------------------------------------------*/