html, body, #id-wrapper {
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	height: 100%;
	width: 100%;
	font-family: Verdana,Arial,sans-serif;
  font-size: 12px;
	background-color: white;
}

#id-wrapper{
	position:absolute;
	top:  10%;
	left:  10%;
	height: 70%;
	width: 70%;
}

#id-g-but{
	position: absolute;
	top:0px;
	left:0px;
	height: 250px;
	width: 250px;
	border-radius: 250px 0px 0px 0px;
	border: 15px solid #000000;
}
.g-but-off {
	background-color: Green;
}
.g-but-on {
	background-color: LightGreen;
}

#id-r-but{
	position: absolute;
	top:0px;
	left:250px;
	height: 250px;
	width: 250px;
	border-radius: 0px 250px 0px 0px;
	border: 15px solid #000000;
}
.r-but-off{
	background-color: Red;
}
.r-but-on{
	background-color: LightCoral;
}

#id-y-but{
	position: absolute;
	top:250px;
	left:0px;
	height: 250px;
	width: 250px;
	border-radius: 0px 0px 0px 250px;
	border: 15px solid #000000;
}
.y-but-off{
	background-color: Yellow;
}
.y-but-on{
	background-color: LightYellow;
}

#id-b-but{
	position: absolute;
	top:250px;
	left: 250px;
	height: 250px;
	width: 250px;
	border-radius: 0px 0px 250px 0px;
	border: 15px solid #000000;
}
.b-but-off{
	background-color: Blue;
}
.b-but-on{
	background-color: LightBlue;
}

#id-console {
	top:125px;
	left: 125px;
	position: absolute;
	height: 250px;
	width: 250px;
	background-color: white;
	border-radius: 250px 250px 250px 250px ;
	border: 15px solid #000000;
}

#id-logo {
	position: absolute;
	top:10px;
	left: 53px;
	font-size:300%;"
}

#id-b-start {
	position: absolute;
	top:80px;
	left: 140px;
	border-radius: 25px 25px 25px 25px ;
	border: 3px solid #000000;
	height:25px;
	width:25px;
	background-color: red;
}
.b-start-off{
	box-shadow: 0px 0px 1px 2px inset;
}
.b-start-on{
	box-shadow: 0px 0px 0px 0px inset;
}
#id-b-start-label {
	position: absolute;
	top:105px;
	left: 135px;
}

#id-i-count {
	position: absolute;
	top:80px;
	left: 45px;
	border-radius: 10px 10px 10px 10px ;
	border: 3px solid #000000;
	height:25px;
	width:50px;
	background-color: DarkSlateGrey;
	font-weight: bold;
	text-align: center;
}
.i-count-off{
	color: #600000;
}
.i-count-on{
	color: Red;
}
#id-i-count-label {
	position: absolute;
	top:105px;
	left: 48px;
}

#id-sw-power-body {
cursor:pointer;
	position: absolute;
	top:150px;
	left: 87px;
	border-radius: 5px 5px 5px 5px ;
	border: 3px solid #000000;
	height:25px;
	width:50px;
	background-color: DarkSlateGrey;
}
.sw-power-off {
	position: relative;
	top: 2px;
	left: 1px;
	height:15px;
	width:20px;
	background-color: Red;
}
.sw-power-on {
	left: 22px;
}
#id-sw-power-label {
	position: absolute;
	top:177px;
	left: 88px;
}