/* !reset */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* !fonts */

@font-face {
      font-family: 'volta-light';
    src: url('fonts/volta-light-webfont.eot');
    src: url('fonts/volta-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/volta-light-webfont.woff') format('woff'),
         url('fonts/volta-light-webfont.ttf') format('truetype'),
         url('fonts/volta-light-webfont.svg#volta-light') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
      font-family: 'volt-a-book';
    src: url('fonts/volta-book-webfont.eot');
    src: url('fonts/volta-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/volta-book-webfont.woff') format('woff'),
         url('fonts/volta-book-webfont.ttf') format('truetype'),
         url('fonts/volta-book-webfont.svg#volt-a-book') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'televoicebookregular';
    src: url('fonts/televoice-book-webfont.eot');
    src: url('fonts/televoice-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/televoice-book-webfont.woff') format('woff'),
         url('fonts/televoice-book-webfont.ttf') format('truetype'),
         url('fonts/televoice-book-webfont.svg#televoicebookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ocrbregular';
    src: url('fonts/ocrb-webfont.eot');
    src: url('fonts/ocrb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ocrb-webfont.woff') format('woff'),
         url('fonts/ocrb-webfont.ttf') format('truetype'),
         url('fonts/ocrb-webfont.svg#ocrbregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* !globals */

body {
	font-size: 62.5%;
	font-family: 'volta-light', Verdana, Geneva, sans-serif;
	width: 100%;
}
	
a {
	text-decoration: none;
	color: rgb(51, 51, 51);
}
	a:hover, a.hover {
		text-decoration: none;
		color: rgb(204, 204, 204);
	}

p {
	font-size: 1.5em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}


/* !header */
header {
	padding: 3em 10% 0;
	/*margin-bottom: 2em;*/
}
header h1 a {
	font-size: 2.6em;
	line-height: 1.8em;
	text-decoration: none;
	color: rgb(51, 51, 51);
	letter-spacing:2px;
}
	header h1 a:hover {
		text-decoration: none;
		color: rgb(51, 51, 51);
	}

/* !sidebar */
aside#sidebar {
	background-color: rgb(255, 255, 255);
	padding-left: 30%;
	margin-bottom: 2em;
}

aside nav ul li {
	list-style: none;
	font-size: 1.6em;
	line-height: 1.5em;
	color: rgb(51, 51, 51);
}
	
	nav ul li.divider {
		display: block;
		height: 1.5em;
	}
	nav ul li.active a {
		color: rgb(204, 204, 204);
	}

/* !content */
#contentWrapper {
	width: 100%;
}
	/*#contentWrapper::-webkit-scrollbar{
	display:none;
	}

	.content::-webkit-scrollbar, 
	.content::-moz-scrollbar {
	display:none;
	}*/

	.content .imagetext {
		width: 100%;
	}
	
/*	
	#contentWrapper {
		width: 100%;
		position: absolute;
		overflow-x: hidden;
		overflow-y: hidden;
		top: 12em;
	}
		
	.content {
		overflow: scroll;
		white-space: nowrap;
		padding-right: 5em;
		width: auto;
		overflow-y: hidden;
	}
	.content .image {
		display: inline-block;
		margin-right: 4px;
		position: relative;
		height: 550px;
	}
	*/
	
		.content .image img {
			height: auto;
			width: 80%;
			margin: 0.4em 10%;
		}
		.content .imagetext p {
			padding: 1em 10%;
			font-size: 1.2em;
		}
	
	.content.imagestext {
		font-family: 'ocrbregular';
		margin-left: 26em;
		width: 550px;
		top: 870px;
		white-space: normal;
	}
	.content.text {
		white-space: normal;
		padding: 0 10%;
	}

	.subline {
		font-family: 'ocrbregular';
		font-size: 1.4em;
		display: block;
		padding: 0.4em 10% 1.5em;
	}
	
	
	header {
			padding: 3em 0 0 5em;
			/*position: fixed;*/
			height: 9em;
			background-color: rgb(255, 255, 255);
			z-index: 400;
			width: 100%;
		}
		
		/* !sidebar */
	
		
		aside#sidebar {
			position: absolute;
			width: 21em;
			background-color: rgb(255, 255, 255);
			padding-left: 5em;
			/*position: fixed;
			top: 12em;
			left: 0;*/
			top: 11.7em;
			height: 100%;
			z-index: 500;
		}
		
		aside nav ul li {
			font-size: 1.6em;
		}
		
		/* !content */
		#contentWrapper {
			width: 100%;
			position: absolute;
			/*overflow-x: hidden;*/
			/*overflow-y: hidden;*/
			/*top: 12em;*/
			/*padding-left: 26em;*/
			height: 100%;
		}
			
		.content {
			/*overflow: scroll;*/
			white-space: nowrap;
			padding-right: 5em;
			width: auto;
			position: absolute;
			/*overflow-y: hidden;*/
			height: 100%;
			/*margin-top: 12em;*/
		}
		
			.content.images:first-child {
				margin-left: 26em; 
			}
			.content.images:last-child {
				margin-right: 5em;
			}
			.content.text > * {
				margin-left: 20.6666em;
			}
			
			.content .image {
				display: inline-block;
				margin-right: 110px;
				position: relative;
				height: 700px;
			}
			
			.content.text {
				padding-left: 0;
			}
			.content .image img {
				margin: 0;
				height: 700px;
				width: auto;
			}
			
			.content .imagetext {
				display: inline-block;
				margin-right: 4px;
				height: 550px;
				width: 330px;
				vertical-align: middle;
			}
				.content .imagetext.back {
					width: 150px;
					vertical-align: centre;
				}
			.content .imagetext p {
				width: inherit;
				display: inline-block;
				padding: 0;
				font-size: 1.4em;
				white-space: normal;
			}
			.content.imagestext .textdivider {
				height: 1em;
				display: block;
			}
			
			.content.images ul {
				height: 600px;
			}
			
			.subline {
				display: inline-block;
				position: absolute;
				left: 0;
				padding: 0px;
				bottom: -25px;
			}
	
	
/* !responsive */	

/*@media screen and (min-width: 769px) and (min-height: 769px) {
	
	header {
		position: fixed;
	}
	
	/* !sidebar *!/

	
	aside#sidebar {
		position: fixed;
	}
	
	.content.images ul {
		margin-top: 12em;
	}
	
	.content.text:first-child {
		margin-top: 12em;
	}

}*/
@media screen and (max-height: 800px) {
	
	.content .image {
		height: 500px;
	}
	.content .image img {
		height: 500px;
	}
	.content.imagestext {
		top: 670px;
	}

}