#container	{
	position: relative;
	min-height: calc(100vh - 12em);
}

#content	{
	width: 88%;
	margin: 0 auto 2em;
	display: table;
	table-layout: fixed;
	height: 100%;
}
/*NEW*/
#logo, #point 	{
	width: 12%;
	margin: 0;
	padding: 0;
	position: absolute;
}	

#logo	{
	top: 1em;
	left: 8%;
}

#point	{
	display: block;
	top: 3em;
	right: 8%;
}	

/*END OF NEW*/

footer 	{
	max-height: 4em;
}
	
/*NAVIGATION*/


nav 	{
	width: 56%;
	float: none;
	margin: 0 auto;
	padding: 3% 0 0;
}

nav ul	{
	width: 100%;
	float: none;
}	

nav li	{
	float: left;
	width: 20%;
	margin: 0;
	padding: .3em 2.3%;
	text-align: center;
	font-size: 1.2em;
	border-right: 1px solid #cccccc;
	border-bottom: none;
}

nav li:first-child	{
	padding: .3em 2.3%;
}

nav li:last-child	{
	padding: .3em 2.3%;
	border-right: none;
}


/*PAGE CONTROLS*/

.control	{
	position: fixed;
	height: 3em;
	width: 1.5em;
}

/*MAIN*/	

#main	{
	width: 46%;
	padding: 2em 7% 0;
	margin: 0;
	display: table-cell;
	vertical-align: top;
	border-bottom: none;
}

#main .page_text	{
	margin-top: -1em;
}	

.central	{
	margin:  0 0 2em;
	
}
.window .caption	{
	font-size: 1.1em;
}

.zoom	{
	margin: 0 auto;
	width: 100%;
	max-width: 75em;
}	

aside	{
	width: 15%;
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: top;
}

#first, #second	{
	padding-top: 15%;
}

.item	{
	width: 100%;
	margin: 0 0 3em;
}	

#second .item:first-child	{
	margin-top: -2em;
}	


.item img	{
	width: 100%;
	margin: 0 auto;
	outline: 1px solid #cccccc;
}

/*UMMA*/

#across 	{
	width: 100%;
	margin-top: 0;
}

#across .page_text	{
	width: 64%;
	margin: 0 auto 3em;
	text-align: justify;
}

#across 	h2	{
	text-align: center;
}	

#umma1	{
	height: 40vh;
	width: 306vh;
}	

#umma2	{
	height: 40vh;
	width: 321vh;
}	

#kelsey	{
	height: 40vh;
	width: 323vh;
}	

#kelsey_real	{
	height: auto;
	width: 100%;
}

#scroll_real	{
	display: none;
}	

/*GUIDE*/

#wrapper	{
	width: 94%;
	margin-left: 3%;
	
}	


#guide ul	{
	width: 182%;
	padding: 0 1%;
}	

#guide li	{
	margin: 1em 1.37% 1em 0;
	width: 6.3%;
	padding-bottom: 5%;
}

#guide label { 
	top: 3em;
}	

#slide1:checked ~ #guide .inner { margin-left:0; }
#slide2:checked ~ #guide .inner { margin-left:-14.3%; }
#slide3:checked ~ #guide .inner { margin-left:-28.6%; }
#slide4:checked ~ #guide .inner { margin-left:-42.9%; }
#slide5:checked ~ #guide .inner { margin-left:-57.2%; }
#slide6:checked ~ #guide .inner { margin-left:-71.5%; }
#slide7:checked ~ #guide .inner { margin-left:-85.8%; }
#slide8:checked ~ #guide .inner { margin-left:-100.1%; }
#slide9:checked ~ #guide .inner { margin-left:-114.4%; }
#slide10:checked ~ #guide .inner { margin-left:-128.7%; }
#slide11:checked ~ #guide .inner { margin-left:-143.0%; }
#slide12:checked ~ #guide .inner { margin-left:-157.3%; }


#slide6:checked ~ #guide #controls label:nth-child(7),
#slide7:checked ~ #guide #controls label:nth-child(8) {
	display: none;
}

/*EXPANDABLE WINDOW*/
.grow img	{
	cursor: zoom-in;
}
	
.window .action	{
	bottom: -6px;
}

.window:hover .action, .window:focus .action	{
	display: block;
}	
	
.zoomed	{
	visibility: visible;
	position: absolute;
	width: 86%;
	top: 8px;
	left: 7%;
	z-index: 2000;
}	

.zoomed div	{
	outline: 8px solid #231f20;
}	

/*INDEX*/

.index	{
	-webkit-column-count: 5; /* Chrome, Safari, Opera */
	-moz-column-count: 5; /* Firefox */
	column-count: 5;

	-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
	-moz-column-gap: 2em; /* Firefox */
	column-gap: 2em;
}

/*POP-UPs*/



#nav2 	{
	left: 2em;
	top: 1em;
	
}

#acknowledgments_long	{
	width: 86%;
	top: 8px;
	left: 7%;
	max-height: none;
}	

#acknowledgments_long h3	{
	padding-left: 1em;
}

#acknowledgments_long p	{
	margin: 1em;
}	

#acknowledgments_long .close	{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.5em;
	padding: 0 .3em;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color: inherit;
	background: #ffffff;
}	

#acknowledgments_long a .close, #acknowledgments_long a:hover .close , #acknowledgments_long a:focus .close, #acknowledgments_long a:active .close , #acknowledgments_long a:visited .close 	{
	color: #333333;
}	

/*PHOTO GALLERY*/

.photos_two	{
	-webkit-column-gap: 4em; /* Chrome, Safari, Opera */
	-moz-column-gap: 4em; /* Firefox */
	column-gap: 4em;
}

.photos_two .gallery_item	{
	margin-bottom: 3em;
}

.photos_three	{
	-webkit-column-gap: 4em; /* Chrome, Safari, Opera */
	-moz-column-gap: 4em; /* Firefox */
	column-gap: 4em;
}

.photos_three:last-child .gallery_item:last-child	{
	margin-bottom: 0;
}