html { overflow-y: scroll; }
body { font:100%/1.5; font-family: 'Lato', sans-serif; font-weight:600; padding:0; margin:0; }

.container_all {
  background: -webkit-gradient(linear, left bottom, left 80%, from(#ccc), to(#fff));
  background: -moz-linear-gradient(bottom, #ccc, #fff 20%);

  width:100%;
  height:100%;
  position:relative;
  padding:0;
  margin:0;
} 
.footer { position:absolute; bottom:1em; left:4em;
	font-size:9px;
	color:#666666;
 }
/* You'll need prefixes. @-ms-viewport, @-o-viewport, etc... */
@viewport {
    width: device-width;
}
a {
  outline: 0;
  text-decoration: none;
}

#next.wowbook-disabled {
 /* display: none;*/
 opacity:.3;
}
#back.wowbook-disabled {
  display: none;
}
#next.wowbook-disabled:hover {
	background-image: url(../img/arrow-right.png) !important;
}

button:focus {
  outline: none;
}
#back,
#next {
  border: none;
  height: 44px;
  width: 44px;
  text-indent: -9999px;
  position: absolute;
  top: 511px;
  color:#FFFFFF;
  z-index:920;
}
#back {
  background: url(../img/arrow-left.png);
  left:20px;
   /*width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 14px solid #FFFFFF; position:absolute;*/
}
#next {
  background: url(../img/arrow-right.png);
  right:20px;
 /*  width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 14px solid #FFFFFF; position:absolute;*/
}
#back:hover {
  background: url(../img/arrow-left_over.png);
}
#next:hover {
  background: url(../img/arrow-right_over.png);
}
#container {
  position: relative;
  /*background: url("../imgs/white_gradient.png") no-repeat scroll 50% -130px transparent;
  margin: 0 auto;
  width: 800px;*/
  padding-top: 15px;
  display:block; position:relative; float:left;
}



#mybook > div { width:603px; height:783px; float:left; background-repeat:no-repeat; }/*overflow:hidden; */
#mybook > .mypage{ 
  padding:50px;
}
.wowbook-book-shadow{
  -moz-box-shadow:    1px 2px 8px #666;
  -webkit-box-shadow: 1px 2px 8px #666;
  -o-box-shadow:      1px 2px 8px #666;
  -ms-box-shadow:     1px 2px 8px #666;
  box-shadow:         1px 2px 8px #666;
}




.mypage {
  background-color:#fff !important;
}
.mypage img { 
  width:100%;
  height:100%;
}



#header { padding:.7em 0 0em .6em; height:72px; margin-top:2%; font-size:2em; font-weight:200; color:#CC0000; letter-spacing:-.03em; background:url(../img/TomHeffnercom.jpg) .8em bottom no-repeat; text-indent:-9999px; }
#header span { color:#CCCCCC; }

.pagedescription { margin-left:603px; z-index:999;  }
#description { width:100px; height:50px; float:left; padding-top:30px;}


h1 { font-size:1.3em; line-height:1.1em; margin:20% 10% 0% 10%; text-align:center; }

h2 { font-weight:300; font-size:1em; line-height:1.2em; color:#000; margin:0px; margin-bottom:20px; }
h3 { font-weight:600; font-size:.5em; color:#999999; text-transform:uppercase; margin:0px; margin-top:3px; margin-bottom:3px; line-height:1.2em }
p { font-weight:200; font-size:.75em; line-height:1.6em; color:#999999; margin:0px; margin-bottom:10px; }

.cover { float:none; background:#fff; }
.cover p { margin:4% 10% 2% 10%; text-align:center }


.email { position:absolute; top:20px; right:0; clear:both; background:#cc0000; }
.email a { color:#fff; text-decoration:none; display:block; padding:.5em 10em .5em .5em; background:#cc0000; font-size:.7em; margin:5px;  }
.email a:hover { color:#000; }