@import "demo.css";
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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html, body {
height: 100%;
padding:0;
margin:0;
}


body {
	color: #333;
	height:100%;
	font-family: inherit;
	font-size: 18px;
   line-height: 26px;
}
/*BG IMAGES */
a.trans {
	opacity:0;
	-khtml-opacity: 0;
	-moz-opacity:0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
a:link { -webkit-tap-highlight-color: rgba(0,0,0,0); }

text {text-rendering: geometricPrecision;}
img {
-ms-interpolation-mode: bicubic;
image-rendering: -moz-crisp-edges;
background:transparent; }
#homearrow {
background-image:url(images/bapinksm.png);
	background-repeat:no-repeat;
	background-size: 60px 30px;
	height:30px;
	display:block;
	opacity:1;
	filter: alpha(opacity=100);
	width:60px;	
	text-indent:-99999px;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#homearrow:hover {
opacity:1;
filter: alpha(opacity=100);
}
body.label {
	background: #1c0202;
}
body.oplabel {
	background: #1c0202;
}
body.fshlabel {
	background: #1c0202;
}
body.kmlabel {
	background: #1c0202;
}
body.mllabel {
	background: #1c0202;
}
body.dplabel {
	background: #1c0202;
}
body.operasketch {
	background: #2d3130;
}
body.kmsketch {
background: #2d3130;
}
body.dkpoolsketch {
	background: #2d3130;
}
body.operaphoto {
	background: #2c302e;
}
body.dkpooltext {
background: #9e9995;	
}
body.dkpoolphoto {
background: #030007;	
}
body.mlscript {
background: #282512;	
}
body.dkpoolmag {
background: #282512;	
}

/*LABELS*/
.borderclick {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background-color:transparent;
}
body.home .home_label {
	position: fixed;
	z-index: 9999;
	width: 600px;
	height: 450px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
body.home .home_label.is-hidden {
	z-index: -99;
}
body.home .index--card {
	background-image: url(images/bg/labels/regcard_dkpool.png);
	background-repeat:no-repeat;
	background-size:600px 405px;
	width:600px;
	height:405px;
	position:absolute;
}
body.home .index_label_inner p {
    font-size: 17px;
    line-height: 21px;
}
body.home .close--card {
	position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background-image: url(images/bg/x.png);
	background-repeat:no-repeat;
}
body.home .close--card:hover {
	cursor: pointer;
	opacity: 0.7;
}
body.fshlabel .index_label {
	background-image: url(images/bg/labels/regcard_fsharp.png);
	background-repeat:no-repeat;
	width:600px;
	background-size:600px 402px;
	height:402px;
	position:absolute;
	left:50%;
	z-index:9999;
	top:50%;
	margin:-201px 0 0 -300px;
	padding:0;
	color:#33273a;
	line-height:19px;
	padding:12px 0 0 0;
	 
}
body.kmlabel .index_label {
	background-image: url(images/bg/labels/regcard_km.png);
	background-repeat:no-repeat;
	background-size:650px 436px;
	width:650px;
	height:436px;
	position:absolute;
	left:50%;
	z-index:9999;
	top:50%;
	margin:-218px 0 0 -325px;
	padding:0;
	color:#33273a;
	line-height:19px;
	padding:12px 0 0 0;
	}
body.oplabel .index_label {
	background-image: url(images/bg/labels/regcard_opera.png);
	background-repeat:no-repeat;
	background-size:600px 402px;
	width:600px;
	height:402px;
	position:absolute;
	left:50%;
	z-index:9999;
	top:50%;
	margin:-201px 0 0 -300px;
	padding:0;
	color:#33273a;
	line-height:19px;
		padding:12px 0 0 0;
	
}
body.dplabel .index_label {
	background-image: url(images/bg/labels/regcard_dkpool.png);
	background-repeat:no-repeat;
	background-size:600px 405px;
	width:600px;
	height:405px;
	position:absolute;
	left:50%;
	z-index:9999;
	top:50%;
	margin:-203px 0 0 -300px;
	padding:0;
	color:#33273a;
	line-height:19px;
		padding:12px 0 0 0;
	 
}
body.mllabel .index_label {
	background-image: url(images/bg/labels/regcard_ml.png);
	background-repeat:no-repeat;
	background-size:600px 385px;
	width:600px;
	height:390px;
	position:absolute;
	left:50%;
	z-index:9999;
	top:50%;
	margin:-195px 0 0 -300px;
	padding:0;
	color:#33273a;
	line-height:19px;
		padding:12px 0 0 0;
	 
}
body.mllabel .index_label_inner {
	padding:17px 35px 20px 35px;
}
body.kmlabel .index_label_inner p {
	
margin:19px 0 0 0;
}
body.kmlabel .index_label_inner h5 {
	font-weight:normal;
	font-family: 'underwood_championregular';
	font-size:15px;
	line-height:18px;
	margin:0 0 5px 0;
	color:#33273a;
}

body.kmlabel .index_label_inner h4 {
	font-weight:normal;
	font-family: 'underwood_championregular';
	font-size:20px;
	line-height:24px;
	margin:0 0 12px 0;
	color:#33273a;
}

body.kmlabel .index_label_inner {
	padding:25px 35px 20px 35px;
}
body.mllabel .index_label_inner h4 {
	margin:0 0 10px 0;
}
body.mllabel .index_label_inner p {
margin:14px 0 0 0;
}
body.mllabel .index_label_inner h5 {
	font-weight:normal;
	font-family: 'underwood_championregular';
	font-size:15px;
	line-height:18px;
	margin:0 0 5px 0;
	color:#33273a;
}
body.fshlabel .index_label_inner {
	padding:20px 35px 20px 35px;
	font-family: 'underwood_championregular';
}
body.fshlabel .index_label_inner p {
margin:17px 0 0 0;
}
body.fshlabel .index_label_inner h5 {
	font-weight:normal;
	font-family: 'underwood_championregular';
	font-size:15px;
	line-height:18px;
	margin:0 0 5px 0;
	color:#33273a;
}
body.fshlabel .index_label_inner h4 {
	font-weight:normal;
	font-family: 'underwood_championregular';
	font-size:20px;
	line-height:24px;
	margin:0 0 20px 0;
	color:#33273a;
}


body.oplabel .index_label_inner {
	padding:25px 30px 20px 30px;
}
body.oplabel .index_label_inner h4 {
	margin:0 0 10px 0;
}
body.oplabel .index_label_inner p {
margin:17px 0 0 0;
}
.index_label_inner h5 {
	font-weight:normal;
	font-family: 'underwood_championregular';
	font-size:15px;
	line-height:18px;
	margin:0 0 5px 0;
	color:#33273a;
}


.index_label {
	background-image:url(images/bg/labels/regcard_index.png);
	background-repeat:no-repeat;
	background-size: 700px 473px;
	width:700px;
	height:473px;
	position:absolute;
	left:50%;
	z-index:9999;
	top:50%;
	margin:-235px 0 0 -350px;
	padding:0;
	color:#33273a;
	line-height:19px;
		padding:12px 0 0 0;
	 font-family: 'underwood_championregular';
}

.index_label_inner {
	padding:29px 35px 20px 35px;
	font-family: 'underwood_championregular';
}
body.dplabel .index_label_inner h5 {
	font-weight:normal;
	font-family: 'underwood_championregular';
	font-size:15px;
	line-height:18px;
	margin:0 0 5px 0;
	color:#33273a;
}

body.dplabel .index_label_inner h4 {
	margin:0 0 20px 0;
	}
body.dplabel .index_label_inner p {
	margin:17px 0 0 0;
}
.index_label_inner h4 {
	font-weight:normal;
	font-family: 'underwood_championregular';
	font-size:20px;
	line-height:24px;
	margin:0 0 40px 0;
	color:#33273a;
}

.index_label_inner p {
	font-weight:normal;
	font-family: 'underwood_championregular';
	font-size:15px;
	color:#33273a;
	line-height:19px;
	margin:0 0 8px 0;
	}
.expologo {
	width:100%;
	margin:35px auto 0 auto;
	max-width:400px;
	-webkit-transform: rotate(-0.5deg);
-moz-transform: rotate(-0.5deg);
-ms-transform: rotate(-0.5deg);
-o-transform: rotate(-0.5deg);
}
.index_label_inner ul li {
	display:inline-block;
	width:28%;
	font-size:13px;
	line-height:17px;
	text-align:center;
	color:#33273a;
	vertical-align:top;
}
.index_label_inner ul li.wide  {
width:38%;	
}
.index_label_inner ul {
	margin:20px 0 0 0;
}
.clearer {
	clear:both;
}
.expologo img {
	max-height:82px;
	width:100%;
	opacity:0.9;
}

.logoimg {
	float:left;
	width:31%;
}
.logoimgright {
	float:right;
	width:63%;
}
.sponsorlogo img {
	max-height:38px;
	max-width:100%;
	opacity:0.9;
}
.sponsorlogo {
	width:100%;
	margin:10px auto;
	max-width:443px;
	-webkit-transform: rotate(-0.5deg);
-moz-transform: rotate(-0.5deg);
-ms-transform: rotate(-0.5deg);
-o-transform: rotate(-0.5deg);
}
.sponsorlogo h6 {
font-family: 'underwood_championregular';
text-align:center;
	font-weight:normal;
	font-size:11px;
	margin:0 0 10px 0;
}

/*END LABEL SECTION*/

h1,h2,h3,h4,h5,h6,p {
   font-family: inherit;
   font-size: inherit;
}
a {
	outline:none;
}
img {
	outline:none;
}
em {
	
	font-style:italic;
	letter-spacing:0.03em;
}

h2 {
	text-align:center;
	font-size:1.5em;
	line-height:1em;
	font-weight:normal;
	margin:50px auto 10px 0;
	font-family:"Courier New", Courier, monospace;
}
h2.sctitle {
	text-align:left;
	font-size:0.8em;
	line-height:1em;
	text-transform:uppercase;
	font-weight:normal;
	margin:0 auto 6px 0;
	padding:1em 0 0 0;
	font-family:"Courier New", Courier, monospace;
	text-shadow:0px 2px 3px #fcfcfc;
}
h4 {
	text-align:left;
	font-size:0.9em;
	line-height:1em;
	font-weight:normal;
	margin:0 0 0 0;
}
h5 {
	text-align:left;
	font-size:0.7em;
	line-height:1em;
	font-weight:normal;
	margin:0 auto 35px auto;
	font-family:"Baskerville MT W01 It";
	padding:0;
	font-weight:lighter;
}
h5.aut {
	text-align:left;
	font-size:0.8em;
	line-height:1em;
	font-weight:normal;
	margin:0 auto 1.5em auto;
	font-family:"Courier New", Courier, monospace;
	padding:0;
	font-weight:lighter;
	text-transform:uppercase;
	text-shadow:0px 2px 3px #fcfcfc;
	
}
h3 {
	text-align:left;
	font-size:1.3em;
	font-weight:normal;
	line-height:1em;
	margin:0 auto 35px 50px;
	font-family:"Baskerville MT W01 It";
	padding:0;
}

h6.cent {
	text-align:center;
	font-size:0.6em;
	font-weight:normal;
	font-family:"Courier New", Courier, monospace;
	line-height:1em;
	margin:0 auto 30px auto;
	text-shadow:0px 2px 3px #fcfcfc;
	padding:0;
}
h4.right_page {
text-align:left;
	font-size:0.8em;
	font-weight:normal;
	margin:0 0 25px 0;	
	padding: 0 0 0 11%;
	line-height:1em;
}
audio{
display: none;
}

.img_cont {
background: none;
}
/*Text Backmatter */

.alignrightpage {
	position:absolute;
	text-shadow:0px 2px 3px #fcfcfc;
	right:40px;
	top: 40px;
	font-family:"Courier New", Courier, monospace;
	font-size: 0.9em;
	text-align:right;
}




a {
	position:relative;
text-decoration:none;
-webkit-transition:color 0.3s ease;
-moz-transition:color 0.3s ease;
-o-transition:color 0.3s ease;
transition:color 0.3s ease}


.imagewrap {
	float:left;
	margin:10px 30px 10px -100px;
	padding:0;
	width:55%;
}
img.alignleft {
	float:left;
	max-width: 100%;
	height: auto; 
	margin:0 0 5px 0;
}


/*Photo Pages*/
img.vertcent {
	position: absolute;
	max-width: 84%;
	height:auto;
	top: 10%;
	left: 8%;
}
img.vertcent:empty
{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*Photo Pages*/


#slides {
  position: relative;
}

#slides .slides-container {
  display: none;
}
#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 39;
  top: 0;
  width: 100%;
  height:100%;
}
.slides-navigation a {
  position: absolute;
  display: block;
}
.slides-navigation a.prev {
 width:35%;
 left:0;
 height:100%;
 top:0;
}
.slides-navigation a.next {
   width:35%;
 right:0;
 height:100%;
 top:0;
}
.slides-navigation {
  top: 0;
}




/*VIDEO*/

.videoWrapper {
z-index:99999;
margin:0 auto;
width:80%;
}
.video_holder{
	position: relative;
	padding-bottom: 54.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	}
.video_holder iframe,
.video_holder object,
.video_holder embed {
top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
body.video {
	background:#010101;
}
body.stvidins iframe {
  width: 100%;
}

.aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 51%;
}
.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
  z-index:99999;
}
p.vidcap {
	text-align:center;
	 font-family: 'eausans_book';
	 padding:15px 0 0 0;
	 font-size:0.7em;
	 color:#FFF;
	
}
.vidcapit {
 font-family: 'eausans_book_oblique';	
}




/*Slide Cursor Test */
.btn {
	position: absolute;
	width: 50%;
	height: 100%;
	
	text-indent: -9999px;
	z-index: 30;
	top: 0;
}
body.dkpooltext .btnright {
	position: absolute;
	width: 32%;
	height: 100%;
	min-height: 100%;
	text-indent: -9999px;
	z-index: 39;
	top: 0;
	right:0;
}
body.dkpooltext .btnleft {
	position: absolute;
	width: 32%;
	height: 100%;
	min-height: 100%;
	text-indent: -9999px;
	z-index: 39;
	top: 0;
	left:0;
}
.btnright {
	position: absolute;
	width: 22%;
	height: 100%;
	min-height: 100%;
	text-indent: -9999px;
	z-index: 39;
	top: 0;
	right:0;
}
.btnleft {
	position: absolute;
	width: 22%;
	height: 100%;
	min-height: 100%;
	text-indent: -9999px;
	z-index: 39;
	top: 0;
	left:0;
}
body.photodia .btnleft {
	position: absolute;
	width: 15%;
	height: 100%;
	min-height: 100%;
	text-indent: -9999px;
	z-index: 1;
	top: 0;
	left:0;
}
body.photodia .btnright {
	position: absolute;
	width: 15%;
	height: 100%;
	min-height: 100%;
	text-indent: -9999px;
	z-index: 1;
	top: 0;
	right:0;
}

.dn {display: none;}
.db {display: block;}

.swipearea {
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 127px;
	z-index: -1;
	top: 0;
	left: 0;
}
.escape {
	position:fixed;
	left:10px;
	bottom:15px;
	width:61px;
	height:30px;
	z-index: 40;
}
body.photodia .escape {
	position:fixed;
	left:10px;
	bottom:0px;
	width:61px;
	height:45px;
	z-index: 40;
}
/*-----------------------------
OPERA COMPONENTS
-------------------------------*/
.recarm {
	position:absolute; 
	width:475px; height:475px; 
	top:100px; left:240px; 
	cursor:pointer;
	 webkit-border-radius: 240px;-moz-border-radius: 240px;border-radius: 240px;
	 /* Safari */
background: -webkit-radial-gradient(50% 50%, closest-side,rgba(186,186,186,1),rgba(0,0,0,0));
/* For Opera 11.1 to 12.0 */
background: -o-radial-gradient(50% 50%, closest-side,rgba(186,186,186,1),rgba(0,0,0,0));
/* For Firefox 3.6 to 15 */
background: -moz-radial-gradient(50% 50%, closest-side,rgba(186,186,186,1),rgba(0,0,0,0));
/* Standard syntax */
background: radial-gradient(50% 50%, closest-side,rgba(186,186,186,1),rgba(0,0,0,0));
	 filter: alpha(opacity=0.1);
  opacity: 0.1;
 -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}


.recarm:hover,
.recarm:focus {
 zoom: 1;
  filter: alpha(opacity=1);
  opacity: 0.1;
} 
#reccenter{
    
   -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 4s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 4s;
	transition-property: -transform;
    transition-duration: 4s;
    -o-transition-property: -o-transform;
    -o-transition-duration: 4s;
}
.reccenterrotate {
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 4s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate; 
    -moz-animation-duration: 4s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	-animation-name: rotate; 
    -animation-duration: 4s; 
    -animation-iteration-count: infinite;
    -animation-timing-function: linear;
	-o-animation-name: rotate; 
    -o-animation-duration: 4s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
	-ms-animation-name: rotate; 
    -ms-animation-duration: 4s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}
@-keyframes rotate {
    from {-transform: rotate(0deg);}
    to {-transform: rotate(360deg);}
}
@-o-keyframes rotate {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(360deg);}
}
@-ms-keyframes rotate {
    from {-ms-transform: rotate(0deg);}
    to {-ms-transform: rotate(360deg);}
}

body.optextscript {
background: #72716a;	
}
body.optextscript .script_speak_indent {
margin:0 auto;
width:100%;
padding:0;	
}
body.optextscript em {
font-family:"Courier New", Courier, monospace;
font-style:italic;	
}
body.optextscript .alignrightpage {
	position:absolute;
	text-shadow:0px 2px 3px #fcfcfc;
	right:7%;
	top: 15%;
	font-family:"Courier New", Courier, monospace;
	font-size: 0.8em;
	text-align:right;
}

h6.script_in {
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	font-family:"Courier New", Courier, monospace;
	margin:0 0 4px 0;
	padding:0 0 0 -4.5em;
	font-size:0.8em;
	text-shadow:0px 2px 3px #fcfcfc;
}
h6.script_innocap {
	font-weight:normal;
	text-transform:none;
	text-align:left;
	font-family:"Courier New", Courier, monospace;
	margin:0 0 14px 0;
	padding:0 0 0 -4.5em;
	font-size:0.8em;
	text-shadow:0px 2px 3px #fcfcfc;
}
h6.cont2 {
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	font-family:"Courier New", Courier, monospace;
	text-shadow:0px 2px 3px #fcfcfc;
	margin:0 20px 20px 0;
	font-size:0.75em;
}
.alignright {
	text-align:right;
	text-shadow:0px 2px 3px #fcfcfc;
}



body.optextscript .left-cont_inner p {
		font-weight:normal;
	text-transform:normal;
	text-align:left;
	font-family:"Courier New", Courier, monospace;
	margin:0 0 1.4em 0;
	padding:0 0 0 4.5em;
	font-size:0.8em;
	text-shadow:0px 2px 3px #fcfcfc;
}
body.optextscript .right-cont_inner p {
		font-weight:normal;
	text-transform:normal;
	padding:0 0 0 4.5em;
	text-align:left;
	font-family:"Courier New", Courier, monospace;
	margin:0 0 1.4em 0;
	font-size:0.8em;
	text-shadow:0px 2px 3px #fcfcfc;
}

body.optextdennehy h6.bookleft {
	font-family:"StoneSerifITCW01-SmBd";
	color:#591248;
	font-size:1em;	
	font-weight: normal;
	text-align:left;
	margin:0 0 2.5em 0;
}
body.optextdennehy h6.opintitle {
	font-family:"StoneSerifITCW01-SmBd";
	color:#591248;
	font-size:0.8em;	
	font-variant:small-caps;
	font-weight: normal;
	letter-spacing:0.03em;
	text-align:left;
	margin:1.6em 0 1.6em 29%;
}
body.optextdennehy p.imgcap {
	font-family:"NeuzeitOfficeW01-Regula";
	font-size:0.6em;
	line-height:1.5em;
}
.capbold {
font-family:"Neuzeit Office W01 Bold";
}
body.optextdennehy p.small {
	font-size:0.7em;
	margin:12px 29% 0 0;
}

body.optextdennehy h4.textauthor {
	font-family:"Stone Serif ITC W01 Md";
	color:#000;
	font-size:0.85em;
	letter-spacing:0.04em;
	font-weight: normal;
	text-align:left;
	margin:0 0 1.9em 0;
	font-variant:small-caps;
}
.tiyear {
font-weight:normal;
color:#000;	
font-family:"BaskervilleMTW01-Roman";
padding:0 0 0 7px;
}
body.optextdennehy {
	font-family:"Stone Serif ITC W01 Md";
	color:#000;
	font-size:13px;
	line-height:17px;
	letter-spacing:0.02em;
	text-align:left;
}
body.optextdennehy p.left {
	margin:0 0 0 29%;
	text-indent:20px;
	font-size:0.85em;
}
body.optextdennehy p.leftnoin {
	margin:0 0 0 29%;
	text-indent:0;
	font-size:0.85em;
}

body.optextdennehy {
background: #1c0202;	
}
.optextimg1 {
	position:absolute;
	width:22%;
	margin:4% 0 0 -2%;
}
.optextimg3 {
	position:absolute;
	width:22%;
	margin:0 -2% 0 0;
	right:8%;
}
.optextimg1 img {
	width:100%;
	max-width:100%;
	height:auto;
}
.optextimg3 img {
	width:100%;
	max-width:100%;
	height:auto;
}
.optextimg2 {
	position:absolute;
	bottom:17%;
	width:22%;
	margin:4% 0 0 -2%;
}
.optextimg2 img {
	width:100%;
	max-width:100%;
	height:auto;
}



body.optextscript {
	font-family: "Courier New", Courier, monospace;
	color:#000;
	font-size:13px;
	line-height:17px;
	letter-spacing:0.02em;
	text-align:left;
}
body.optextscript .lefthold {
	position    : absolute;
	top         : -11px;
	left        : 70px;
	overflow    : hidden;
	width       : 44%;
	height      : 100%;
	z-index:99;
}
body.optextscript .righthold {
	position    : absolute;
    top         : -11px;
    right        : 6%;
    overflow    : hidden;
    width       : 44%;
    height      : 100%;
	z-index:99;
}
body.optextscript .left-cont {
	background-image:none !important;
	position    : absolute;
	top         : 0px;
    left        : 0px;
    overflow    : hidden;
    width       : 100%;
    height      : 100%;
	}
body.optextscript .left-cont_inner {
padding:26% 7% 5% 8%;
}
body.optextscript .right-cont_inner {
padding:26% 7% 5% 8%;
}
body.optextscript img.rightscript {
position : absolute;
    width    : 100%;
    top      : 12%;
	bottom   : 12%;
    z-index  : -1;	
}
body.optextscript img.leftscript {
position : absolute;
    width    : 100%;
    top      : 12%;
	bottom   : 12%;
    z-index  : -1;
}
body.optextscript .right-cont {
	background-image:none !important;
	position    : absolute;
	top         : 0px;
    right        : 0px;
    overflow    : hidden;
    width       : 100%;
    height      : 100%;
}
body.optextdennehy .pagenumber {
	font-variant:small-caps;
	text-align:right;
	margin:0 0 0 0;
	font-size: 0.55em;
	font-weight:normal;
	bottom:21%;
	right:6%;
	position:absolute;
}

body.optextdennehy .left-cont_inner {
	padding:27% 9% 20% 9%;
	overflow:hidden; 
}
body.optextdennehy .right-cont_inner {
	padding:27% 9% 20% 9%;
	overflow:hidden; 
}
body.optextdennehy p.right {
	margin:0 29% 0 0;
	text-indent:20px;
	font-size:0.85em;
}
body.optextdennehy p.rightnoin {
	margin:0 29% 0 0;
	text-indent:0;
	font-size:0.85em;
}
.numdiv {
color:#591248;
font-size:1.3em;	
}
body.optextdennehy p.right:first-child {
	text-indent:0;
}

body.optextdennehy .right-cont {
	background-image:none !important;
	position    : absolute;
	top         : 0px;
    left        : 0px;
    overflow    : hidden;
    width       : 100%;
    height      : 100%;
	}
body.optextdennehy .left-cont {
	background-image:none !important;
	position    : absolute;
	top         : 0px;
    left        : 0px;
    overflow    : hidden;
    width       : 100%;
    height      : 100%;
	}
body.optextdennehy img.rightscript {
position : absolute;
    width    : 100%;
    top      : 12%;
    z-index  : -1;	
}
body.optextdennehy img.leftscript {
position : absolute;
    width    : 100%;
    top      : 12%;
    z-index  : -1;
}
body.optextdennehy .lefthold {
	position    : absolute;
    top         : 0px;
    left        : 6%;
    overflow    : hidden;
    width       : 44%;
    height      : 100%;
	z-index:99;
	
}
body.optextdennehy .righthold {
	position    : absolute;
    top         : 0px;
    right        : 6%;
    overflow    : hidden;
    width       : 44%;
    height      : 100%;
	z-index:99;
}




/*------------------------------------------------*/

/*--------DARK POOL ELEMENTS----------------------*/





/*--------------------------------*/








/*F Sharp Speakers */
.fspeak1on {
	position:absolute; width:86px; height:86px; top:248px; left:103px;
z-index:99; 
}

.fspeak2on {
	position:absolute; width:87px; height:95px; top:395px; left:434px;
z-index:99;
display:block; 
}

.fspeak3on {
	position:absolute; width:183px; height:181px; top:61px; left:842px;
z-index:99;
display:block; 
}

.fspeak4on {
	position:absolute; width:283px; height:283px; bottom:0px; left:432px;
z-index:99;
}

.fspeak5on {
	position:absolute; width:115px; height:115px; top:237px; left:312px;
z-index:99;  
}

.fspeak6on {
	position:absolute; width:162px; height:162px; top:321px; left:547px;
z-index:99;
display:block; 
}



.fspeak7on {
	position:absolute; width:388px; height:233px; top:32px; left:409px;
z-index:99;
display:block; 
}

.fspeak8on {
	position:absolute; width:375px; height:371px; bottom:34px; left:47px;
z-index:99;
}

.fspeak9on {
	position:absolute; width:209px; height:209px; bottom:59px; right:59px;
z-index:99;
display:block; 
}
 



/*Back matter */

body.backmatter {
	background: #444c3e;
	font-size:13px;
	line-height:17px;
}
body.backmatter h1,h2,h3,h4,h5,h6,p {
 font-family: inherit;
 font-size: inherit;
}
h6 {
 font-size: 0.6em;
 line-height: 1em;
}
h3.contents {
font-size: 1em;
 line-height: 1.4em;
 font-weight:normal;	
 text-align:right;
	}
h2.texttitle {
	font-size: 1.4em;
 line-height: 1.2em;
 font-weight:normal;
	margin:5.8em 0 0 0 !important;
	text-align:center;
}
h4.textauthor {
font-size: 0.9em;
 line-height: 0.8em;
 font-weight:normal;
	margin:0 0 1.2em 0;
	text-align:center;
}
.autby {
}
body.backmatter p {
padding:0 0 0.8em 0;	
line-height:1.25em;
font-size:0.8em;
}
body.backmatter em::selection {
	background: #e3c69e; /* Safari */
	}
body.backmatter em::-moz-selection {
	background: #e3c69e; /* Firefox */
} 
body.backmatter em {
	font-style:normal;
	letter-spacing:0.03em;
	line-height:1.0em;
}
body.backmatter ul {
	list-style:none;
	margin:0 0 1.1em 0;
}
body.backmatter ul.centerlogo {
	list-style:none;
	margin:0 0 1.1em 0;
	text-align:center;
}
body.backmatter ul li {
	list-style:none;
	margin:0 0 0.3em 0;
	padding:0;
	font-size:0.9em;
	line-height:1.3em;
}

body.backmatter .lefthold {
	position    : absolute;
    top         : 0px;
    left        : 6%;
    overflow    : hidden;
    width       : 44%;
    height      : 100%;
	z-index:99;
	
}
body.backmatter .righthold {
	position    : absolute;
    top         : 0px;
    right        : 6%;
    overflow    : hidden;
    width       : 44%;
    height      : 100%;
	z-index:99;
}
body.backmatter .left-cont {
	background-image:none !important;
	position    : absolute;
	top         : 0px;
    left        : 0px;
    overflow    : hidden;
    width       : 100%;
    height      : 100%;
	}
body.backmatter .left-cont_inner {
padding:16% 7% 5% 21%;
}
body.backmatter .right-cont_inner {
padding:16% 21% 5% 8%;
}
body.backmatter img.rightscript {
position : absolute;
    width    : 100%;
    top      : 7%;
    z-index  : -1;	
}
body.backmatter img.leftscript {
position : absolute;
    width    : 100%;
    top      : 7%;
    z-index  : -1;
}
body.backmatter .right-cont {
	background-image:none !important;
	position    : absolute;
	top         : 0px;
    right        : 0px;
    overflow    : hidden;
    width       : 100%;
    height      : 100%;
}

a.textwork {
-webkit-animation: color-change 1.9s infinite;
    -moz-animation: color-change 1.9s infinite;
    -o-animation: color-change 1.9s infinite;
    -ms-animation: color-change 1.9s infinite;
    animation: color-change 1.9s infinite;	
	 -webkit-transition: background 0.15s ease;
  -moz-transition: background 0.15s ease;
  -o-transition: background 0.15s ease;
  transition: background 0.15s ease;
}
a.textwork:hover {
-webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none;	
	color:#8c2a6f;
	background: #e3c69e;
}

a.textwork:hover .infoworktext {
-webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none;	
	color:#8c2a6f;
	background: #e3c69e;
}
.infoworktext {
  position: absolute;
  top: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
  -webkit-transition: top 0.6s ease-in-out;
  left: 0;
  color: #f7f7f7;
  text-decoration: none;
}


body.backmatter h6.book {
	font-variant:small-caps;
	text-align:center;
	margin:0 0 12px 0;
	font-weight:normal;
}

body.backmatter p::selection {
	background: #e3c69e; /* Safari */
	}
body.backmatter p::-moz-selection {
	background: #e3c69e; /* Firefox */
}


.clearer {
	clear:both;
}