* { 
	  -webkit-box-sizing: border-box; 
	  -moz-box-sizing:    border-box; 
	  box-sizing:         border-box; 
	  margin: 0;
	  padding: 0;
	}

	html {
	  /*background: #f7f7f7 url(http://css-tricks.com/examples/RoundButtons/images/bg.png) repeat center top;*/
	  background: #f3f0f4;
	}
	
	.floatBox {
		position: fixed;
		top: 0.5em;
		right: 0.5em;
		width: 15%;
		height: 20%;
		background-color: rgba(146,146,146,0.25);
		padding: 0.5em;
		font-size: 80%;
	    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
		border-radius: 1em;
	}

	.tinyblack {
		bottom: 0;
		color: black;
		font-size: 40%;
		position: absolute;
	}

	HR {
	    border: 50;
	    height: 1px;
	    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
		align:"center";
		width:"50%";
	}
	
	
	
	

	.nav {
	  list-style: none;
	  text-align: center;
	}

	.nav li {
	  position: relative;
	  display: inline-block;
	  margin-right: -4px;
	}

	.nav .BigCircle {
	  display: block;
	  text-decoration: none;
	  background-color: #f7f7f7;
	  color: #a7a7a7;
	  margin: 25px;
	  width: 100px;
	  height: 100px;
	  position: relative;
	  text-align: center;
	  line-height: 100%;
	  border-radius: 50%;
	  border: solid 1px transparent;
	}

	.nav .BigSpace {
	  display: block;
	  text-decoration: none;
	  margin: 25px;
	  width: 100px;
	  height: 100px;
	  position: relative;
	  text-align: center;
	  line-height: 100%;
	  border-radius: 50%;
	}

	.nav .BigButton {
		transition: all 0.2s ease;
		cursor:pointer;
		background-image: linear-gradient(top, #f7f7f7, #e7e7e7); 
		box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;		
	}
	
	.nav .BigLamp {
		background-color: #404040;
		background-image: linear-gradient(top, #808080, #404040);
		transition: all 0.2s ease;
		border: solid 1px transparent;				
		box-shadow: 0px 1px 5px rgba(100,100,100,0.9);
		/* inset -20px -20px 50px rgba(120,120,120,0.5) */
	}
	
	.nav .ButtonDown {
		box-shadow: 0px 0px 0px rgba(255,255,255,0), inset 0px 0px 0px rgba(255,255,255,0);
	  	/*box-shadow: 0px 3px 4px #f00 inset, 0px 2px 3px #f55;*/
	}
	
	/*.nav .LampOn {
		box-shadow: 0px 0px 50px rgba(255,255,0,0.5), inset -20px -20px 5px rgba(200,200,200,0.1);
	}*/
	
	.nav .goRed {
	  	background: #ff0000;
	}
	.nav .goYellow {
	  	background: #ffff20;
	}
	.nav .goGreen {
	  	background: #00ff00;
	}
	.nav .goBlue {
	  	background: #0000ff;
	}
	
	.nav .goRed.LampOn{
	  	box-shadow: 0px 0px 50px rgba(255,0,0,0.5), inset -20px -20px 5px rgba(200,200,200,0.1);
	}
	.nav .goYellow.LampOn{
	  	box-shadow: 0px 0px 50px rgba(255,255,0,0.5), inset -20px -20px 5px rgba(200,200,200,0.1);
	}
	.nav .goBlue.LampOn{
	  	box-shadow: 0px 0px 50px rgba(0,0,255,0.5), inset -20px -20px 5px rgba(200,200,200,0.1);
	}
	.nav .goGreen.LampOn{
	  	box-shadow: 0px 0px 50px rgba(0,255,0,0.5), inset -20px -20px 5px rgba(200,200,200,0.1);
	}