/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Body - General Layout Structure	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font: 18px/20px Verdana, Arial, geneva, sans-serif;
	text-transform: uppercase;
	text-align: left;
	color: #0082a2;
		width: 100%;
		height: 100%;
	overflow: hidden;
	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
GENERIC STUFF
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#wrapper {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		}

		#ui {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 1000px;
			height: 1000px;
			margin: -500px 0px 0px -500px;
			overflow: hidden;

			}
			#ui svg {
				margin: 0;
				width: 100%;
				}

				.ball {
					opacity: 0;
				}

		#options {
			position: absolute;
			top: 10px;
			left: 0px;
			padding: 0;
			color: #000;
			font-family: Verdana;
			font-size: 10px;
			text-align: center;
			width: 100%;
			}

			#options a {
				display: inline-block;
				margin: 0px;
				padding: 5px 12px;
				border-radius: 20px;
				outline: none;
				border: 0;
				color: #000;
				text-decoration: none;
				-webkit-transition: background-color 1s cubic-bezier(0.25,1,0.25,1);
				   -moz-transition: background-color 1s cubic-bezier(0.25,1,0.25,1);
					-ms-transition: background-color 1s cubic-bezier(0.25,1,0.25,1);
					 -o-transition: background-color 1s cubic-bezier(0.25,1,0.25,1);
						transition: background-color 1s cubic-bezier(0.25,1,0.25,1);
			}

			#options a.activate {
				background-color: #CCCCCC;
			}
	
	@media screen and (max-width: 600px) {
		#ui {
			width: 700px;
			height: 700px;
			margin: -350px 0px 0px -350px;

			}
			#ui svg {
				width: 700px;
				height: 700px;
				margin: 0;
				}
	}
	
	
	@media screen and (max-width: 500px) {
		#ui {
			width: 600px;
			height: 600px;
			margin: -300px 0px 0px -300px;

			}
			#ui svg {
				width: 600px;
				height: 600px;
				margin: 0;
				}
	}