@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

#mainHolder {
	position:relative; left:0px; top:0px; width:100%; height:100vh; text-align:center; background-color:#0066B3;
}

#gameHolder {
	position:absolute; left:0px; top:0px; width:1280px; height:960px; user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
		display:none;
}

.sceneBackground {
	position:absolute; left:0px; top:0px; width:1280px; height:960px; background-position:center top; background-size:100% auto; background-repeat:no-repeat;
}

.theClocks {
	display:none;
}

.theMask {
	position:absolute; left:0px; top:0px; width:1280px; height:960px; overflow:hidden;
}

.faceClass {
	position:absolute; left:384px; top:392px; width:1px; height:1px;
}

.handClass {
	position:absolute; left:-126px; top:-126px; width:252px; height:252px;
}

.theClockDisplay {
	position:absolute; left:488px; top:681px; width:310px; height:auto; color:#00FF00; font-family: ExpeditionHeavy; font-weight: normal; font-style: normal; font-size:108px; text-shadow: 0px 0px 30px #00FF00; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; cursor:default;
}

.feedBackHolder {
	position:absolute; left:175px; top:181px; width:420px; height:420px; display:none; cursor:pointer;
}

.feedBackHolder img {
	position:absolute; left:0px; top:0px;
}

.pinWheel {
	position:absolute; left:0px; top:0px; width:1280px; height:960px; background-image:url(images/waves.png); background-size:100% 100%; display:none;
}

.whiteDot {
	position:absolute; left:0px; top:0px; width:1280px; height:960px; background-image:url(images/white_dot.png); background-size:100% 100%; display:none;
}

.clock2 {
	position:absolute; left:-129px; top:-129px; width:258px; height:258px; background-image:url(images/clock2.png); background-size:100% 100%;
}

.clock2yellow {
	position:absolute; left:-150px; top:-150px; width:300px; height:300px; background-image:url(images/ball2_yellow.png); background-size:100% 100%;
}

.clock2red {
	position:absolute; left:-150px; top:-150px; width:300px; height:300px; background-image:url(images/ball2_red.png); background-size:100% 100%;
}

.clock2black {
	position:absolute; left:-150px; top:-150px; width:300px; height:300px; background-image:url(images/ball2_black.png); background-size:100% 100%;
}

.clock3 {
	position:absolute; left:-175px; top:-175px; width:350px; height:350px; background-image:url(images/clock3_1.png); background-size:100% 100%;
}

.clock3yellow {
	position:absolute; left:-175px; top:-175px; width:350px; height:350px; background-image:url(images/ball2_yellow.png); background-size:100% 100%;
}

.clock3red {
	position:absolute; left:-175px; top:-175px; width:350px; height:350px; background-image:url(images/ball2_red.png); background-size:100% 100%;
}

.clock3black {
	position:absolute; left:-175px; top:-175px; width:350px; height:350px; background-image:url(images/ball2_black.png); background-size:100% 100%;
}

.lightClass {
	position:absolute; left:890px; top:677px;
}

.glowClass {
	position:absolute; left:1037px; top:747px;
}

.barClass {
	position:absolute; left:36px; top:707px;
}

.theTop {
	position:absolute; left:489px; top:11px;
}

.theHat {
	position:absolute; left:0px; top:-250px;
}

.tentacleTopBox {
	position:absolute; left:787px; top:292px; width:616px; height:308px; overflow:hidden;
}

.tentacleBottomBox {
	position:absolute; left:787px; top:600px; width:616px; height:308px; overflow:hidden;
}

#tentacle1 {
	position:absolute; left:-48px; top:29px;
}

#tentacle2 {
	position:absolute; left:204px; top:148px;
}

#tentacle1Shadow {
	position:absolute; left:-48px; top:-290px;
}

#tentacle2Shadow {
	position:absolute; left:204px; top:-170px;
}

.theComet {
	position:absolute; left:1280px; top:0px;
}

#starMan {
	position:absolute; left:-88px; top:150px;
}

#interstitialText {
	position:absolute; left:0px; top:0px;
}

#theWatch {
	position:absolute; left:185px; top:196px;
}

.levelClass {
	position:absolute; left:691px; top:279px;
}

#level2 {
	top:420px;
}

#level3 {
	top:553px;
}

.gear1Class {
	position:absolute; left:359px; top:386px;
}

.gear2Class {
	position:absolute; left:460px; top:445px;
}

.gear3Class {
	position:absolute; left:365px; top:507px;
}

#gear1, #gear2, #gear3 {
	display:none;
}

#thePlayNowButton {
	position:absolute; left:472px; top:740px; cursor:pointer;
}

.hiddenButton {
	position:absolute; left:718px; top:303px; cursor:pointer; width:290px; height:121px;
}

#levelButton2 {
	top:434px;
}

#levelButton3 {
	top:565px;
}

#loadingMessage{
	position:absolute; left:0px; top:50%; width:100%; height:auto; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); color:#00FF00; font-family: ExpeditionHeavy; font-weight: normal; font-style: normal; font-size:40px;
}