* {
	margin: 0;
	padding: 0;
}

/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
background: #000000 url(images/splash/bg-tile.jpg) repeat;
text-align:center;
min-width:900px;/* for good browsers*/
font-family: Arial;
font-size: 14px;
color: #333333;
}

a { color:#ffffff; text-decoration: none; }	
a:hover { color:#cccccc; text-decoration: underline; }	
a img { border: none; }	
:focus {	outline: 0;	}
ul, li, form, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style: none;}
	
h1 { font-size: 18px; font-weight: normal;padding-bottom: 20px; color:#ff0000; text-transform:uppercase;}
h1 strong { font-size: 18px; font-weight: normal;padding-bottom: 20px; color:#000000; text-transform:uppercase;}
h1 img { margin: 2px 0 0 0;}
h2 { font-size: 16px; font-weight: normal;padding-bottom: 20px; color:#ff0000; text-transform:uppercase;}
h2 strong { font-size: 16px; font-weight: normal;padding-bottom: 20px; color:#000000;text-transform:uppercase;}
p { font-size: 15px; color:#666666; font-weight: normal; margin: 30px 0 0 0; }
p strong { color:#ffffff; }

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:top;
display:table-cell;
} 
#inner {
width: 850px;
text-align: center;
margin-left:auto;
margin-right:auto;
}
#contentouter{
height:100%;
width:850;
display:table;
vertical-align:middle;
}
#contentcontainer {
text-align: left;
position:relative;
vertical-align:middle;
display:table-cell;
width: 850px;
} 
#hkn-logo {
margin: 4px 0 4px 0;
width: 200px;
float: left;
} 
#showtime {
	margin: 6px 0 0 0;
	float: right;
	width: 500px;
	text-align: right;
	color: #ffffff;
	font-size: 0.8em;
}
#col-left {
	margin: 10px 0 0 0;
	padding: 0 0 30px 0;
	float: left;
	width: 587px;
	text-align: left;
}
#col-right {
	margin: 10px 0 0 0;
	padding: 0 0 30px 0;
	float: right;
	width: 230px;
	text-align: left;
}
#separator { 
background: #cccccc;
text-align:center;
width:230px;
height: 1px;
margin: 20px 0 20px 0;
padding: 0 0 0 0;
}
#description {
	margin: 10px 0 20px 0;
	padding: 0 0 0 40px;
	text-align: left;
	font-size: 0.8em;
}
#lawrenceblack-promo {
	margin: 30px 0 20px 0;
}
#videoplayer {
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	text-align: left;
}
#vid1 {
	width: 155px;
	float: left;
	margin: 0 55px 0 0;
	padding: 0 0 0 0;
	text-align: left;
}
#vid2 {
	width: 155px;
	float: left;
	margin: 0 55px 0 0;
	padding: 0 0 0 0;
	text-align: left;
}
#vid3 {
	width: 155px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}
#vid-caption {
	margin: 10px 0 20px 0;
	text-align: left;
	font-size: 0.8em;
}
#footer{
background: #000000 url(images/splash/bg-footline.png) repeat-x;
height:25px;
width:100%;
text-align: center;
display:table;
vertical-align:middle;
}
#container2 {
text-align: center;
position:relative;
vertical-align:top;
display:table-cell;
} 
#copyright {
width: 850px;
font-size: 0.8em;
color:#666666;
text-align: center;
margin: 0 0 0 0;
padding: 10px 0 10px 0;
} 

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#000;
	width:700px;	
	min-height:250px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow: 0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/splash/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* some styling for triggers */
#triggers {
	text-align:center;
}

#triggers img {
	cursor:pointer;
	margin:0 0 0 0;
	background-color:#fff;
	padding: 0 0;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#triggers p {
	width: 155px;
	float: left;
	margin: 10px 20px 0 0;
	font-size: 0.8em;
	text-align: left;
}
#triggers p strong {
	color: #ff0000;
}

/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:185px;
}

.details h3 {
	color:#fff;
	font-size:15px;
	margin:0 0 -10px 0;
}

.details p {
	font-size: 1.0em;
	color:#fff;
}
.details img {
	margin:0 0 20px 0;
	text-align: center;
	padding: 0 0;
}
.bio {
	position:absolute;
	top:15px;
	right:15px;
	left: 15px;
	bottom: 15px;
	font-size:11px;
	color:#fff;
}

.bio h3 {
	color:#fff;
	font-size:15px;
	margin:0 0 15px 0;
	padding: 0 0 0 290px;
}

.bio p {
	font-size: 1.0em;
	color:#fff;
	margin: 0 0 15px 0;
	padding: 0 0 0 290px;
}
.bio img {
	margin: 0 0 20px 0;
	padding: 0 0;
}