body {
	margin: 0;
	background: #fff;
	
}

#presentation-1 {
	/* border: 1px solid #ccc; */
	height: 100%;
	width: 100%;
}

#presentation-2 {
	/* border: 1px solid #ccc; */
	top: 50%;
	width: 100%;
	height: 50%;
}

.header {
	position: fixed;
	width: 100%;
	top: 0%;
	height: 12%; 
	background: #333;
}

body .header h1 {
	/* border: 1px solid #ccc; */
	margin: 0px;
	padding: 12px 2px 0px 26px;
	font-size: 42px;
	margin-left: 30px;
	color:#FFFFFF;
	/***
	background: blue;
	height: 12%; 
	***/
}

.slide h3, .slide h4 {
	padding: 0px 2px 0px 60px;
	margin: 0px;
}

.slide h3 {
	margin-top: 100px;
}

.slide h1 {
	padding: 80px 2px 0px 60px;
	font-size: 45px;
}

.slide {
	/* background: red;*/
	position: fixed;
	top: 12%;
	height: 90%; 
	width: 100%; /** added **/
}

.slide ul li {
	font-size: 30px;
	color: #000;
	margin-top: 8px;
}


.slide ul li.photo,  .slide ul.no_dots {
	list-style:none;
}


.content > ul {
	margin-top: 30px;
	margin-left: 30px;
}

.content pre {
	font-size: 25px;
	margin-top: 30px;
	margin-left: 50px;
}

.content ul {
	margin-bottom: 15px;
}


.footer {
	/* border: 1px solid #ccc;*/
	position: fixed;
	top: 90%;
	background: #333;
	height: 10%;
	width: 100%;
	color:#fff;
}

.title {
	position: absolute;
	/** background: #CCC; **/
	text-align: left;
	width: 45%;
	height: 100%;
	padding: 28px 0px 2px 4px;
}

.footer .pagenumber {
	position: absolute;
	/* top: 0%; */
	left: 45%;
	width: 10%;
	/** background: #CCC; **/
	text-align: center;
	height: 100%;
	padding: 28px 0px 2px 0px;
}

.footer .info {
	position: absolute;
	/* top: 0%; */
	width: 45%;
	left: 55%;
	height: 100%;
	/** background: #CCC; **/
	text-align: right;
	padding: 28px 0px 2px 0px;
}