/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Body - General Layout Structure	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
	margin: 0;
	padding: 0;
	background-color: #f0f0f0;
	font: 14px/18px Verdana, Arial, geneva, sans-serif;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	overflow: hidden;
	}
	
	img {
		border: 0;
		padding: 0;
		border-style: none;
		}
	
	a {
		font: 12px/20px Verdana, Arial, geneva, sans-serif;
		}
	a:link {color: #656765; text-decoration: none;}
	a:active {color:#656765; text-decoration: none; outline:none;}
	a:visited {color: #656765; text-decoration: none;}
	a:hover {color: #fe623c; text-decoration: none;}
	a:focus {outline:none;}
	
	p {
		margin: 0px 0px 25px 0px;
		padding: 0;
		}
							
	.left {
		top: 0;
		left: 0;
		}
	.right {
		top: 0;
		right: 0;
		}
		
	.tweenAll_025 {
		-webkit-transition: all 0.25s cubic-bezier(0.25,1,0.25,1);
		   -moz-transition: all 0.25s cubic-bezier(0.25,1,0.25,1);
			-ms-transition: all 0.25s cubic-bezier(0.25,1,0.25,1);
			 -o-transition: all 0.25s cubic-bezier(0.25,1,0.25,1);
				transition: all 0.25s cubic-bezier(0.25,1,0.25,1);
		}
	.tweenAll_05 {
		-webkit-transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
		   -moz-transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
			-ms-transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
			 -o-transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
				transition: all 0.5s cubic-bezier(0.25,1,0.25,1);
		}
	.tweenAll_75 {
		-webkit-transition: all 0.75s cubic-bezier(0.25,1,0.25,1);
		   -moz-transition: all 0.75s cubic-bezier(0.25,1,0.25,1);
			-ms-transition: all 0.75s cubic-bezier(0.25,1,0.25,1);
			 -o-transition: all 0.75s cubic-bezier(0.25,1,0.25,1);
				transition: all 0.75s cubic-bezier(0.25,1,0.25,1);
		}
	.tweenAll_1 {
		-webkit-transition: all 1s cubic-bezier(0.25,1,0.25,1);
		   -moz-transition: all 1s cubic-bezier(0.25,1,0.25,1);
			-ms-transition: all 1s cubic-bezier(0.25,1,0.25,1);
			 -o-transition: all 1s cubic-bezier(0.25,1,0.25,1);
				transition: all 1s cubic-bezier(0.25,1,0.25,1);
		}
	/*	
	canvas {
		cursor: move;
	}
	*/
h1 {
	display: block;
	position: relative;
	font: 60px/51px Verdana, Helvetica, Arial, sans-serif;
	margin: 0px 0px -1px 0px;
	padding: 0;
	}
h2 {
	display: block;
	position: relative;
	font: 24px/25px Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}
h3 {
	display: block;
	position: relative;
	font: 18px/25px Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}
	h3 span {
		font: 12px/12px Verdana, Helvetica, Arial, sans-serif;
		color: #8b8c8b;
		margin: 0px 0px 0px 5px;
		}
h4 {
	display: block;
	position: relative;
	font: 14px/15px Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}
h5 {
	display: block;
	position: relative;
	font: 12px/15px Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
GENERIC STUFF
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.svgContainer {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
}
.svgimage {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 25%;
	width: 50%;
	height: auto;
	
	width: 600px;
	height: 600px;
	top: 40%;
	left: 50%;
	margin: -300px 0px 0px -300px;
	
}
@media only screen and (orientation : landscape) {
	.svgimage {
		/*
		width: 400px;
		height: 400px;
		top: 50%;
		left: 50%;
		margin: -200px 0px 0px -200px;
		*/
	}
}

.svg-background {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#navigation {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	}
	.icon {
		display: inline-block;
		width: 100px;
		height: 100px;
		margin: 0px 0px 5px 0px;
	}

#output {
	display: block;
	position: absolute;
	left: 20px;
	top: 20px;
	font: 18px/25px Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	text align: left;
}

#icontip {
	display: block;
	position: relative;
	font: 11px/12px 'Gotham-Bold', Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	text align: center;
	margin: 0px 0px 10px 0px;
	padding: 0;
}