*{margin:0;padding:0}
html{background:#bbb url(../images/dots-3x3.png)}
body{padding:0;font:14px/1.3 'Segoe UI',Arial,sans-serif;overflow:hidden}
a,a:visited{text-decoration:none;outline:0;color:#54a6de}
a:hover{text-decoration:underline}
section,footer{display:block}
#magazine{width:746px;height:550px;margin:20px auto;position:relative;left:0;top:0;opacity:0;-moz-transition:.3s left;-webkit-transition:.3s left;transition:.3s left}
#magazine .page{width:50%;height:550px;background-color:#ccc}
#magazine.centerStart{left:-200px}
#magazine.centerEnd{left:200px}
.page img{width:100%;height:550px;display:block}
.centerStart .turn-page-wrapper:first-child{box-shadow:0 0 10px #040404}
span.pageNum{background-color:#93ac12;bottom:0;box-shadow:0 0 3px rgba(0,0,0,0.25);color:#000;font-size:11px;height:24px;line-height:22px;opacity:.9;position:absolute;text-align:center;width:55px}
span.pageNum.left{left:0;right:auto}
span.pageNum.right{left:auto;right:0}
#page1 .pageNum{display:none}
footer{background-color:#000;bottom:0;box-shadow:0 -1px 2px #873912;height:30px;left:0;position:fixed;width:100%;z-index:100000}
footer h2{color:#eee;font-size:12px;font-weight:normal;left:50%;margin-left:-400px;padding:7px 0 0;position:absolute;width:540px}
footer h2 i{font-style:normal;color:#888}
footer a.abaan,a.abaan:visited{color:#999;font-size:12px;left:50%;margin:7px 0 0 110px;position:absolute;text-decoration:none;top:0}
footer a i{color:#ccc;font-style:normal}
footer a i b{color:#fff;font-weight:normal}