* {
	color: transparent;
	box-sizing: border-box;
}

@font-face {
    font-family: 'serenamai';
    src: url('bodoni.ttf');
}

.sm-rgb-one {
	background-color: #e6e6e6;
	box-shadow: inset 0 0 0 2.5px #d9d9d9;
}

.gtext {
	background: -webkit-linear-gradient(#808080, #808080);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.opoff {
	opacity: 0;
}

.opon {
	opacity: 1;
}

.oplow {
	opacity: .3;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family:  'serenamai';
}

h1 {
	margin: 10px auto;
}

.wrapper {
	background-color: #e6e6e6;
 	background-image: linear-gradient(#e6e6e6, #d9d9d9);
	border: 18px solid #d9d9d9;
	height: 100%;
}

.header {
	padding-top: 40px;
	margin: 0 auto;
	width: 50%;
	text-align: right;
	max-width: 686px;
}

.footer {
	margin: 15px auto;
	width: 50%;
	text-align: right;
	max-width: 686px;
}

.footer-text {
	font-size: 20px;
	margin: 0;
}

.content-layout {
	padding-top: 5px;
	border: 0px solid #6699cc;
	margin: 0 auto;
	max-width: 686px;
}


ul {
	list-style-type: none;
}

li:hover {
	opacity: .3;
	transition: opacity .5s; 
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  display: inline-block;
}

.nav {
	margin: 0 auto;
	font-size: 20px;
	float: left;
	width: 20%;
	height: 605px;
	text-align: left;
}

.page {	
	margin: 50 auto;
	float: right;
	width: 80%;
}

.page>p {
	margin-top: 10px; 
	color: #4d4d4d;
}

#navMenu {
	width: 136;
}

#navMenu a:link, #navMenu a:active, #navMenu a:visited {
color: #000000;
}
#navMenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navMenu li {
margin: 2px 0 0;
}

#navMenu a {
display: block;
width:136px;
padding: 2px 2px 2px 10px;
text-decoration: none; 
}

.smNJ {
 color:transparent;
}