div.loading-invisible{
    display:none;
  }

  div.loading-visible{
    display:block;
    position:absolute;
    z-index:90000000000000000000000000000000;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    background:#000;
    filter: alpha(opacity=75); 
    -khtml-opacity: 0.75;     
    -moz-opacity: 0.75;     
    opacity: 0.75;           
  }
  div.loading-visible img{
  	  position: absolute;
  	  left: 50%;
  	  top: 50%;
  	  width: 54px;
  	  height:55px;
  }
body {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: times, georgia, utopia std, bookman old style, serif;
    background-color: #000;
}
#loading_mask{
 position: absolute;
  top: 183px;left:0;
    width: 900px;
    height: 358px;
    background-image: url('../images/layout/900_mask_bg.jpg');   
 }
 .loading_mask{ position: absolute;
  top: 283px;left:0;
    width: 900px;
    height: 358px;
    background-image: url('../images/layout/900_mask_bl.jpg'); 
 margin-top:183px;}
 
#circlemask {  
    position: absolute; 
    background-repeat: no-repeat;
    z-index: 100000;
    top: 183px;
    left: 268px;
    width: 360px;
    height: 358px;
    background-image: url('../images/layout/circlemask.png');   
}
.maskbox{
     position: absolute; 
     z-index: 100000;
     top: 183px;
	 width: 900px;
     height: 358px;
	 background-image: url('../images/layout/900_mask.png');
     background-repeat: no-repeat;
}
.maskbox-movie {
	position: absolute;
	top: 183px;
	left: 0;
	width: 900px;
	height: 1358px;
	background-image: url('../images/layout/mask-nocircle.jpg');
	background-repeat: no-repeat;
}
#mask_l{
    left: 0px;
    width: 268px;
    height: 358px;
    background-image: url('../images/layout/mask_l.jpg');   
     background-repeat: no-repeat;
}

 #mask_r{
    left: 628px;
    width: 360px;
    height: 358px;
    background-image: url('../images/layout/mask_r.jpg');   
    background-repeat: no-repeat;
}
 
#header {
    width: 900px;
    height: 183px;
    position: absolute;
    z-index: 200000;
    background-image: url('../images/layout/900_header.jpg');
    background-repeat: no-repeat;
    text-align: center;
}
h1, h2, h3, h4, p {
    letter-spacing: 1px;
}
h1, h2, h3,a {
    color: #a0cce6;
}
p {
    font-weight: bolder;
    text-align:justify;
    color: #69c;
}
a {
    cursor: pointer;
    text-decoration: none;
    color: #a0cce6;
    font-weight: bolder;
}
a:hover {
    text-decoration: none;
    color: #69c;
    border: none;
}
img,a {
    border: none;
}
img, div {
    behavior: url(iepngfix.htc);
}

#header h2 {
    position: absolute;
    top: 140px;
    left: 370px;
    width: 180px;
    font-size: 13px;
    letter-spacing: 0;
}
#header h4 {
    text-align: justify;
    position: absolute;
    font-size: 14px;
    top: 140px;
    left: 400px;
    color: #69c;
    width: 220px;
}
#rotatescroll {
    width: 150px;
    height: 145px;
    position: relative;
    left: 760px;
    top: 0;
}
.viewport {
    width: 150px;
    height: 145px;
    position: relative;
    margin: 0;
    overflow: hidden;
}
.viewport_mask {
    position: relative;
    width: 150px;
    height: 145px;
    left: 0;
    top: 0;
}
.overview {
    position: absolute;
    left: 0;
    width: 150px;
    height: 145px;
    list-style: none;
    margin: 0;
    padding: 0;
    top: 0;
    background: url('../images/layout/news_slider_mask.png');
    background-repeat: no-repeat;
}
.overview a {
    position: absolute;
    top: 8px;
    left: 15px;
    font-size: 18px;
    width: 92px;
    height: 91px;
    color: #0b2241;
    line-height: 17px;
    padding: 30px 50px 0 5px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -1px;
}
.overview a:hover {
    background: url('../images/layout/news_slider_mask_bkg.png');
    background-repeat: no-repeat;
    color: #fff7d5;
}
.logo_categories {
    position: absolute;
    display: block;
    left: 10em;
    text-align: center;
    z-index: 300000;
}
#yr_guardians_logo {
    position: absolute;
    display: block;
    z-index: 100000000;
    top: 10px;
    left: 320px;
}
#wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    height: 1350px;
    text-align: center;
    background-color: #0f100e;
}
#content {
    width: 900px;
    position: relative;
    z-index: 900;
    top: 0;
    left: 0;
}
.maskbox h3 {
    width: 100%;
    text-align: justify;
    color: #548bb3;
    font-style: italic;
    letter-spacing: 0;
}
.body_text {
    float: left;
    width: 650px;
    margin-left: 120px;
}
.spacer {
    width: 900px;
    height: 300px;
    float: left;
}
.meet .spacer { width: 10px;}
.absolute_position, .masked_image{position: absolute;}
.masked_image {
    top: 200px;
    left: 90px;
    z-index: 100;
    width: 100%;
    display: none;
}
#moonface {
    background: url('../images/layout/moonface.jpg');
	background-repeat: no-repeat;
	position: absolute;
	top: 190px;
	left: 290px;
	width: 500px;
	height: 600px;
	z-index: 0;
}
#moonface_novels {
    background: url('../images/layout/moonface.jpg');
    background-repeat: no-repeat;
	background-position: 280px 200px;
    top: 183px;
    left: 180px;
    width: 600px;
    height: 600px;
    z-index: 0;
}
.moon_gallery_image {
    float: left;
    margin-top: 0;
    margin-left: 190px;
    margin-bottom: 50px;
}
.moon_gallery_text {
    width: 740px;
	float: left;
	text-align: center;
	padding-top: 130px;
}
.meet .moon_gallery_text { padding-top: 40px; position: relative; z-index: 9999; }
.moon_gallery_text h2 {
    text-align: center;
	float: left;
	width: 740px;
	margin: 20px 0 0 0;
}
.moon_gallery_text p {
    text-align: center;
	margin: 20px auto;
    font-weight: bolder;
    line-height: 1.5em;
    font-size: 12px;
    width: 600px;
	padding-top: 40px;
}
.mtgsection #north_text.moon_gallery_text p { padding-top: 0px; margin-left: 170px;}
#mim_logo {
    margin-top: 70px;
    margin-left: 210px;
}
#north_logo {
    margin-top: 100px;
    margin-left: 150px;
}
#novels_logo {
    margin-top: 100px;
    margin-left: 138px;
}
#easter_logo {
	margin-top: 90px;
	margin-left: 145px;
}
#author_logo {
    margin-top: 100px;
    margin-left: 60px;
}
#extras_logo {
    margin-top: 80px;
    margin-left: 166px;
}
#yrbooks_logo {
    margin-top: 120px;
    margin-left: 220px;
}
#mtheg_logo {
    position: absolute;
    z-index: 100000;
    left: 335px;
    top: 80px;
}
#antheneum_logo {
    font-weight: lighter;
    font-size: 13px;
    color: #a0cce6;
}
#videos_logo {
    margin-top: 60px;
    margin-left: 150px;
}
#legal {
    float: left;
    width: 800px;
    text-align: justify;
    font-size: 10px;
    letter-spacing: 0;
    color: #224564;
    margin: 0 50px 0 0;
}
.category_footer_links {
    float: left;
    margin-top: 100px;
    margin-left: 30px;
    width: 900px;
    height: 100px;
}
.category_footer_links_author {
    float: left;
    margin-top: 50px;
    margin-left: 30px;
    width: 900px;
    height: 100px;
}
.addthis {
    float: left;
    margin: 1em 0 1em 0;
    height: 30px;
    width: 160px;
}
.addthis a {
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.tag {
    float: left;
    width: 900px;
    margin: 150px 0 0 0;
}
.tag h4 {
    float: left;
    width: 300px;
    color: #69c;
    margin: 0 130px 0 40px;
}
#email {
    color: #69c;
    text-align: justify;
    float: left;
    width: 300px;
    margin: 0 0 0 130px;
    font-size: 14px;
}
#email:hover {
    color: #224564;
}
.long_footer, .long_footer_blue {
	width: 900px;	
	height: 102px;
	position: absolute;
	top: 541px;
	left: 0;
	z-index: 999;
	background-repeat: no-repeat;	
}
.meet .long_footer {z-index: 1;}
.long_footer { 	background-image: url('../images/layout/long_footer_2.jpg'); }
.long_footer_blue {	
	background-image: url('../images/layout/long_footer_3.jpg');
}
.long_footer p{	
	width: 100%;
	margin-bottom: 10px;
}
.footer_text {
    width: 600px;
    height: 200px;
    float: left;
}
.footer_text h3 {
    text-align: center;
}
.footer_links a {
    text-align: center;
    font-size: 12px;
}
#frame1 {
    background: url('../images/layout/long_footer_frame.jpg');
    width: 20px;
    height: 700px;
    background-repeat: repeat-y;
    position: absolute;
    top: 102px;
    left: 0;
}
#frame2 {
    background: url('../images/layout/long_footer_frame2.jpg');
    width: 20px;
    height: 700px;
    background-repeat: repeat-y;
    position: absolute;
    top: 102px;
    left: 880px;
}
#frame3 {
    background: url('../images/layout/long_footer_frame3.jpg');
    width: 900px;
    height: 19px;
    position: absolute;
    top: 600px;
    left: 0;
}
#home_nav {
    width: 900px;
    height: auto;
    position: relative;
    top: 200px;
    margin: 0;
    padding: 0;
    z-index: 30000000000000000000000;
}
.home_navigation_left, .home_navigation_right, #mgm_bkg {
    display: block;
    position: absolute;
    width: 170px;
    height: 191px;
    background-repeat: no-repeat;
}
#pbe {
    top: 100px;
    left: 50px;
}
#aam {
    top: 190px;
    left: 100px;
}
#mgm, #mgm_bkg {
    top: 100px;
    left: 680px;
}
#mgm_bkg:hover {
    background: url('../buttons/170_r.png');
}

#mgm img {
    position: absolute;
    top: 49px;
    left: 51px;
}
#extm, #tn {
    top: 300px;
}
#extm {
    left: 620px;
}
#tn {
    left: 100px;
    background-repeat: no-repeat;
}
#aap {
    top: 420px;
    left: 365px;
}
#picture_books_footer_link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100px;
}
a.home_navigation_left:hover {
    background: url('../buttons/170_l.png');
}
a.home_navigation_right:hover {
    background: url('../buttons/170_r.png');
}
.fixed_ie {
    float: left;
    text-align: center;
}
#category_nav {
	position: fixed;
	display: block;
	z-index: 5000000000000000000;
	width:800px;
	height:69px;
	margin-left: 50px;
	margin-right: auto;
	background-image: url("../buttons/category_nav.png");
	background-repeat: no-repeat;
    
}
.cat_nav, #pb_active, #yr_active, #aa_active, #mg_active, #ext_active {
    display: block;
    position: absolute;
    width: 130px;
    height: 78px;
    top: 0;
    background-repeat: no-repeat;
}
.cat_nav{
	text-transform: uppercase; 
	text-align:center;
	color:  #224564;
	padding:7px 5px 0 0px;
	font-size: 14px;
	
}
.cat_nav:hover {
    background: url('../buttons/half_nav_roll.png');
    background-repeat: no-repeat;
    color: #003366;
}
#home {
    left: 5px;
}
#aa, #aa_active {
    left: 401px;
}
#pb, #pb_active {
    left: 135px;
}
#yr, #yr_active {
    left: 268px;
}
#mg, #mg_active {
    left: 532px;
}
#ext, #ext_active {
    left: 662px;
}
.category_rollover_left, .category_rollover_right, .novels_rollover_left, .novels_rollover_right, .movie_rollover_left, .movie_rollover_right, .books_right {
    display: block;
    position: absolute;
    width: 160px;
    height: 180px;
    background-repeat: no-repeat;
}
a.books_right:hover{background: url('../buttons/170_l.png');}
a.category_rollover_left:hover {
    background: url('../buttons/160_l.png');
}
a.category_rollover_right:hover {
    background: url('../buttons/160_r.png');
}
a.novels_rollover_left:hover {
    background: url('../buttons/160_r.png');
	background-position: 1.9em 2.5em;
}
a.novels_rollover_right:hover {
    background: url('../buttons/160_r.png');
	background-position: 1.9em 2.5em;
}
a.movie_rollover_left:hover {
    background: url('../buttons/160_l.png');
	background-position: 1.8em 0em;
}
a.movie_rollover_right:hover {
    background: url('../buttons/160_r.png');
	background-position: 1.7em 0em;
}
.mtg_north_btn_l, .mtg_north_btn_r {
    display: block;
    position: absolute;
    width: 130px;
    height: 140px;
    background-repeat: no-repeat;
}
.mtgsection .mtg_north_btn_r {
	top: 380px;
	left: 130px;
}
.mtgsection .mtg_north_btn_l {
	top: 510px;
	left: 230px;
}
.mtgsection .mtg_north_btn_l#fearlings {
	top: 380px;
	left: 645px;
}
a.mtg_north_btn_l:hover {
    background: url('../buttons/130_l.png');
}
a.mtg_north_btn_r:hover {
    background: url('../buttons/130_r.png');
}
a.round_button:hover {
    background: url('../buttons/round_roll.png');
}
#sb-container {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    text-align: left;
    visibility: hidden;
    display: none;
}
#sb-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
}
#sb-wrapper {
    position: absolute;
    visibility: hidden;
    width: 100px;
}
#sb-wrapper-inner {
    position: relative;
    border: 1px solid #303030;
    height: 100px;
}
#sb-body {
    position: relative;
    height: 100%}
#sb-body-inner {
    position: absolute;
    z-index: 90000000;
    height: 100%;
    width: 100%}
#sb-player.html {
    height: 100%;
    overflow: auto;
}
#sb-body img {
    border: none;
    z-index: 3000000000;
}
#sb-loading {
    position: relative;
    height: 100%}
#sb-loading-inner {
    position: absolute;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    width: 100%;
    text-align: center;
}
#moons {
    position: absolute;
    left: 300px;
    top: 0;
}
#pauseButton {
    opacity: 0;
    position: absolute;
    z-index: 0;
    left: 430px;
    top: 35px;
    cursor: pointer;
    width: 40px;
    height: 40px;
}
#playButton {
    opacity: 1;
    display: block;
    position: absolute;
    left: 430px;
    top: 35px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    z-index: 0;
}
#ppGlow {
    position: absolute;
    left: 420px;
    top: 25px;
    width: 60px;
    height: 60px;
}
#ppbutton {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 5600px;
    top: 120px;
    z-index: 0;
}
.index-video-ie {
    position: absolute;
    display: block;
    width: 900px;
    height: 450px;
    top: 183px;
    left: 0;
    z-index: 100000;
    text-align: left;
    line-height: 0!important;
    margin: 0;
    padding: 0!important;
    border: none!important;
}
.video-ie {
    position: absolute;
    display: block;
    width: 900px;
    height: 450px;
    z-index: 20000;
    text-align: left;
    left: 0;
    top: 183px;
    text-align: left;
    line-height: 0!important;
    margin: 0;
    padding: 0!important;
    border: none!important;
}
.video-ie-author {
    float: left;
    top: 0;
    left: 0;
    z-index: 1000000000000000000000000000;
    text-align: left;
    line-height: 0!important;
    margin: 0;
    padding: 0!important;
    border: none!important;
}
.video-js-box {
    position: relative;
    display: block;
    top: 170px;
    left: 200px;
    z-index: 2000;
    text-align: left;
    line-height: 0!important;
    margin: 0;
    padding: 0!important;
    border: none!important;
}
.author_page_wrapper {
    width: 540px;
    height: 446px;
    position: relative;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    background: url('../images/layout/author_vid_bkg.jpg');
    background-repeat: no-repeat;
    padding: 0;
}
#author_wrapper {
    position: relative;
    display: block;
    top: 0;
    line-height: 0!important;
    margin: 0;
    padding: 0!important;
    border: none!important;
}
#authorVid {
    position: relative;
    width: 462px;
    height: 270px;
    left: 20px;
    top: 55px;
    margin-bottom: 55px;
}
.author_video_control {
    position: absolute;
    width: 200px;
    height: 100px;
    top: 50px;
    left: -200px;
}
.author_video_control img {
    margin-top: 300px;
}
#guardiansVid {
    width: 300px;
    height: 300px;
    top: 45px;
    left: 100px;
}
#vidPlyr, #guardiansVid {
    position: absolute;
}
#vidPlyr {
    top: 50px;
    z-index: 0;
}
video.video-js {
    width: 500px;
    height: 281px;
    z-index: 1;
}

video-js-box.vjs-fullscreen .vjs-controls {
    z-index: 4;
}

.vjs-styles-check {
    height: 5px;
    position: absolute;
}
.video-js-box.vjs-controls-below .vjs-controls {
    position: relative;
    opacity: 1;
    background-color: #000;
}
.video-js-box.vjs-controls-below .vjs-subtitles {
    bottom: 75px;
}
.video-js-box .vjs-controls {
    position: relative;
    margin: 0;
    opacity: .5;
    color: #fff;
    top: 300px;
    left: 0;
    width: 80%;
    bottom: 0;
    height: 0;
    padding: 0;
}
.video-js-box .vjs-controls>div {
    position: absolute;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 25px;
    top: 3em;
    background-color: transparent;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 2px #000;
    -webkit-box-shadow: 1px 1px 2px #000;
    -moz-box-shadow: 1px 1px 2px #000;
}
.vjs-controls>div.vjs-play-control {
    display: none;
}
.vjs-controls>div.vjs-progress-control {
    position: absolute;
    margin-top: 25px;
    margin-left: 150px;
    width: 12em;
    height: 10px;
}
.vjs-progress-holder {
    background: #393630;
    position: relative;
    padding: 0;
    cursor: pointer!important;
    height: 10px;
    margin: 7px 1px 0 5px;
}
.vjs-progress-holder div {
    position: absolute;
    display: block;
    width: 30em;
    height: 10px;
    margin: 0;
    padding: 0;
}
.vjs-controls>div.vjs-time-control {
    display: none;
    width: 75px;
    right: 90px;
}
.vjs-controls>div.vjs-volume-control {
    display: none;
    width: 50px;
    right: 35px;
}
.vjs-controls>div.vjs-fullscreen-control {
    display: none;
    width: 25px;
    right: 5px;
}
.vjs-controls>div.vjs-progress-control {
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
}
.vjs-controls>div.vjs-time-control {
    border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
}
.vjs-play-control {
    display: none;
}
.vjs-play-control span {
    display: none;
}
.vjs-paused .vjs-play-control span {
    display: none;
}
.vjs-playing .vjs-play-control span {
    display: none;
}
.vjs-play-progress {
    background: #151411;
    background: -webkit-gradient(linear, left top, left bottom, from(#151411), to(#403e33));
    background: -moz-linear-gradient(top, #151411, #403e33);
}
.vjs-load-progress {
    opacity: .8;
    background-color: #403e33;
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#403e33));
    background: -moz-linear-gradient(top, #555, #403e33);
}

.vjs-spinner {
    position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1000000000000000; margin: -50px 0 0 -50px;  transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);
}
.vjs-spinner div {
    position: center;
}
.vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); }
.vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); }
.vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); }
.vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }
.vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }
.vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); }
.vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }
.vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }
.author_text {
    float: left;
    width: 800px;
    z-index: 1000000;
    margin-top: 20px;
    margin-left: 50px;
    text-align: justify;
    font-size: 14px;
    line-height: 16px;
}
.author_text p {
    width: 800px;
    text-align: justify;
}
.author_links {
    float: left;
    margin-top: 10px;
    margin-left: 270px;
    z-index: 1000000;
    width: 900px;
}
.author_links a {
    width: 150px;
    float: left;
    display: block;
    font-size: 16px;
    color: #a0cce6;
    letter-spacing: 1px;
}
.author_links a:hover {
    color: #69c;
}
#news, #meet_author {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    width: 160px;
    height: 180px;
    z-index: 50000000;
}
#meet_author, #draw_pdf_link, #draw_pdf_link_instructions {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
}
#draw {
    top: 10.5em;
    left: 44em;
}
.videopage #draw {top: 20.5em;}
#news {
    top: 11em;
    left: 2em;
}
#meet_author {
    top: 21.5em;
    left: 2em;
}
.videopage #meet_author { top: 15.5em; }
#meet_author:hover {
    background: url('../buttons/160_l.png');
}
#tour {
    top: 0em;
    left: 44em;
}
.videopage #tour {top: 10em;}
#draw_pdf_link {
    width: 44px;
    height: 44px;
    top: 35em;
    left: 44em;
    background: url('../buttons/pdf-a.jpg');
  z-index: 9999;
}
#draw_pdf_link_instructions {
    width: 70px;
    top: 50em;
    left: 70em;
    font-size: 11px;
    letter-spacing: 0;
	z-index: 9999;
}
#bill_moon {
    position: absolute;
    left: 285px;
    top: 200px;
    z-index: 3000;
}
#default_moon_image {
    position: absolute;
    top: 265px;
    left: 370px;
    z-index: 1;
}
#north_bookcover {
    position: absolute;
}
#north {
    display: none;
    position: absolute;
    top: 300px;
    left: 390px;
    width: 500px;
    height: 600px;
}
#north_text {
    margin-top: 100px;
    width: 900px;
}
.mtgsection #north_text {
    margin-top: 0px;
}
#north_text p {
    width: 400px;
    margin-left: 150px;
    float: left;
}
#north_text h2 {
    text-align: center;
    font-size: 2em;
}

#content {
    width: 900px;
    position: relative;
    z-index: 900;
    top: 0;
    left: 0;
}
#mtg_quote{font-style:italic;float: left; width:900px; text-align:center;}
#mim_bookcover {
    position: absolute;
}

.retailers {
    display: none;
    text-align: center;
    background-repeat: no-repeat;
    left: 307px;
	top: 223px;
    width: 285px;
    height: 280px;
    position: absolute;
    z-index: 90000000000000000000000000;
    padding: 30px 10px 0 30px;
}
.retailers a {
    float: left;
    width: 100px;
    height: 30px;
    padding: 0;
    margin: 0;
    background: none;
}
.retailers a:hover {
    background: url('../images/layout/reroll.png');
    background-position: center;
}
#retailers_north {
    background-image: url('../images/layout/retail_moon_north.png');
}
#retailers_mim {
    background-image: url('../images/layout/retail_moon_mim.png');
}
#retailers_easter{background-image: url('../images/layout/retail_moon_easter.png');}
#retailers_sand{background-image: url('../images/layout/retail_moon_sand.png');}
#retailers_tooth{background-image: url('../images/layout/retail_moon_tooth.png');}
#retailers_dreams{background-image: url('../images/layout/retail_moon_dreams.png');}
#retailers_frost{background-image: url('../images/layout/retail_moon_frost.png');}
#retailers_jackfrost{background-image: url('../images/layout/retail_jackfrost.png');}

.desc_text {
    float: left;
    text-align: justify;
    margin-left: 100px;
    margin-bottom: 0;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.5em;
}
#description {
    width: 650px;
    font-size: 1.25em;
}
#books_back_button {
    position: absolute;
    top: 22.5em;
    left: 1em;
    width: 120px;
    height: 117px;
    background-image: url('../buttons/back_to_main_b.png');
    background-repeat: no-repeat;
}
#books_back_button:hover {
    background-image: url('../buttons/back_to_main_b-b.png');
}
.quotes {
    letter-spacing: 1px;
    margin: 0 0px;
}
.quotes h2 {
    color: #a0cce6;
    text-align: left;
    width: 100%;
	margin-top: 40px;
}
#quote_source, #quote {
   
}
#quote {
    color: #9cf;
    font-size: 1em;
    line-height: 1.25em;
    margin-bottom: .25em;
    font-weight: bolder;
}
#quote_source {
    font-size: .8em;
    margin: 0;
    font-weight: lighter;
}
#moon5 {
    float: left;
    width: 500px;
    height: 700px;
    margin-top: 0;
}
#excerptn, #excerpteab, #excerptmim, #preorder, #eabpreorder {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    width: 160px;
    height: 180px;
}
#excerptn {
    top: 340px;
    left: 90px;
}
#excerpteab {top: 340px;left: 90px;}
#excerptfrost {top: 260px;left: 70px;}

#eabpreorder{background: url('../buttons/eab_buythebook-a.png'); top: 150px;left: 650px;}
#eabpreorder:hover {background: url('../buttons/eab_buythebook-b.png');}
#preorder {
    top: 260px;
	left: 670px;
}
#rggbtn {
	top: 180px;
    left: 70px;
	z-index: 99999999;
}
#mtg_text {
    margin: 0;
}
#mid_nav_meettheguardians {
    width: 900px;
    height: 500px;
    float: left;
}
#mid_nav_meettheguardians h3 {
    float: left;
    margin: 360px 0 0 0;
    text-align: center;
}
#north_books, #easter_books, #tooth_books, #moon_books, #sand_books, #dreams_books {display: block;
	position: absolute;
	width: 220px;
	height: 247px;
	background-repeat: no-repeat;}
#north_books {top: 0em; left: 4.5em;}

#easter_books {top: 11em; left: 6.5em;}
#dreams_books {top: 12em; left: 36em;}
#tooth_books {top: 1em; left: 38em;}
#jackfrost_books {top: 20em; left: 14.5em;}
#collection_books {top: 20em;left: 27em;}
#moon_books {background: url('../buttons/books_moon-a.png');top: -2em; left: 3em;}
#moon_books:hover {background: url('../buttons/books_moon-b.png');}
#sand_books {background: url('../buttons/books_sand-a.png');top: 1em; left: 40em;}
#sand_books:hover {background: url('../buttons/books_sand-b.png');}
#frost_books {background: url('../buttons/books_frost-a.png');top: 9em; left: 5em;}
#frost_books:hover {background: url('../buttons/books_moon-b.png');}

#north_mtg, #mim_mtg, #cs_mtg, #north_mtg_shift, #easter_mtg, #tooth_mtg, #sand_mtg, #frost_mtg {
    display: block;
    position: absolute;
    width: 160px;
    height: 180px;
    background-repeat: no-repeat;
}
#north_mtg {
    top: 15em;
    left: 5em;
}
#north_mtg_shift {
    top: 5em;
    left: 7em;
}
#easter_mtg {
    top: 15em;
    left: 5em;
}
#frost_mtg {
    top: 25em;
    left: 7em;
}
#mim_mtg {
    top: 5em;
    left: 39em;
} 
#sand_mtg {
    top: 15em;
    left: 42em;
}
#tooth_mtg {
    top: 25em;
    left: 39em;
}                                            
#mtg1, #mtg2, #mtg3, #mtg4, #mtg5, #mtg6 {
    display: none;
    position: absolute;
    top: 200px;
    left: 80px;
}
#mtg_back_button {
    position: absolute;
    top: 36em;
    left: 2em;
    width: 120px;
    height: 117px;
}
#mid_nav a {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 10000000;
}
#dj {
    left: 24em;
    top: 34em;
}
#petrov {
    left: 7em;
    top: 6em;
	z-index: 999999;
}
#bear {
    left: 42em;
    top: 6em;
}
#ombric {
    left: 5em;
    top: 15em;
}
#qwerty {
    left: 7em;
    top: 24em;
}
#lamas {
    left: 42em;
    top: 24em;
}
#kailash {
    left: 13em;
    top: 32em;
}
#k {
    left: 35em;
    top: 32em;
}
#pi {
    left: 44em;
    top: 15em;
}
#mim1, #mim2, #mim3, #mim4 {
    display: none;
}
#lm {
    left: 3em;
    top: 12em;
}
#gw {
    left: 6em;
    top: 22em;
}
#mb {
    left: 41em;
    top: 22em;
}
#mm {
    left: 44em;
    top: 12em;
}
.overmoon {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 250px;
    left: 300px;
    z-index:10000000000000000000000000000000000;
}
.overmoon h4 {
    text-align: center;
    margin: 0 0 5px 0;
    font-size: 20px;
}
.overmoon p, h4 {
    font-weight: bolder;
    color: #036;
    letter-spacing: 0;
}
.overmoon p {
    clear: both;
}
.overmoon a {
    text-align: left;
    margin: 0 0 0 20px;
    color: #036;
}
.overmoon a:hover {
    color: #a0cce6;
}
.overmoon img {
    margin: 5px;
}
#moon1, #moon2, #moon3, #moon4 {
    display: none;
}
#moon1 {
    width: 250px;
}
#moon1 {
    margin-left: 30px;
}
#moon3, #moon2 {
    float: left;
    width: 500px;
    height: 700px;
    margin-top: 30px;
}
#moon3 p {
    width: 900px;
    height: 50px;
    float: left;
    margin-left: 50px;
    padding-top: 20px;
}
#moon2 p {
    width: 900px;
    height: 50px;
    float: left;
    margin-left: 120px;
    padding-top: 40px;
}
#moon3 a {
    float: left;
    display: block;
    width: 140px;
    height: 30px;
    color: #69c;
    text-align: center;
    cursor: pointer;
}
#moon2 a {
    float: left;
    display: block;
    width: 300px;
    height: 30px;
    color: #69c;
    text-align: center;
    cursor: pointer;
}
#moon3 a:hover {
    color: #a0cce6;
}
#moon2 a:hover {
    color: #a0cce6;
}
#moon4 img {
    margin-left: 0;
}
#moon4 a {
    margin-left: 0;
    cursor: pointer;
    font-size: 12px;
}
#moon1 a {
    margin-left: 70px;
    cursor: pointer;
    font-size: 12px;
    float: left;
    width: 300px;
}
.moon1_rows {
    float: left;
    width: 60px;
    margin: 0;
}
.moon_links {
    width: 250px;
    height: 60px;
    float: left;
    margin-left: 30px;
}
.moon_links a {
    width: 50px;
    height: 60px;
    margin: 0 10px 0 0;
}
#download_img {
    margin-top: 20px;
}
.simpleSlide-window {
    width: 300px;
    height: 700px;
    position: absolute;
    top: 195px;
    left: 183px;
    z-index: 1000;
}
.simpleSlide-tray {
    position: absolute;
    width: 300px;
    height: 700px;
    left: 0;
    top: 0;
}
.simpleSlide-slide {
    width: 533px;
    height: 700px;

}
.left-button, .right-button {
    width: 49px;
    height: 60px;
    position: absolute;
    cursor: pointer;
}
.left-button {
    background: url('../buttons/back.jpg');
    top: 350px;
    left: 225px;
}
.right-button {
    background: url('../buttons/forward.jpg');
    top: 350px;
    left: 630px;
}
#extras_left_button, #extras_left_button_downloads, #extras_right_button, #extras_right_button_downloads {
    display: none;
}


#av {
    left: 4em;
    top: 21em;
}
#video {
    left: 8em;
    top: 30em;
}
#downloads {
    top: 30em;
    left: 40em;
}
#trading {
    left: 43em;
    top: 21em;
}
#wallpapers {
    left: 24em;
    top: 36em;
}
.excerpts {
    text-align: center;
	padding-top: 30px;
}
.excerpts img {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%
}
#books-movie {
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	width: 170px;
	height: 190px;
	margin-left: 30px;
	
}
#books-movie{background: url('../buttons/tb_a.png'); top: 150px;left: 650px;}
#books-movie:hover {background: url('../buttons/170_l.png');}
#books_logo{
	position: absolute; 
	z-index: 100000;
	left: 160px; 
	top: 105px;
}
#mp3_player {
	text-align: center;
	color: #999;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .1em;
	margin: 30px auto;
	z-index: 9999;
	clear: both;
	padding: 30px 0;
	width: 650px;
}
#mp3_player iframe { margin-top: 20px; }

#mp3_alt {
	text-align: left;
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .1em;
	font-weight: bold;
}
#full-overlay.hide {
	display: none;
}
#full-overlay.show {
	display: block;
}
a.buy-button {
	display: block;
	margin: 20px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #369;
	color: #369;
	text-decoration: none;
	padding: 4px;
	border-radius: 8px;
	text-transform: uppercase;
}
a.buy-button:hover {
	background-color: #000;
	color: #FFF;
}