
body {
	font-family: Georgia, serif;

	padding-top:1em;
}

hr {
	margin:20px 0;
	border:0;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #ffffff;
}

hr.dark {
	margin:10px 0;
	margin-bottom:30px;
	border:0;
	/*border-top:1px solid #272822;*/
	border-bottom:1px solid #272822;
}

a, img {
    border:none;
}

#container-master {
	margin: 0em auto;
	width: 873px;
	background: #FFF;
	background: hsla(0,100%,100%,1);
}

#container-inner {
	margin: 0em auto;
	width: 870px;
}

header {
	position: relative;
	height: 150px;
	/*margin: 2.7em 0;
	padding-bottom: 1.5em;
	line-height: 1.45;

	display: block;
	margin : 20px;

	font-size : 0.7em;
*/

	margin:0;
	border:0;
	border-bottom:1px solid #eeeeee;

}

#bookRow {
	position: absolute;
	bottom: 0px;
	left: 10px;
}

#noblesse {
	position: absolute;
	top: 10px;
	right: 19px;
	width: 160px;
}

header h1 {
	position: absolute;
	right: 190px;

	font-size: 52px;
	line-height: 41px;
	margin-top: 38px;
	text-align: center;
	font-family: "Pinyon Script";
	font-weight: 400;
	font-style: normal;
	color: #063;
	color: hsla(150, 100%, 20%, 1.0);

	text-rendering: optimizelegibility;
}

/* START NAV MENU */
nav {
	position: absolute;
	bottom: 0px;
  height:40px;
}


nav ul {
  font-size: 1em;
  margin: 0;
  padding: 0;
  list-style: none;
}

nav ul li {
  display: block;
  position: relative;
  float: left;
}

nav li ul {
  display: none;
}

nav ul li a {
  display: block;
  height: 30px; /* Width and height of top-level nav items */
  /*width: 50px;*/
  padding: 7px 15px 0px 15px;
  margin-left: 12px;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
  text-align:center;
  line-height: 22px;

	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;

	border-top:3px solid;
	border-left:3px solid;
	border-right:3px solid;

	-webkit-transition: background 0.3s, -webkit-transform 0.3s;
	-moz-transition:    background 0.3s, -moz-transform 0.3s;
	transition:         background 0.3s, transform 0.3s;


}

nav ul li:nth-child(1) a {
	background: #E58B91;
	background: hsla(356, 63%, 72%, 1.0);
	border-color: #FAEAEB;
	border-color: hsla(356, 63%, 95%, 1.0);

	margin-left: 7px;
}

nav ul li:nth-child(1) a:hover {
	background: #C81420;
	background: hsla(356, 82%, 43%, 1.0);
	border-color: #FDE8E9;
	border-color: hsla(356, 82%, 95%, 1.0);
}

nav ul li:nth-child(2) a {
	background: #819DBB;
	background: hsla(211, 30%, 62%, 1.0);
	border-color: #EEF2F6;
	border-color: hsla(211, 30%, 95%, 1.0);
}

nav ul li:nth-child(2) a:hover {
	background: #003975;
	background: hsla(211, 100%, 23%, 1.0);
	border-color: #E5F2FF;
	border-color: hsla(211, 100%, 95%, 1.0);
}

nav ul li:nth-child(3) a {
	background: #DEBF91;
	background: hsla(36, 54%, 72%, 1.0);
	border-color: #F9F4EB;
	border-color: hsla(36, 54%, 95%, 1.0);
}

nav ul li:nth-child(3) a:hover {
	background: #BB7F25;
	background: hsla(36, 67%, 44%, 1.0);
	border-color: #FBF4EA;
	border-color: hsla(36, 67%, 95%, 1.0);
}

nav ul li:nth-child(4) a {
	background: #80B398;
	background: hsla(149, 25%, 60%, 1.0);
	border-color: #EFF5F2;
	border-color: hsla(149, 25%, 95%, 1.0);
}

nav ul li:nth-child(4) a:hover {
	background: #063;
	background: hsla(150, 100%, 20%, 1.0);
	border-color: #E5FFF2;
	border-color: hsla(150, 100%, 95%, 1.0);
}

/* */

nav ul li:nth-child(1) a.hover {
	background: hsla(356, 82%, 43%, 1.0);
	border-color: hsla(356, 82%, 95%, 1.0);
}

nav ul li:nth-child(2) a.hover {
	background: hsla(211, 100%, 23%, 1.0);
	border-color: hsla(211, 100%, 95%, 1.0);
}

nav ul li:nth-child(3) a.hover {
	background: hsla(36, 67%, 44%, 1.0);
	border-color: hsla(36, 67%, 95%, 1.0);
}

nav ul li:nth-child(4) a.hover {
	background: hsla(150, 100%, 20%, 1.0);
	border-color: hsla(150, 100%, 95%, 1.0);
}

nav li:hover a {
  /*background: red;*/
  /*height: 30px;  Height of lower-level nav items is shorter than main level */
}

.bookDMTB {
	float: right;
	width: 250px;
	right: 0px;
	margin-left: 20px;

}


footer {

	position: relative;
	margin: 2.7em 0;
	padding-bottom: 1.5em;
	line-height: 1.45;

	display: block;
	margin : 20px;

	font-size : 0.7em;

	color : rgb(130,130,130);
	color : hsla(0,100%,0%,0.5);


}

footer a {
	text-decoration: none;
	color : rgb(100,100,100);
	color : hsla(0,100%,0%,0.7);

}
footer a:hover {
	font-style : italic;

}
footer #designed {

	color : rgb(200,200,200);
	color : hsla(0,100%,0%,0.3);

}


.glow {

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-webkit-touch-callout:none;

}