* { margin: 0; outline: 0; }
ul, ol { padding:  0; }
a, img { border: 0; }
div.clear { clear: both; line-height: 0; height: 0; font-size: 0; border: 0; padding: 0; margin: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

html, body { width: 100%; height: 100%; min-height: 580px; min-width: 480px; }

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



*, h1, h2, h3, h4, p {
	font-family: 'Adobe Garamond Pro', 'adobe-garamond-pro', 'Times New Roman', Times, serif; /* 'Adobe Garamond Pro',  */
	font-size: 23px; line-height: 25px;
	color: #333;
	font-weight: normal;
}

a { color: #333; text-decoration: none; }


h1 { position: fixed; top: 25px; left: 25px; z-index: 7; width: 295px; overflow: hidden; }
#navigation { position: fixed; top: 0; left: 0; z-index: 6;  height: auto; width: 295px; overflow: hidden; }

#navigation.open { background: rgba(255,255,255,.9); height: 100%;}
#navigation p { padding-top: 50px; padding-left: 25px; }

ul { list-style: none; }
ul#menu { padding: 0 25px 25px 25px; }
ul ul { margin-left: 25px; }
ul ul li:last-child { margin-bottom: 12px; }

a#toggle,
ul a { 
	display: block; 
	color: #aaa;
}

a#toggle:hover,
ul a:hover,
ul a.active { color: #444; }


#scroller {
	width: 100%; height: 100%;
	white-space: nowrap;
	overflow-x: auto; 
	display: table-cell; width: auto;
}


/* firefox */

#scroller { display: inline-block; }


div.container { 
	height: 100%; 
	text-align: center;
	float: left; overflow: hidden;
	margin: 0;
	/* width must be set to window width in js */
	width: 1024px;
}



div.title,
#title {
	width: 100%; 
	height: 70px; padding-top: 25px;
	text-align: center;
}

#title { position: fixed; left: 0; top: 0; z-index: 4; }

div.title h3,
#title h3,
div.title h3 a,
#title h3 a { color: #aaa; }

img { display: inline-block; vertical-align: middle; background: #eee; }


a#previous {
	display: block;
	position: fixed;
	top: 0; left: 0;
	width: 25%; height: 100%;
	z-index: 2;
}

a#next {
	display: block;
	position: fixed;
	top: 0; right: 0;
	width: 75%; height: 100%;
	z-index: 3;
}


body.page #title {
	position: absolute;
	left: 300px; top: 25px;
	width: 400px;
	margin: 0;
	text-align: left;
}

#text {
	position: absolute;
	left: 300px; top: 87px;
	width: 500px;
	margin: 0;
}


#text a { 
	text-decoration: underline; 
}

#text p {
	margin: 0 0 25px 0;
}

#text span { color: #aaa; }


#credit { margin-top: 75px !important; }
#credit a { color: #ccc; text-decoration: none; }