@charset "utf-8";

#book
{
	position: relative;
	/*
	width: 800px;
	height: 500px;
	*/
	
	width: 860px;
	height: 550px;
	background: red;
	z-index: 50;
	margin-left: -80px;
	margin-bottom: 3em;
	/*overflow: hidden;*/
	background: url(paper.png) no-repeat;
}

#book span.arrow
{
	display: block;
	width: 60px;
	padding-top: 550px;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	/*opacity: .5;
	background: blue;*/
	cursor: pointer;
}

#book span.arrow.prev
{
	left: 0;
	margin-left: 0px;
	background: url(arrow-prev.png) no-repeat;
}

#book span.arrow.next
{
	left: 100%;
	margin-left: -60px;
	background: url(arrow-next.png) no-repeat;
}

#book div.wrapper
{
	position: absolute;
	top: 50px;
	left: 50px;
	width: 760px;
	height: 460px;
	overflow: hidden;
	/*
	background: red;
	opacity: .5;*/
}

#book div.wrapper-view
{
	position: relative;
}

#book div.wrapper-view img
{
	float: left;
	width: 760px;
	height: 460px;
}

#book-chapters
{
	position: absolute;
	top: 100%;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	text-align: center;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

#book-chapters li
{
	display: inline;
	cursor: pointer;
	padding-left: 0.5ex;
	padding-right: 0.5ex;
}

#book-chapters li.selected
{
	font-weight: bold;
}

#book-chapters ul
{
	display: none;
}

#black
{
	background: black url(/images/overlay.gif) no-repeat;
}

#book-message
{
	background-image: url(contact.gif);
}

#book-message button
{
	background-image: url(contact-submit.gif);
}