@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'AdobeCaslonBold';
  src: url('../font/acaslonpro-bold-webfont.eot');
    src: url('../font/acaslonpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/acaslonpro-bold-webfont.woff') format('woff'),
         url('../font/acaslonpro-bold-webfont.ttf') format('truetype'),
         url('../font/acaslonpro-bold-webfont.svg#StMarieThin') format('svg');
  font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'AdobeCaslonSemiBold';
  src: url('../font/acaslonpro-semibold-webfont.eot');
    src: url('../font/acaslonpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/acaslonpro-semibold-webfont.woff') format('woff'),
         url('../font/acaslonpro-semibold-webfont.ttf') format('truetype'),
         url('../font/acaslonpro-semibold-webfont.svg#StMarieThin') format('svg');
  font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'AdobeCaslonRegular';
  src: url('../font/acaslonpro-regular-webfont.eot');
    src: url('../font/acaslonpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/acaslonpro-regular-webfont.woff') format('woff'),
         url('../font/acaslonpro-regular-webfont.ttf') format('truetype'),
         url('../font/acaslonpro-regular-webfont.svg#StMarieThin') format('svg');
  font-weight: normal;
    font-style: normal;
}
html{
	width:100%;
	height:100%;
}
body {
	margin:0;
	background-color:#000;
	padding:0;
	width:100%;
	height:100%;
	font-family: "AdobeCaslonRegular", "Times New Roman", Times, serif;
	font-size:13px;
	color:#FFF;
}
a,
a:visited{
	color:#FFF;
	text-decoration:none;
	border:0;
}
a:hover {
	color:#C00;
	text-decoration:none;
}
a img{
	border:0;
}
h4, h3{
font-family:Arial, Verdana, Helvetica, sans-serif;
}
#container {
	position:absolute;
	margin:0;
	width:100%;
	height:100%;
	padding:0;
	display: table;
}
#content {
	display: table-cell; vertical-align: middle
}
#menu {
	float:left;
	position:fixed;
	left:0;
	top:100px;
}
#menu ul{
	
	margin:0;
	padding:0;
}
#menu ul li {
	min-width:100px;
	margin:0;
	padding:0;
	font-family: "AdobeCaslonBold", "Times New Roman", Times, serif;
	font-size:14px;
	line-height:14px;
    display:block; 
    position:relative;
}
#menu ul li a {	
	display:block;
	padding:10px;
	background-color:#FFF;
	color:#000;
	border:1px #000 solid;
	text-decoration:none;
}
#menu ul li span {
	display:block;
	padding:10px;
	background-color:#C00;
	color:#FFF;
	border:1px #000 solid;
}
#menu ul li a:hover {
	background-color:#C00;
	color:#fff;
}
#menu ul#submenu {
	position:absolute;
	top:0;
    left:100px; 
    display:none; 
    margin:0; 
    padding:0; 
    list-style:none;
	z-index:10;
}
#menu ul#submenu li {
	white-space:nowrap;
	display:block;
    float:left;
	padding:0;
	margin:0;
	border:0;
}
#menu ul#submenu li a {
	display:block;
	border:1px #000 solid;
}
.clear {clear:both} 
#inner {
	margin-left: auto; margin-right: auto; width: 700px; text-align:center;
}
#inner h1 {
	font-size:20px;
	font-weight:normal;
	text-align:left;
}
#inner h1 div.r {
	font-size:13px;
	font-weight:normal;
	float:right;
}
#inner h1 div.l {
	float:left;
}
#inner h2 {
	font-size:18px;
	font-weight:normal;
	text-align:left;
}
#inner h4 {
	font-size:11px;
	font-weight:normal;
	text-align:left;
	line-height:13px;
}
#inner h3 {
	font-size:13px;
	font-weight:normal;
	text-align:justify;
	line-height:15px;
}
#inner h3 div.l {
	float:left;
	width:47%;
}
#inner h3 div.r {
	float:right;
	width:47%;
	color:#DDD;
}
#inner h3 div.r a {
	color:#DDD;
}
#inner h3 div.r a:hover {
	color:#C00;
}
#inner h4 div.l {
	float:left;
	width:47%;
}
#inner h4 div.r {
	float:right;
	width:47%;
}
#content .banner {
	position:absolute;
	bottom:0;
	z-index:0;
}
#content .banner div {
	margin:10px;
}
#content .banner a.logo {
	text-align:left;
	border:1px #333 solid;
	display:inline-block;
	overflow:hidden;
}
#content .banner a.logo:hover {
	border:1px #C00 solid;
}
#inner h2 ul.artist  {
	list-style:none;
	padding:0;
}
#inner h2 ul.artist  li {
	list-style:none;
	float:left;
	padding:10px 0 10px 0;
	width:47%;
	border-bottom: 1px #333 solid;
	margin:0 10px 0 10px;
	overflow:hidden;
	text-align:left;
}
#inner h2 ul.artist a img {
	border:1px #333 solid;
	max-width:120px;
	max-height:120px;
	float:left;
	margin:0 15px 0 0;
}
#inner h2 ul.artist a:hover img {
	border:1px #C00 solid;
}
#inner h2 ul.artist a {
	
}