@charset "UTF-8";
/* CSS Document */

body {
	font-family: "Times New Roman", serif;
	font-size: 16px;
	overflow-x: scroll;
	overflow-y: auto;
	white-space: nowrap;
}
body a {
	text-decoration: none;
	color: #000;
}
body #info{
	font-family: "Times New Roman", serif;
	font-size: 16px;
	overflow: auto;
}
#header {
	float: left;
	font-family: "Times New Roman", serif;
	font-size: 16px;
	z-index: 100;
}
#index{
	position: fixed;
	left: 75px;
	top: 75px;
}

#menu {
	position: fixed;
	right: 75px;
	top: 75px;
}

#menu li {
	display: inline;
	margin-left: 50px;
	cursor: pointer;
}
#menu li.active {
	padding-bottom: 6px;
	border-bottom: 1px solid #000;
}
#menu li a {
	text-decoration: none;
	color: #000;
}

#slides{
	padding: 165px 75px;
}

#slides figure{
	font-family: "Times New Roman", serif;
	display: inline-block;
	vertical-align: middle;
	padding-right: 40px;
	vertical-align: middle;
}


#slides figcaption{
	font-family: "Times New Roman", serif;
	padding-top: 10px;
	font-size: 13px;
}

#slides figcaption a{
	font-family: "Times New Roman", serif;
	padding-bottom: 2px;
	border-bottom: 1px solid black;
}

#slides i{
	font-family: "Times New Roman", serif;
	font-style: italic;
	}

#info{
	text-align: center;
	width: 525px;
	white-space: normal;
	margin: 100px auto;
	line-height: 2em;
	font-family: "Times New Roman", serif;
	font-size: 16px;
}
#info a {
	font-family: "Times New Roman", serif;
	font-size: 16px;
	text-decoration: none;
	padding-bottom: 4px;
	border-bottom: 1px solid #111;
}

.under {
	padding-bottom: 4px;
	border-bottom: 1px solid #000;
}

#grid {
	display: block;
	padding: 125px 75px;
}

#grid figure{
	float: right;
	margin: 0 150px 150px 0;
}

#grid figcaption{
    width: 100%;
    opacity: 0;
    color: #000;
}

#grid figcaption{
	padding-top: 10px;
	vertical-align: middle;
	font-size: 13px;
}

#grid figcaption a{
	padding-bottom: 2px;
	border-bottom: 1px solid black;
}

#grid figure.blank1{
	height: 25px;
	width: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#grid figure.blank2{
	height: 25px;
	width: 250px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#grid figure.blank3{
	height: 25px;
	width: 400px;
	padding-right: 0px;
	padding-bottom: 0px;
}
 
#grid figure:hover  figcaption{
    opacity: 1;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;
}

#grid i{
	font-style: italic;
	}