html, body {
	height: 100%;
	margin: 0;
}
.jsenabled body {
	/*overflow: hidden;*/
}
body {
	font-family: "Helvetica Neue", Arial, Helvetica, FreeSans, sans-serif;
	font-size: 11pt;
	color: #fff;
	background-color: #303030;
}
a img {
	border: 0 none;
}
a {
	text-decoration: underline;
	color: #c0c0c0;
}
a:hover {
	text-decoration: none;
	color: #fff;
}
h1, h2, h3, table.nice th {
	color: #fff;
}
h1 {
	font-size: 1.4em;
	margin: 0.5em 0;
	font-weight: normal;
	display: block;
	clear: both;
}

h2 {
	font-size: 1.2em;
	margin: 0.5em 0;
	font-weight: normal;
	display: block;
	clear: both;
}

h3 {
	font-size: 1em;
	margin: 0.5em 0;
	font-weight: bold;
	display: block;
	clear: both;
}

.small {
	font-size: 0.7em;
}

#browserwarning {
	position: absolute;
	bottom: 5px;
	left: 5px;
	padding: 10px;
	border: 1px solid #f00;
	color: #f00;
	background-color: #fff;
	font-size: 8pt;
}

#backgradient,
#backnoise {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*min-height: 740px;*/
}
	#backnoise {
		background-image: url(../img/noise.png);
	}

#specialmenu {
	position: fixed;
	top: 15px;
	right: 15px;
	font-size: 8pt;
}
	#specialmenu a {
		text-decoration: none;
		text-transform: uppercase;
		display: block;
		height: 29px;
		line-height: 27px;
		color: #000;
		font-size: 10pt;
		text-decoration: none;
		border: 1px solid #C08080;
		background: rgb(255,50,50);
		background: rgba(255,50,50,0.75);
		padding: 0 10px;
		border-radius: 5px;
		text-align: center;
		margin-bottom: 5px;
	}
	#specialmenu a:hover {
		color: #fff;
		text-decoration: none;
	}
#logo {
	display: block;
	position: fixed;
	top: 15px;
	left: 15px;
}
	#logo img {
		border: 0 none;
	}


#carousel {
	position: relative;
	width: 67%;
	height: 100%;
	margin: 0 auto;
}
	html.jsenabled #carousel {
		-webkit-transition: opacity 500ms ease-in-out;
		-moz-transition: opacity 500ms ease-in-out;
		-o-transition: opacity 500ms ease-in-out;
		-ms-transition: opacity 500ms ease-in-out;	
		transition: opacity 500ms ease-in-out;
		opacity: 0;
	}
	#carouselimages {
		position: relative;
		top: 50%;
		height: 500px;
		margin-top: -250px;
	}
	#carousel img.cloudcarousel {
		box-shadow:  0 0 40px 10px rgba(0,0,0,0.75);
	}
		#carousel:hover img.cloudcarousel {
			box-shadow:  0 0 40px 10px rgba(255,255,255,0.25);
		}

#carouselnav {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -290px;
	width: 580px;
	height: 200px;
	z-index: 999;
	display: none;
}
	html.jsenabled #carouselnav {
		display: block;
	}
	#carouselnav div.title {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		font-size: 14pt;
		color: #fff;
	}
	#carouselnav div.left,
	#carouselnav div.right {
		position: absolute;
		left: 0;
		top: 37px;
		width: 60px;
		height: 140px;
		background-image: url(../img/arrows.png);
		background-repeat: no-repeat;
		background-position: 10px 50%;
		opacity: 0.5;
		cursor: pointer;
	}
		#carouselnav div.left:hover,
		#carouselnav div.right:hover {
			opacity: 1;
		}
	#carouselnav div.right {
		left: auto;
		right: 0;
		background-position: -85px 50%;
	}
	#carouselnav div.buttons {
		position: relative;
		width: 460px;
		left: 108px;
		top: 40px;
	}
	#carouselnav div.buttons div.buttongroup {
		position: relative;
		width: 460px;
	}
	#carouselnav div.buttons div.buttoncount1,
	#carouselnav div.buttons div.buttoncount2,
	#carouselnav div.buttons div.buttoncount3 {
		margin-left: 91px;
		width: 230px;
	}
	#carouselnav div.buttons div.buttoncount1 {
		margin-top: 52px;
	}
	#carouselnav div.buttons div.buttoncount2,
	#carouselnav div.buttons div.buttoncount4 {
		margin-top: 35px;
	}
	#carouselnav div.buttons div.buttoncount3,
	#carouselnav div.buttons div.buttoncount5,
	#carouselnav div.buttons div.buttoncount6 {
		margin-top: 17px;
	}
		#carouselnav div.buttons a.button {
			display: block;
			position: relative;
			float: left;
			background-image: url(../img/button.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			width: 167px;
			height: 29px;
			line-height: 27px;
			padding-left: 10px;
			color: #c0c0c0;
			font-size: 10pt;
			margin: 0 10px 6px 0;
			text-decoration: none;
		}
			#carouselnav div.buttons a.button:hover {
				background-position: 0 -30px;
				color: #fff;
				text-decoration: none;
			}



#textcontent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
}
	#textcontent div.text-inner {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
		#textcontent div.text-inner2 {
			text-align: left;
			display: inline-block;
			position: relative;
			max-width: 1000px;
			width: 80%;
			margin: 3em 0;
		}

#gallerycontent, #cover, #cover img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#gallerycontent img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
#gallerycontent img.animation {
	-webkit-transition: all 800ms ease-in-out;
	-moz-transition: all 800ms ease-in-out;
	-o-transition: all 800ms ease-in-out;
	-ms-transition: all 800ms ease-in-out;	
	transition: all 800ms ease-in-out;
}
#gallerynav_left, #gallerynav_right {
	position: absolute;
	top: 0;
	width: 30%;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
}
	#gallerynav_left,
	#gallerynav_left span {
		left: 0;
	}
	#gallerynav_right,
	#gallerynav_right span {
		right: 0;
	}
	#gallerynav_left span,
	#gallerynav_right span {
		display: block;
		position: absolute;
		width: 75px;
		height: 110px;
		top: 50%;
		margin-top: -55px;
		background-image: url(../img/arrows.png);
		background-repeat: no-repeat;
		background-position: 18px 50%;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.5);
		opacity: 0.5;
	}
	#gallerynav_right span {
		background-position: -77px 50%;
	}
	#gallerynav_left.visible span,
	#gallerynav_right.visible span {
		-webkit-transition: opacity 200ms ease-in-out;
		-moz-transition: opacity 200ms ease-in-out;
		-o-transition: opacity 200ms ease-in-out;
		-ms-transition: opacity 200ms ease-in-out;	
		transition: opacity 200ms ease-in-out;
	}
	#gallerynav_left.visible:hover span,
	#gallerynav_right.visible:hover span {
		opacity: 1.0;
	}

#picdescription {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 1;
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	-o-transition: opacity 500ms ease-in-out;
	-ms-transition: opacity 500ms ease-in-out;	
	transition: opacity 500ms ease-in-out;
	background-color: rgba(0,0,0,0.25);
	padding-top: 5px;
}
	#picdescription span {
		display: block;
		margin: 0 50px 0 100px;
		padding: 0;
		font-size: 12pt;
		line-height: 14pt;
	}
	#picdescription h1 {
		display: block;
		margin: 0 50px 10px 100px;
		padding: 0;
		font-size: 10pt;
		line-height: 12pt;
	}
	#picdescription.hidden {
		opacity: 0.35;
	}
		#picdescription.hidden:hover {
			opacity: 1;
		}



#slideshowbutton {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 28px;
	cursor: pointer;
	height: 29px;
	line-height: 27px;
	color: #c0c0c0;
	font-size: 10pt;
	text-decoration: none;
	border: 1px solid #808080;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.5);
	padding: 0;
	border-radius: 5px;
}
	#slideshowbutton:hover {
		color: #fff;
		text-decoration: none;
	}
	#slideshowbutton span {
		display: block;
		width: 16px;
		height: 16px;
		background-image: url(../img/play.png);
		margin: 6px 0 0 8px;
		background-repeat: no-repeat;
		opacity: 0.75;
	}
	#slideshowbutton:hover span {
		opacity: 1;
	}
	#slideshowbutton.active span {
		background-image: url(../img/pause.png);
		margin: 6px 0 0 7px;
	}
#contentbackbutton {
	position: fixed;
	bottom: 10px;
	left: 10px;
	height: 29px;
	text-decoration: none;
	display: block;
	line-height: 27px;
	color: #000;
	font-size: 10pt;
	text-decoration: none;
	border: 1px solid #C08080;
	background: rgb(255,50,50);
	background: rgba(255,50,50,0.75);
	padding: 0 10px;
	border-radius: 5px;
	text-align: center;
}
#contentbackbutton:hover {
	color: #fff;
	text-decoration: none;
}



/*body, div, a, span, img, table, tr, td, ol, ul, li {
	-webkit-transform:translate3d(0,0,0);
}*/