body{
	background-color: #f4f4f4;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 1.6em;
	margin:0;
}

.head-nav-container{
	width: 80%;
	margin: auto;
  overflow: hidden;
}

#main-header{
	background-color: #000;
	color: #ffbf00;
}

#navbar{
	background-color: #000;
	color: #ffbf00;
}

#navbar ul{
	padding: 0;
	list-style: none;
}

#navbar li{
	display: inline;
	background-color: #000;
}

#navbar a{
	color: #ffbf00;
	text-decoration: none;
	font-size: 18px;
	padding-right: 8px;
	padding-left: 8px
}

#navbar a:hover{
	color: #000;	
	background-color: #ffbf00;
}

#page-title h1{
	color: #000;
	font-size: 32px;
	line-height: 1.6em;
	padding-top:0px;
}

#main-footer{
	background: #f4f4f4;
	color: #555;
	text-align: center;
	padding: 20px;
	margin-top: 40px;
}

/*-----------------------------------------------------------------------------

	Books page

 -----------------------------------------------------------------------------*/
ul[title]::before {
  content: attr(title);
  display: block;
  font-weight: bold;
  padding: 4px;
}

#book1-container{
	width: 1600px;
	height: 680px;
	margin: auto;
	margin-top: 40px;
/*border: solid;*/
}

#pbook1-container{
	position: absolute;
	width: 800px;
	height: 680px;
	border: solid; 
/*border-color: red;*/
}

#wbook1-container{
	position: relative;
	left: 803px;
	width: 800px;
	height: 680px;
	border: solid; 
/*border-color: green;*/
}

.book-image{
	position: absolute;
	width: 180px;
	height: 270px;
	border: solid; 
	background-size: cover;
	margin : 20px;
}

.book-image:hover{
	color: red;
}

.text-right{
	box-sizing: border-box;
	padding:0px;
	position: absolute;
	margin-left: 230px;
	margin-top:20px;
	width: 550px;
	height: 270px;
/*border: dashed;*/
	border-color: gray;
}

.text-bottom{
	box-sizing: border-box;
	padding:0px;
	position: absolute;
	margin-left: 20px;
	margin-top:300px;
	width: 760px;
	max-height: 300px;
/*border: dashed;*/
	border-color: gray;
}

.text-link{
	box-sizing: border-box;
	padding:0px;
	position: absolute;
	margin-left: 20px;
	margin-top:380px;
	width: 760px;
	max-height: 300px;
/*border: dashed;*/
	border-color: gray;
}

.text-right p{
	margin: 0px;
}

.order-menu{
	box-sizing: border-box;
	padding:0px;
	position: absolute;
	margin-left: 20px;
	margin-top:320px;
	width: 350px;
	max-height: 500px;
/*border: dashed;*/
	border-color: gray;
}

.order-menu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.order-menu p{
	display: inline;
}

.pbook-menu{
	box-sizing: border-box;
	padding:0px;
	position: absolute;
	margin-left: 420px;
	margin-top:320px;
	width: 300px;
	max-height: 320px;
/*border: dashed;*/
	border-color: gray;
}

.pbook-menu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.pbook-menu p{
	display: inline;
}

.wbook-menu{
	box-sizing: border-box;
	padding:0px;
	position: absolute;
	margin-left: 20px;
	margin-top:320px;
	width: 760px;
	max-height: 300px;
/*border: dashed;*/
	border-color: gray;
}

.wbook-menu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.wbook-menu p{
	display: inline;
}

#pbook1-container .book-image{
	background-image: url('../images/pbook1.svg');
}

#wbook1-container .book-image{
	background-image: url('../images/wbook1.svg');
}

/*-----------------------------------------------------------------------------

Contact page

 -----------------------------------------------------------------------------*/

#email-container{
	width: 1600px;
	height: 680px;
	margin: auto;
	margin-top: 40px;
/*border: dashed;*/
}

.email-menu{
	box-sizing: border-box;
	padding:0px;
	position: absolute;
	margin-left: 20px;
	margin-top:20px;
	width:500px;
	max-height: 300px;
/*border: dashed;*/
/*border-color: red;*/
}

.email-menu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.email-menu p{
	display: inline;
}

/*
@media{max-width: 600px}{
	#main{
		width: 100%;
		float: none;
	}
}
*/