h1, h2, div, img, svg{ margin:0 0; padding:0 0;}
div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

* {
    -webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

@font-face {font-family: "Helvetica-Black";src: url("hvb.woff");font-style: normal;font-weight: normal;}
@font-face {font-family: "MVBoli";src: url("mvboli.woff");font-style: normal;font-weight: normal;}
@font-face {font-family: "SegoePrint";src: url("segoe.woff");font-style: normal;font-weight: normal;}


body{
	background:url(img/bg.jpg) #916d27;
	background-repeat: no-repeat;
	margin: 0 0;
}

.mobile-cta{display:none;}
.mobile-only{display:none;}
.desktop-only{display:block;}

.fix-period{position:relative; display:inline-block; top:0.25em;}

.container{
	position:absolute;
	width:1440px; height:940px; 
	margin:auto; padding:32px 0;
	right:0; bottom:0; left:0; top:0px;
}

.bodyText{margin:0 auto; text-align:left; padding:8px 4px;}
.bodyText h1{font:52px/1.3em 'SegoePrint'; color:#fff; text-shadow: 6px 6px 12px #000;}
.bodyText h2{font:32px/1.4em 'MVBoli'; color:#fff;letter-spacing:0.02em;}
.bodyText h3{font:18px/1.5em 'Helvetica-Black'; color:#fff; letter-spacing:0.02em; text-shadow: 1px 1px 2px #000;}
.tab {display:inline-block; position:relative;}

.alt-link{background:rgba(255,255,255,0.6); border:3px solid black;margin:0 auto 32px auto; width: 512px;}
.alt-link h2{text-align:center; font-size:24px;}
.alt-link a{color:black; text-decoration: none;}

#bgOffset{position:absolute;}

/*#mainTitle{}*/
#cta{margin-bottom:12px;}
#footer{padding-top:0;}

#wheel{
	width:756px;
	height:756px;
	position:relative;
	float:left;
	/*margin:0 auto;*/
	margin-left:48px;
	overflow:hidden;
	visibility:hidden;

}
#circleContainer{position:absolute;}
#outerCircle{
	width:756px;
	height:756px;
	background:url("img/fullLogo.jpg");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:0px 0px;
	border-radius:1000px;
	position:absolute;
	/*display:none;*/
}
#glow{position:absolute; overflow:visible;width:756px;
	height:756px;}
.glow{
	width:756px;
	height:756px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:0px 0px;
	position:absolute;
	display:none;
}
#innerCircle{
	width:528px;
	height:528px;
	background:url("img/fullLogo.jpg");
	background-size:756px 756px;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:1000px;
	position:absolute;
	overflow:hidden;
	/*display:none;*/
}
#compass{
	position:absolute;
	width:382px;
	height:382px;
	background:url("img/fullLogo.jpg");
	background-size:756px 756px;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:1000px;
	overflow:hidden;
}

#spiral{
	position:absolute;
	width:65px;
	height:65px;
	background:url("img/spiral.png");
	background-size:65px 65px;
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;
}

#iChingCombo, #sunCombo, #moonsCombo, #sunCombo2, #glow{
	position:absolute;
}
#hs-inner{position:absolute;/*margin-left:-186px; margin-top:-186px;*/}
#hs-outer{position:absolute;/*margin-left:-112px; margin-top:-120px;*/}

.hotspot{cursor:pointer;}

#infoOuter{
	width:756px;
	height:756px;
	border-radius:1000px;
	position:absolute;
	margin:0 auto;
	left:0;
	pointer-events:none;
	overflow:hidden;
	z-index:1000;
}

#info{
	width:100%;
	height:auto;
	/*min-height:320px;*/
	top:50%;
	padding:24px;
	position:relative;
	text-align:center;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	background:rgba(255,255,255,0.7);
}

#info h1{font:28px/1.3em 'Lora', serif;}
#info h2{font:22px/1.1em 'Lato', sans-serif;}

.info-top{top:0;}
.info-bottom{top:378px;}

#tooltip{
	width:512px;
	height:auto;
	position:absolute;
	left:0;
	top:0;
	background:rgba(255,255,255,0.9);
	padding:16px;
	pointer-events:none;
	display:none;
	border-radius:8px;
	box-shadow: 2px 2px 8px #000;
}

#tooltip h1{font:22px/1.3em 'Lora', serif; text-align:center;}
#tooltip h2{font:16px/1.1em 'Lato', sans-serif;}

.outer-icon{
	width:105px;
	height:95px;
	position:absolute;
	background-size:contain;
	background-repeat:no-repeat;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	opacity:0.8;
	cursor:pointer;
}

.inner-icon{
	width:64px;
	height:64px;
	position:absolute;
	background-size:contain;
	background-repeat:no-repeat;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.centered{left: 50%;top:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.centerY{top:50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}

#glowCenter{background-image:url(img/glow_center.png);}
#glowSpiral{background-image:url(img/glow_spiral.png);}
#glowMoon{background-image:url(img/glow_moon.png);}
#glowSun{background-image:url(img/glow_sun.png);}
#glowCompass{background-image:url(img/glow_compass.png);}
#glowIchingA{background-image:url(img/glow_iching_a.png);}
#glowIchingB{background-image:url(img/glow_iching_b.png);}
#glowIchingC{background-image:url(img/glow_iching_c.png);}
#glowIchingD{background-image:url(img/glow_iching_d.png);}
#glowFall{background-image:url(img/glow_fall.png);}
#glowWinter{background-image:url(img/glow_winter.png);}
#glowSummer{background-image:url(img/glow_summer.png);}
#glowSpring{background-image:url(img/glow_spring.png);}

/* ========  MOBILE ADJUSTMENTS  ==========*/

@media screen and (max-width: 1439px)
{
	.mobile-only{display:block;}
	.desktop-only{display:none;}
	.bodyText{min-width:756px; max-width:1024px; margin:0 auto; text-align:center; padding:12px 32px;}
	.container{ width:auto; height:auto;}

	#footer{padding-bottom:40px;}
	#wheel{margin:0 auto; margin-bottom:48px; float:none;}
}