/*
 * Some of this stuff is relevant for the current (launch) splash only. Should be externalized.
 */
div#body {
	background-image: none; /* adjusted by script if javascript enabled */
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
div#curtains {
	background-color: rgb(248,248,245);
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
div#splash {
	position: relative;
	width: 900px;
	height: 500px;
	margin-top: 60px; * had to move this from div.pagehead to here because of IE<8 */
}
div#theatre {
	position: absolute;
	z-index: 1;
	width: 900px;
	height: 500px;
	top: 0;
	left: 0;
}
p#theatrenav {
	display: none; /* adjusted by script if javascript enabled and browser is OK */	
}
div.pagehead {
	margin-top: 0;
	border: 1px solid rgb(188,188,184);
	border-left: none;
	border-right: none;
	padding-top: 37px;
	padding-bottom: 30px;
	width: 457px;
	margin-bottom: 40px;
	height: auto;
}
div.pagehead h1 {
	margin: 0;
	padding: 0;
}
div.pagebody {
	min-height: 0;
	padding-bottom: 0;
}
div.scene {
	width: 900px;
	height: 452px; /* IE<8 must know */
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
div#scene0 {
	visibility: visible;
}
div.scenescript {
	width: 440px;
}
div.splashimage {
	position: absolute;
	background-repeat: no-repeat;
	z-index: 0;
}
div.pagehead h1 {
	font-size: 70px;
	line-height: 80px;
}
div.scene div.pagehead h1 {
	height: 123px;
	overflow: hidden;
	background-repeat: no-repeat;
	font-size: 0;
	text-indent: 1000px;
	white-space: nowrap;
}
h1 br {
	display: none;
}
p.nav {
	color: rgb(210,35,42);
	font-weight: bold;
	-moz-user-select: none;
}
p.nav em {
	font-family: Arial,sans-serif;
	font-style: normal;
	cursor: default;
}
p.nav span {
	font-weight: normal;
	padding-left: 6px;
	padding-right: 6px;
}
p.nav a {
	text-decoration: none;
}
p.nav a:hover {
	text-decoration: underline;
}
/* Foot ................................... */
div#foot {
	border-top: 1px solid rgb(188,188,184);
	background-color: rgb(228,228,224);
	padding: 0 0 40px 0;
	position: relative;
	z-index: 3; /* related to splash z-index settings */
}
div#foot h2 {
	font-size: 20px;
	line-height: 40px;
	text-transform: none;
	font-weight: normal;
	left: -1px;
	position: relative;
}
div#foot h2 a {
	color: rgb(44,44,40);
}
div#foot h2 a:hover {
	color: rgb(210,35,42);
	text-decoration: underline !important;
}
div#foot p,
div#foot ul {
	margin:0;	
}
div#foot div.col1 {
	width: 38%;
}
div#foot div.col2,
div#foot div.col3 {
	width: 31%;
}
div#foot div.col {
	padding-top: 12px;
	min-height: 140px;
}
div#foot div.col1 div.col,
div#foot div.col2 div.col {
	border-right: 1px solid rgb(188,188,184);	
}
div#foot div.col2 div.col,
div#foot div.col3 div.col {
	padding-left: 20px;	
}
div#foot p,
div#foot ul,
div#foot ol {
	margin-bottom: 0; /* compact layout! */
}
div#foot h2 {
	position: relative;
	width: 1px; /* IE old */
	white-space: nowrap; /* IE old */
}
div#foot h2 img {
	position: absolute;
}
/* Col1 .......................................................... */
div#foot div.col1 h2 {
	padding-left: 40px;
}
div#foot div.col1 h2 img {
	top: 5px;
	left: 0;
}
div#foot div.col1 ul.nav li {
	padding-left: 0;
}
div#foot div.col1 a {
	text-decoration: none;
	clear: both;
	cursor: pointer;
	cursor: hand;
}
div#foot div.col1 a span.date {
	color: rgb(124,124,120);
	padding-right: 6px;
}
html>body div#foot div.col1 a span.date {
	display: block;
	float: left;
	position: relative; /* webkit bug */
}
div#foot div.col1 a span.title {
	color: rgb(210,35,42);
}
html>body div#foot div.col1 a span.title {
	display: block;
	float: left;
	width: 260px;
	overflow: hidden;
	position: relative; /* webkit bug */
}
div#foot div.col1 a:hover span.title {
	text-decoration: underline;
}
/* Col2 ........................................................... */
div#foot div.col2 h2 {
	padding-left: 48px;
}
div#foot div.col2 img {
	top: 1px;
	left: -8px;
}
/* Col3 ........................................................... */
div#foot div.col3 h2 {
	padding-left: 39px;
}
div#foot div.col3 img {
	top: 2px;
	left: 0;
}
/* Sticky ......................................................... */
div#foot {
}
div#sticky {
	width: 105px;
	height: 105px;
	background-image: url("/Frontend/Images/Splashes/sticky.png");
	text-align: center;
	position: absolute;
	right: -20px;
	top: -68px;
	z-index: 2;
}
div#sticky span {
	color: rgb(44,44,40);
	display: block;
	margin-top: 28px !important;
	cursor: default;
}