@charset 'UTF-8';
/*
 * jQuery Image Gallery Plugin CSS Example 2.0
 * https://github.com/blueimp/jQuery-Image-Gallery
 *
 * Copyright 2011, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://creativecommons.org/licenses/MIT/
 */

html {
	height: 100%;
}

body { 
	height: 100%;
	margin: 0;
	background: transparent;
	background-image: url('../images/kdc-bg.jpg');
	background-repeat:no-repeat;
	color: #fff;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	line-height:1.5em;
	font-size: 0.85em;
}

#socialIcons{
	opacity:0.7;
}

.footer{
	color:white;
	font-size:small;
	text-align:center;
	opacity:0.8;
}

a img {
  border: 0;
}

#main{
	overflow:hidden;
}

table{
	overflow:hidden;
	white-space:nowrap;
	table-layout:fixed;
}

#logo{
	width:100%;
	background: transparent;
	background-image: none;
	background-repeat:repeat;
	overflow:hidden;
	text-align:center;
	opacity: 0.0;
}

#cameraImg{
	opacity: 0.7;
}

#videoImg{
	opacity:0.7;
}

iframe{
	border: none;
	overflow:hidden;
}

#photos {
	position:absolute;
	top: 150px;
	bottom:10px;
	width:95%;
	height:95%;
	background: #222;
	padding-left: 50px;
	overflow:hidden;
}


#videoGallery {
	position:absolute;
	top: 150px;
	bottom:10px;
	width:95%;
	height:95%;
	background: #222;
	padding-left: 50px;
	overflow:hidden;
}


#options {
	margin: 30px 0;
}

#info {
	padding: 0 5px;
}

div#slideshowControls {margin: 0; padding: 0;}
div#slideshowControls div {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;}
div#slideshowControls div#slider {width:10%; margin: 2px; position: relative; left: 10px; top: 5px; padding: 0 0; cursor: pointer; float: left;}
div#slideshowControls div#slideshowDelay {margin: 2px; position: relative; left: 20px; top: 5px; padding: 0 0; cursor: default; float: left; font-size:small; color:#0066FF;}
div#slideshowControls span.ui-icon {float: left; margin: 0 4px;}

/*extruder*/
.extruder .text{position:relative;left:6px;font:12px Arial,Helvetica,sans-serif;color:#fafafa;padding:20px;border-bottom:1px solid #333333;}
.extruder .contactus{position:relative;left:25px;font:12px Arial,Helvetica,sans-serif;color:#fafafa;padding:20px;border-bottom:1px solid #333333;}

a, #videoGallery a {
	color: #0099CC;
	text-decoration: none;
}

a:hover, #videoGallery a:hover {
	color: #00CCFF;
}

h1, #videoGallery h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 0;
}

h2{
	font-size: 1.5em;
	height: 20px;
	padding-top: 0;
}

#videoGallery h2{
	font-size: 1.2em;
	height: 20px;
	padding-top: 0;
}


.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Main Layout ****/
#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
}

input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}


input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

.bt_register:hover{
	color:black;
}

input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

textarea.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
}