/* @Booklet
----------------------------------------*/
	.booklet           {max-width:940px;
	position:relative; overflow:visible !important; z-index: 10;}
	.booklet .b-page  {left:0; top:0; position:absolute; overflow:hidden; padding:0; box-shadow: 0 0 2px rgba(0,0,0,.05);}
	.booklet .b-page:first-child, .booklet>.b-p2:last-of-type { box-shadow: none;}
   
   	/* Page Wrappers */
	.booklet .b-wrap       {top:0; position:absolute;}
	.booklet .b-wrap-left  {background:#f8f8ff; padding: 5px;}
	.booklet .b-wrap-right {background:#f4f4f4; padding: 5px;}
	.booklet .b-p4 .b-wrap  {left:0;}
	.booklet .b-p0 .b-wrap  {right:0;}
	
   	/* Custom Page Types */
	.booklet .b-page-blank  {padding:0; width:100%; height:100%;}
	.booklet .b-page-cover  {padding:0; width:100%; height:100%; background:url('../../images/patterns/21.png'); border: 1px solid #774e00;}
	.booklet .b-page-cover h3  {color:#fff; text-shadow:0px 1px 3px #222;}
   
   	/* Page Numbers */
	.booklet .b-counter {bottom:25px; position:absolute; display:block; line-height: 1; color:#fff;
	text-align:center; font-family:Georgia; font-size:35px; font-style: italic; padding:5px 0 0;text-shadow: 0px 1px 0px rgba(0,0,0,.05);}
	.booklet .b-wrap-left  .b-counter  {left:10px;}
	.booklet .b-wrap-right .b-counter {right:10px;}
   
   	/* Page Shadows */
	.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
	.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-back.png");    background-repeat:repeat-y; background-position:0 0;}
	
	.booklet .b-p0 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;}
	.booklet .b-p3 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:0 10px;}
	
   	/* Overlay Controls */
	.booklet .b-grab     {cursor: url(images/openhand.cur), default;}
	.booklet .b-grabbing {cursor: url(images/closedhand.cur), default;}
	
   	/* Overlay Controls */
	.booklet .b-overlay      {top:0; position:absolute; height:100%; width:50%;}
	.booklet .b-overlay-prev {left:0;}
	.booklet .b-overlay-next {right:0;}
	
   	/* Tab Controls */
	.booklet .b-tab        {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;}
	.booklet .b-tab-prev   {left:0;}
	.booklet .b-tab-next   {right:0;}
	.booklet .b-tab:hover  {background:#aaa; color:#000;}	
	
   	/* Arrow Controls */
	.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
	.booklet .b-arrow div      {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
	.booklet .b-arrow-next     {right:-80px;}
	.booklet .b-arrow-prev     {left:-80px;}
	.booklet .b-arrow-next div {background:url("images/arrow-next.png") no-repeat left top;}
	.booklet .b-arrow-prev div {background:url("images/arrow-prev.png") no-repeat left top;}
		
/* @z-index fix (needed for older IE browsers)
----------------------------------------*/
	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;}
	
/* @Menu Items
----------------------------------------*/
	.b-menu {height:40px; padding:0 0 10px;}
	
	.b-selector             {height:40px; position:relative; float:right; border:none; color:#cecece; cursor:pointer;}
	.b-selector .b-current  {padding:8px 15px 12px; line-height:20px; min-width:18px; height:20px; display:block; background:#000; text-align:center;}
	.b-selector-page        {width:auto; margin-right:15px;margin-top: -40px;}
	.b-selector-chapter     {width:auto;}
	
	.b-selector:hover            {color:#fff; background-position:left 0px;}
	.b-selector:hover .b-current {background-position:right 0px;}
	.b-selector ul               {overflow:hidden; margin:0; list-style:none !important; position:absolute; top:40px; right:0; padding:0 0 10px; background:#000; width:240px; font:normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
	.b-selector li               {border:none;}
	.b-selector a                {color:#e6e6e6 !important; height:14px; text-decoration:none; display:block; padding:10px;}
	.b-selector a .b-text        {float:left; clear:none;}
	.b-selector a .b-num         {float:right; clear:none;}
	.b-selector a:hover          {color:#fff;}
	#controls { position: relative; z-index: 10; margin-top: -5px; padding: 0 30px; clear: both; font-size: 14px; font-weight: bold;}
	#controls #left { float: left; padding: 13px 18px 6px; box-shadow: 0 0 1px rgba(0,0,0,.1); min-height: 24px; }
	#controls #right { float: right; padding: 13px 18px 6px; box-shadow: 0 0 1px rgba(0,0,0,.1); min-height: 24px; }
	.booklet h2 { position: absolute; margin: 0; bottom: 50px; right: 50px; color: white; text-shadow: -1px -1px 1px rgba(0,0,0,.2); }
	.left-page .booklet-description { border-left: 1px solid #f4f4f4; bottom: 20px; padding: 0 0 0 15px; position: absolute; text-align: left;
    width: 75%; left: 50px; }
   .right-page .booklet-description { border-right: 1px solid #ededed; bottom: 20px; padding: 0 15px 0 0; position: absolute; text-align: right;
    width: 85%; }
   .booklet-description p { margin: 0; }
	.booklet h3 { margin-bottom: 4px; }
	.booklet h3 a { color: #222222 }
	
	/* booklet Mobile */
	@media only screen and (max-width: 767px) {
	.booklet, .booklet .b-page, .booklet .b-wrap {max-height: 250px;}
	.booklet-description { display: none; }
	.booklet .b-counter { bottom: 25px; font-size: 18px; }
	}
	
	@media only screen and (max-width: 340px) {
	.booklet, .booklet .b-page, .booklet .b-wrap {max-height: 120px;}
	.booklet .b-counter { bottom: 20px; font-size: 18px; }
	.booklet h2 { right: 10px;
	bottom: 20px; }
	#controls { padding: 0 10px; margin-top: 10px; z-index: 0; }
	#controls #left, #controls #right { padding: 7px 9px 0;min-height: 24px; font-size: 12px; }
	#controls #left:before, #controls #right:before { background: url('../../images/slider_bg.png') no-repeat 22px 30px; }
	}