*     {margin:0;padding:0;border:none}
html  {height:100%;font-size:100%}
body  {height:100%;color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-size:1rem;background:#303030 top left repeat-x fixed url('imgs/bg.png');-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}
p     {padding:0 0 10px;page-break-inside:avoid}
a     {color:#C01010;text-decoration:none}
#d0   {position:relative;top:2%;right:0;bottom:2%;left:0;margin:0 auto;width:85%;max-width:840px;min-height:96%;line-height:0;background:#FFFFFF;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:0 0 15px #000000;-webkit-box-shadow:0 0 15px #000000;-moz-box-shadow:0 0 15px #000000}
#j0   {position:relative;margin:4% auto;max-width:80%}
#j0 a {display:block;width:100%;height:100%}
#j0 a:hover {background:RGBA(255,255,255,.5)}
#j0 img {width:100%}
#j1   {top:23%;left:12%;width:20%;height:21%}
#j2   {top:69.75%;left:31%;width:20.1%;height:5.25%}
#j3   {top:75%;left:31%;width:20.1%;height:5.25%}
#j4   {top:80.25%;left:31%;width:33.5%;height:5.25%}
#j5   {top:85.5%;left:31%;width:33.5%;height:5.25%}
#j6   {top:15.4%;left:51.2%;width:7%;height:11%}
#j7   {top:24%;left:70.1%;width:17.5%;height:19%}
/* .g3   {top:0;right:100%;bottom:100%;left:0;z-index:4;overflow:hidden;background:RGBA(0,0,0,.7)} */
.g3   {display:none;top:0;right:0;bottom:0;left:0;overflow:visible;z-index:4;background:RGBA(0,0,0,.7)}
/* .g3:target {bottom:0;right:0;overflow:visible} */
.g3:target {display:block}
.g3 a.x0 {top:0;right:0;bottom:0;left:0;z-index:5}  /* makes the background a link to close the gallery */
.g3 div {position:relative;z-index:6;margin:5%;background:#FFFFFF;border:10px solid #FFFFFF}
.g3 img {display:block;max-width:100%;margin:auto}
.g3 p {padding:5px 5px 0;text-align:left;font-size:.75em;font-size:.75rem}
.g3 a.pr,
.g3 a.ne {top:0;width:33%;height:90%;background-color:RGBA(0,0,0,0)} /* bg color is coz transparent links are not clickablein ie<=10 */
.g3 a.pr {left:0}
.g3 a.ne {right:0}
.g3 a.pr:hover {opacity:1;background:url(imgs/pr.png) no-repeat 8% 50%;background-size:25px}
.g3 a.ne:hover {opacity:1;background:url(imgs/ne.png) no-repeat 92% 50%;background-size:25px}
.g3 a.x1 {top:-35px;right:-35px;padding:10px;line-height:0;background:RGBA(0,0,0,0)} /* bg color is coz transparent links are not clickablein ie<=10 */
.g3 a.x1 img {width:75px;height:75px;border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}
  /* absolute positioned elements */
#j1,
#j2,
#j3,
#j4,
#j5,
#j6,
#j7,
.g3,
.g3 a.x0,
.g3 a.pr,
.g3 a.ne,
.g3 a.x1 {position:absolute}
  /* global image border */
#d0,
#j0,
.g3 img {border:solid 1px #B4B4B4}
  /* global border radius */
#j0,
#j0 img,
.g3 div,
.g3 img,
.g3 p {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
  /* global border shadow */
#j0,
.g3 img {box-shadow:2px 4px 8px RGBA(0,0,0,0.7);-webkit-box-shadow:2px 4px 8px RGBA(0,0,0,0.7);-moz-box-shadow:2px 4px 8px RGBA(0,0,0,0.7)}