@charset "UTF-8";
/*
   deadline css
*/
#debug {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #333;
	position: absolute;
	padding: 4px 8px 5px;
	display: none;
}
#test{
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	position: absolute;
	padding: 2px 6px 3px;
	bottom: 10px;
	left: 10px;
}
body {
	background-color: #000;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%; !important
	font-size: 90%;
}
#page {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: auto;
	overflow: hidden;
}
.medium {
	width: 800px;
	height: 600px;
	margin-left: -400px;
	margin-top: -300px;
	font-size: 80%;
}
.large {
	width: 1024px;
	height: 768px;
	margin-left: -512px;
	margin-top: -382px;
	font-size: 100%;
}
#main {
	position: absolute;
	width: 100%;
	height: 100%;
}
#home {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	top: 91%;
}
#page.medium #home {
	top: 546px;
}
#page.large #home {
	top: 696px;
}
#home h1 {
	position: relative;
	margin-bottom: 0;
}
#home h1 span {
	position: absolute;
	left: -1000px;
}
#home h3 {
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.4em;
	margin-bottom: 0;
}
#home p.location {
	text-transform: uppercase;
	font-size: 1.1em;
	line-height: 1.1em;
	margin-bottom: 0.2em;
}
#home a.mam:link, #home a.mam:visited {
	font-size: 1em;
	font-style: italic;
	color: #fff;
	text-decoration: none;
}
#intro {
	font-size: 2em;
	margin-top: 1.8em;
}
#intro p {
	margin-bottom: 0.5em;
	line-height: 130%;
}
#intro p.smaller {
	font-size: 0.8em;
	line-height: 140%;
}
a#mam:link, a#mam:visited {
	color: #fff;
	text-decoration: none;
}
a#mam:hover, a#mam:active {
	color: #996600;
}
a#enter_bt {
	position: absolute;
	right: 1px;
	top: 5px;
	display: block;
}
a#enter_bt:link img, a#enter_bt:visited img {
	opacity: 0.2;
}
a#enter_bt:hover img, a#enter_bt:active img {
	opacity: 1;
}
#content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}
#page.medium #content {
	height: 530px;
}
#page.large #content {
	height: 680px;
}
#menu {
	position: absolute;
	z-index: 30;
	width: auto;
	top: 1em;
	bottom: 0;
	cursor: pointer;
	display: block;
	height: 100%;
}
#menu ul {
	list-style-type: none;
}
#menu ul li {
}
#menu ul li h2 {
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0;
	padding: 5px 16px 4px;
	cursor: pointer;
	white-space: nowrap;
}
#menu ul li h2.over {
	background: url(../img/art_h2_a_hover.gif) no-repeat;
}
#menu ul li p.art_text {
	color: #000;
	font-size: 0.9em;
	padding: 8px 10px 12px 16px;
}
#menu ul li {
}
#menu ul li.active h2 {
	color: #fff;
	background-color: #000;
}
#menu ul li.active p.art_text {
	color: #fff;
	background-color: #000;
}
#pictures {
}
#splash {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/splash2.jpg) no-repeat center center;
	z-index: 10;
	left: 0;
	opacity: 1;
}
#nav {
	background-color: #27fbcc;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 100;
	height: 40px;
	text-align: center;
	line-height: 24px;
	display: none;
}

#nav #prevbt, #nav #nextbt {
	margin-right: 20px;
	margin-left: 20px;
	cursor: pointer;
}

#nav #prevbt {
}
#nav #nextbt {
}

#work {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 0;
	left: 0;
	top: 0;
	overflow: hidden;
}

#worktable {
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	font-size: 1em;
	margin-left: 60px;
}
#worktable tr td {
	color: #999;
	padding-left: 30px;
	padding-right: 30px;
	height: 100%;
	/*border: 1px solid #ccc;*/
}
#worktable tr td.over {
	background-color: #111;
}

#worktable tr td.wk img {
	cursor: pointer;
	max-width: 400px;
}
#mtgPlayer {
	/*max-width: 400px;*/
}
#worktable tr td div.block {
	position: absolute;
	cursor: pointer;
	top: 0;
	bottom: 20px;
	max-width: 400px;
	/*background-color: #ff3c65;
	opacity: 0.25;*/
}
#worktable tr td h5 {
	margin: 5px 0 0 20px;
}
#worktable tr td p.caption {
	font: 0.6em/150% "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-left: 20px;
}
#worktable tr td span.date {
	font: 0.75em "Lucida Grande", Lucida, Verdana, sans-serif;
}
#worktable tr td p.txt {
	/*border: 10px solid #fff;*/
	/*padding: 15px 20px;*/
	/*background-color: #999;*/
	font-size: 1em;
	line-height: 140%;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
#info_pra {
	color: #000;
	font-weight: bold;
	font-size: 0.8em;
	position: absolute;
	bottom: 2em;
	left: 18px;
	cursor: pointer;
	width: 1024px;
	display: block;
}
#info_text {
	display: none;
}
#info_table {
	font-size: 0.8em;
	color: #fff;
	line-height: 140%;
	cursor: default;
	position: absolute;
	height: 100%;
}
#info_table tr th {
	padding-left: 2em;
	padding-right: 2em;
}
#info_table tr th h6 {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
}
#info_table tr td {
	padding-right: 2em;
	padding-left: 2em;
	vertical-align: top;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
#info_table tr td p {
	margin-bottom: 0.75em;
}
#info_table p.credit {
	font-size: 0.5em;
	color: #666;
}
#info_table hr {
	border-style: none;
	border-top-style: solid;
	border-top-color: #999;
	margin-top: 15px;
	margin-bottom: 15px;
}
#info_table a:link, #info_table a:visited {
	color: #996600;
	text-decoration: none;
}
#info_table a:hover, #info_table a:active {
	color: #fff;
}