html, body
	{
	width:100%;
	height:100%;

	padding:0px;
	margin:0px;

	font-size:12px;
	color:#aaa;

	font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
	}

h1
	{
	font-size:18px;
	line-height:18px;
	}
	
/* ---------------------------------------------------------------------------------- layout */

.content
	{
	float:left;
	position:relative;
	width:100%;
	min-height:20px;
	
	padding:20px;
	
	background:#343434;
	
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	box-sizing:				border-box;
	
	overflow:hidden;
	}

.bookWrap
	{
	float:left;
	position:relative;
		
	width:900px;
	background:transparent;

	left:50%;
	margin-left:-450px;

	padding:0px;

	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	box-sizing:				border-box;		
	}

.bookWrap img
	{
	float:left;
	position:relative;	
	padding:0px;
	margin:0px;
	}








	
	
	
/* ---------------------------------------------------------------------------------- clears */
.clear, clear		    {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0px;}
.clear10, clear10		{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 10px;}
.clear20, clear20		{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 20px;}