.booklet {
	margin: 0px auto 10px; width: 800px; height: 600px; position: relative;
}
.booklet .b-page {
	padding: 0px; left: 0px; top: 0px; overflow: hidden; position: absolute;
}
.booklet .b-pN {
	
}
.booklet .b-p0 {
	
}
.booklet .b-p1 {
	
}
.booklet .b-p2 {
	
}
.booklet .b-p3 {
	
}
.booklet .b-p4 {
	
}
.booklet .b-wrap {
	top: 0px; position: absolute;
}
.booklet .b-wrap-left {
	background: rgb(255, 255, 255);
}
.booklet .b-wrap-right {
	background: rgb(239, 239, 239);
}
.booklet .b-pN .b-wrap {
	left: 0px;
}
.booklet .b-p1 .b-wrap {
	left: 0px;
}
.booklet .b-p2 .b-wrap {
	left: 0px;
}
.booklet .b-p3 .b-wrap {
	left: 0px;
}
.booklet .b-p4 .b-wrap {
	left: 0px;
}
.booklet .b-p0 .b-wrap {
	right: 0px;
}
.booklet .b-page-blank {
	padding: 0px; width: 100%; height: 100%;
}
.booklet .b-page-cover {
	background: rgb(146, 92, 14); padding: 0px; width: 100%; height: 100%;
}
.booklet .b-page-cover h3 {
	color: rgb(255, 255, 255); text-shadow: 0px 1px 3px #222;
}
.booklet .b-counter {
	background: rgb(204, 204, 204); padding: 5px 0px 0px; width: 25px; height: 20px; text-align: center; bottom: 10px; color: rgb(68, 68, 68); font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; display: block; position: absolute;
}
.booklet .b-counter {
	font-size: 0px; display: none;
}
.booklet .b-wrap-left .b-counter {
	left: 10px;
}
.booklet .b-wrap-right .b-counter {
	right: 10px;
}
.booklet .b-shadow-f {
	background-position: 100% 0px; top: 0px; right: 0px; position: absolute; opacity: 0; background-image: url(".imagesshadow-top-forward.png"); background-repeat: repeat-y;
}
.booklet .b-shadow-b {
	left: 0px; top: 0px; position: absolute; opacity: 0; background-image: url(".imagesshadow-top-back.png"); background-repeat: repeat-y;
}
.booklet .b-p0 {
	background-position: 100% 10px; background-image: url(".imagesshadow.png"); background-repeat: repeat-y;
}
.booklet .b-p3 {
	background-position: 0px 10px; background-image: url(".imagesshadow.png"); background-repeat: repeat-y;
}
.booklet .b-overlay {
	top: 0px; width: 50%; height: 100%; position: absolute;
}
.booklet .b-overlay-prev {
	left: 0px;
}
.booklet .b-overlay-next {
	right: 0px;
}
.booklet .b-tab {
	background: rgb(0, 0, 0); padding: 10px 0px 0px; width: 100%; height: 40px; text-align: center; color: rgb(204, 204, 204); font-size: 11px; position: absolute;
}
.booklet .b-tab-prev {
	left: 0px;
}
.booklet .b-tab-next {
	right: 0px;
}
.booklet .b-tab:hover {
	background: rgb(170, 170, 170); color: rgb(0, 0, 0);
}
.booklet .b-arrow {
	top: 0px; width: 74px; height: 100%; text-indent: -9999px; display: block; position: absolute;
}
.booklet .b-arrow div {
	left: 0px; top: 25%; width: 74px; height: 170px; text-indent: -9999px; display: none; position: absolute;
}
.booklet .b-arrow-next {
	right: -80px;
}
.booklet .b-arrow-prev {
	left: -80px;
}
.booklet .b-arrow-next div {
	background: url(".imagesarrow-next.png") no-repeat left top;
}
.booklet .b-arrow-prev div {
	background: url(".imagesarrow-prev.png") no-repeat left top;
}
body {
	z-index: 0;
}
.b-menu {
	z-index: 100;
}
.b-selector {
	z-index: 100;
}
.booklet {
	z-index: 10;
}
.b-pN {
	z-index: 10;
}
.b-p0 {
	z-index: 10;
}
.b-p1 {
	z-index: 10;
}
.b-p2 {
	z-index: 10;
}
.b-p3 {
	z-index: 10;
}
.b-p4 {
	z-index: 10;
}
.b-prev {
	z-index: 40;
}
.b-next {
	z-index: 40;
}
.b-counter {
	z-index: 40;
}
.b-menu {
	padding: 0px 0px 10px; height: 40px;
}
.b-selector {
	border: currentColor; height: 40px; color: rgb(206, 206, 206); float: right; position: relative; cursor: pointer;
}
.b-selector .b-current {
	background: rgb(0, 0, 0); padding: 8px 15px 12px; height: 20px; text-align: center; line-height: 20px; display: block; min-width: 18px;
}
.b-selector-page {
	width: auto; margin-left: 15px;
}
.b-selector-chapter {
	width: auto;
}
.b-selector:hover {
	color: rgb(255, 255, 255);
}
.b-selector:hover .b-current {
	background-position: right 0px;
}
.b-selector ul {
	background: rgb(0, 0, 0); font: 12px/normal "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; list-style: none !important; margin: 0px; padding: 0px 0px 10px; top: 40px; width: 240px; right: 0px; overflow: hidden; position: absolute; font-size-adjust: none; font-stretch: normal;
}
.b-selector li {
	border: currentColor;
}
.b-selector a {
	padding: 5px 10px; height: 14px; color: rgb(206, 206, 206); text-decoration: none; display: block;
}
.b-selector a .b-text {
	clear: none; float: left;
}
.b-selector a .b-num {
	clear: none; float: right;
}
.b-selector a:hover {
	color: rgb(255, 255, 255);
}