@charset "utf-8";
/* CSS Document */


.pink{color:#e73463;}
.green{color:#7ac679;}
.blue{color:#00a0e9;}
.purple{color:#a682c0;}
.orange{color:#d75e55;}
.yellow{color:#FBC737;}
.sitename{
	display:block;
	float:left;
	width:140px; height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(/static/image/logo.gif) no-repeat 0px 0px;
}
.sitename a{
	display:block;
	width:140px; height:40px;
	text-indent:-9999px; overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.nav_box{
	display:block;
	margin:0px 0px 0px 0px;
	padding:50px 0px 0px 0px;
}
.contentsBox{
	overflow-y:scroll;
	overflow-x:hidden;
	scrollbar-base-color:#aaaaaa;
	scrollbar-face-color:#aaaaaa;
	scrollbar-arrow-color:#222222;
	scrollbar-highlight-color:#222222;
	scrollbar-shadow-color:#222222;
	scrollbar-darkshadow-color:#222222;
	scrollbar-track-color:#222222;
	margin:0px 0px 0px 125px;
	padding:0px 0px 5px 0px;
}
.galleryBox {
	position:relative;
	display:block;
	width:890px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}
.contentsName{
	display:block;
	margin: 0px 0px 0px 125px;
	padding:0px 0px 0px 0px;
}
.artistName{
	display:block;
	line-height:40px;
	margin: 0px 0px 0px 125px;
	padding:0px 0px 0px 0px;
}
.profileDetailes,.linkDetailes,
.infoDetailes,.biographyDetailes{
	display:block;
	width:37%;
}
div.infoDetailes{
	margin:0px 0px 25px 0px;
	padding:0px 0px 0px 0px;
}
.glovalnav{
	display:block;
	float:left;
	width:750px; height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.glovalnav li{
	display:block;
	float:left;height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.glovalnav li a{
	text-indent:-9999px; overflow:hidden;
	display:block;height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.nav01{width:138px;}
.nav02{width:90px;}
.nav03{width:126px;}
.nav04{width:72px;}
.nav05{width:96px;}
.nav06{width:72px;}
.nav07{width:102px;}
.nav08{width:54px;}
.nav09{width:109px;}
.nav01 a{width:138px; background:url(/static/image/gnavi.gif) no-repeat 0px 0px;}
.nav02 a{width:90px; background:url(/static/image/gnavi.gif) no-repeat -138px 0px;}
.nav03 a{width:126px; background:url(/static/image/gnavi.gif) no-repeat -228px 0px;}
.nav04 a{width:72px; background:url(/static/image/gnavi.gif) no-repeat -354px 0px;}
.nav05 a{width:96px; background:url(/static/image/gnavi.gif) no-repeat -426px 0px;}
.nav06 a{width:72px; background:url(/static/image/gnavi.gif) no-repeat -522px 0px;}
.nav07 a{width:102px; background:url(/static/image/gnavi.gif) no-repeat -594px 0px;}
.nav08 a{width:54px; background:url(/static/image/gnavi.gif) no-repeat -696px 0px;}
.nav09 a{width:109px; background:url(/static/image/gnavi.gif) no-repeat -750px 0px;}

.profileTitle{
	width:280px; height:85px;
	margin:0px 0px 20px 125px;
	padding:0px 0px 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/static/image/profile.gif) no-repeat 0px 0px;

}
.informationTitle{
	width:280px; height:85px;
	margin:0px 0px 20px 125px;
	padding:0px 0px 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/static/image/information.gif) no-repeat 0px 0px;
}
.collectionTitle{
	width:280px; height:85px;
	margin:0px 0px 20px 125px;
	padding:0px 0px 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/static/image/collection.gif) no-repeat 0px 0px;
}
.linkTitle{
	width:280px; height:85px;
	margin:0px 0px 20px 125px;
	padding:0px 0px 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/static/image/link.gif) no-repeat 0px 0px;
}
.biographyTitle{
	width:280px; height:85px;
	margin:0px 0px 20px 125px;
	padding:0px 0px 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/static/image/biography.gif) no-repeat 0px 0px;
}
.galleryTitle{
	width:280px; height:85px;
	margin:0px 0px 20px 75px;
	padding:0px 0px 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/static/image/gallery.gif) no-repeat 0px 0px;
}

.infoDetailes{
	width:37%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.infoDetailes td{
	padding: 5px;
    border: 0px #FFFFFF none;
    border-width: 0px;
	vertical-align:top;
	line-height:150%;
    text-align: left;
}

.thumbs{}
.photoGalleryName{ line-height:35px;}
.infoDetailesDate{
	width: 80px;
}
.infoDetailesText{
	font-weight:bold;
	font-size:13px;
}
.profileDetailesText{
	line-height:250%;
}
.biographyDetailesTitle{
	font-weight: normal;
	font-size:13px;
}
.biographyDetailesList{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 20px;
}
.biographyDetailesList li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.biographyDetailesTable{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}

.linkList{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 20px;
}
.linkList li{
	line-height:180%;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}
.linkList a{color:#FBC737;}

.profileDetailesList{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 20px;
}
.profileDetailesEnText{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
a.prev{color:#898989; float:left;}
a.next{color:#898989; float:right;}
div.content
{
  /* The display of content is enabled by a javascript generated style on the page. 	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	position:absolute;
	right:0; top:0px;
	width:370px;
}
.galleryLink{ line-height:40px;}
.galleryLink a{ color:#D75E55}
div.content a, div.navigation a
{
  text-decoration: none;
  color: #D75E55;
}
div.content a:focus, div.content a:hover, div.content a:active
{
  text-decoration: underline;
}
div.controls
{
  margin-top: 5px;
  height: 23px;
}
div.controls a
{
  padding: 5px;
}
div.ss-controls{
}
div.nav-controls{
}

div.loader
{
  background-image: url(/static/image/loader.gif);
  background-repeat: no-repeat;
  background-position: center;
  width: 550px;
  height: 350px;
}

div.slideshow{
	clear:both;
	height:300px;
	width:370px;
}
div.slideshow div{
	display:block;
	height:300px;
	width:300px;
	position:relative;
	text-align:center;
	margin:0px auto 0px auto;
}
div.slideshow span a{
}
#slidImg img{
	max-width:100%; max-height:100%;
}
* html body #slidImg img {
	_width: expression(this.width >= this.height ? "100%" : "auto");
	_height: expression(this.width <= this.height ? "100%" : "auto");
}

div.download
{
}
div.embox
{
  clear: both;
  padding: 12px;
}

div.image-title{
  font-weight: normal;
  text-align:center;
  color:#B5B5B6; font-size:11px;
}
div.image-desc{
  text-align:center;
  color:#B5B5B6; font-size:10px;
}

div.navigation{
	background-color:#1E1E1E;
	padding:0 0 0 10px;
	/* The navigation style is set by a javascript generated style on the page. 	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs{
  clear: both;
  margin: 0;
  padding: 0;
}
ul.thumbs li{
  float: left;
  padding: 0;
  margin: 5px 10px 5px 0;
  width:110px; height:110px;
  text-align:center;
  list-style: none;
}
a.thumb{ display:block; border:solid 5px #333333; overflow:hidden; height:100px; width:100px;}
a:hover.thumb{ border:solid 5px #D75E55;}
ul.thumbs img{height:100px;}
div #controls a{color:#b6b6b6;}
div.pagination{
  clear: both;
}
div.navigation div.top{
  margin-bottom: 12px;
  height: 11px;
}
div.navigation div.bottom
{
  margin-top: 12px;
}
div.pagination a, div.pagination span.current
{
  display: block;
  float: left;
  margin-right: 2px;
  padding: 4px 7px 2px 7px;
}
div.pagination a:hover{
  text-decoration: underline;
}
div.pagination span.current{ color: #fff;}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li
{
  float: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

#thumbs-min a.thumb
{
  padding: 0px;
  display: inline;
  border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb
{
  background: inherit;
  color: #000;
  font-weight: bold;
}
#contentsGallery{ overflow:auto;}