@charset "utf-8";
/* CSS Document */
	.books1, .books2, .KS3image{
display:inline;
}

@media (max-width:900px) {
    .books2 {
display: none;
}
} 	
	.sw1 {
width:100%;
	max-width:600px;
	display:inline;	
}
.sw2 {
	width:80px;
	display:none;
	}
@media screen and (max-width: 800px){
.sw1 {
	display:none;
}
.sw2 {
	display:inline;
}	
}	
.rowBook{
	display: block;
		margin: auto;
		border-spacing:10px;
	width:96%;
	max-width: 1300px;
		  padding: 0px;
     background-color:#222;
     vertical-align: middle;
	}
	
	.rowBook2{
	display: table;
		margin: auto;
	width:98%;
	max-width: 1300px;
	border-spacing:10px 4px; 
	}

	.columnBook2 {
	 display: table-cell;
   padding: 4px;
     width:100%;
	    background-color:#222;
        vertical-align: middle;
	}
	.rowBook3{
	margin: auto;
		width:95%;
	max-width: 1300px;
	  background-color:#181818;
	border:1px solid #ddd;
	padding: 2px;
	vertical-align: middle;
	}
	.rowBook4{
	margin: auto;
		width:90%;
	max-width: 1300px;
	  background-color:#181818;
	border:1px solid #ddd;
	padding: 2px;
	vertical-align: middle;
	}
	
	.booksCell { align-content:center;
	width:31%;
}
.bookLink {
    display:block;
    text-decoration: none; 
	width: 80%;
      padding: 5% 10%;
   text-align: center;
   cursor:pointer;
   overflow:auto;
   background-color: #444;
     }
 .bookLink:hover {
    background-color: #555;
	text-decoration: none;	
}
@media (max-width:800px) {
    .booksCell {
display: none;
}
.rowBook4{
		width:96%;
	}
}
@media (max-width:600px) {
    .rowBook2, .columnBook2, .booksCell2, #slideshow {
display: none;
}
} 

	/* Safari 4.0 - 8.0 */
@-webkit-keyframes arrow {
  0%   {left:0px;}
  75%  {left:30px;}
  100% {left:30px;}
}

/* Standard syntax */
@keyframes arrow {
  0%   {left:0px;}
  75%  {left:30px;}
  100% {left:30px;}
}	
	.arrow {
  position: relative;
  animation-name: arrow;
  animation-duration: 1s;
animation-iteration-count: infinite;		
}
 .columnAd {
	 display: table-cell;
   padding: 5px;
     width:40%;
	       background-color:#222222;
        border-radius:0px;
		vertical-align: middle;
	 border: 1px solid white;
	}	
	.textAd{
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF;
	}
		@media (max-width:700px) {
    .columnAd {
        display: block;
        width: 100%;
		padding: 0%;
		margin: 0px 0px 10px 0px;
		align-self:center;
			}
			
	}
@media (max-width:1000px) {
	.textAd{
				display: none;
			}
}