.calc {
	width: 600px;
	height: 500px;
	border: 5px solid gray;
	position: absolute;
	}

.key {
	width: 100px;
	height: 100px;
	background-color: black;
	float: none
	}
	
.key:active {
	-webkit-transform: rotate(0deg) scale(.95);
	-moz-transform: rotate(0deg) scale(.95);
	-o-transform: rotate(0deg) scale(.95);
	-ms-transform: rotate(0deg) scale(.95);
	transform: rotate(0deg) scale(.95);
	}
	
.display {
	width: 600px;
	height: 100px;
	background-color: black;
	font-family: sans-serif;
	font-size: 400%;
	line-height: 90px;
	color: rgb(65,195,251);
	text-align: right
	}

a#key7 {
	position: absolute;
	left:0px;
	top: 100px;
	background: url(images/7.png) no-repeat top left;
	background-size: 100px 100px
	}
a#key8 {
	position: absolute;
	left:100px;
	top: 100px;
	background: url(images/8.png) no-repeat top left;
	background-size: 100px 100px
	}
a#key9 {
	position: absolute;
	left:200px;
	top: 100px;
	background: url(images/9.png) no-repeat top left;
	background-size: 100px 100px
	}
a#keyAdd {
	position: absolute;
	left:300px;
	top: 100px;
	background: url(images/addition.png) no-repeat top left;
	background-size: 100px 100px	
	}
a#keySub {
	position: absolute;
	left:400px;
	top: 100px;
	background: url(images/Subtract.png) no-repeat top left;
	background-size: 100px 100px
	}
a#keyClear {
	position: absolute;
	left:500px;
	top: 100px;
	background: url(images/Clear.png) no-repeat top left;
	background-size: 100px 100px
	}
a#key4 {
	position: absolute;
	left:0px;
	top: 200px;
	background: url(images/4.png) no-repeat top left;
	background-size: 100px 100px
	}
a#key5 {
	position: absolute;
	left:100px;
	top: 200px;
	background: url(images/5.png) no-repeat top left;
	background-size: 100px 100px
	}
a#key6 {
	position: absolute;
	left:200px;
	top: 200px;
	background: url(images/6.png) no-repeat top left;
	background-size: 100px 100px
	}
a#keyMult {
	position: absolute;
	left:300px;
	top: 200px;
	background: url(images/Multiply.png) no-repeat top left;
	background-size: 100px 100px
	}
a#keyDiv {
	position: absolute;
	left:400px;
	top: 200px;
	background: url(images/Divide.png) no-repeat top left;
	background-size: 100px 100px
	}
a#keyClearError {
	position: absolute;
	left:500px;
	top: 200px;
	background: url(images/ClearError2.png) no-repeat top left;
	background-size: 100px 100px
	}
a#key1 {
	position: absolute;
	left:0px;
	top: 300px;
	background: url(images/1.png) no-repeat top left;
	background-size: 100px 100px
	}
a#key2 {
	position: absolute;
	left:100px;
	top: 300px;
	background: url(images/2.png) no-repeat top left;
	background-size: 100px 100px
	}
a#key3 {
	position: absolute;
	left:200px;
	top: 300px;
	background: url(images/3.png) no-repeat top left;
	background-size: 100px 100px
	}
a#keyEquals {
	position: absolute;
	left:300px;
	top: 300px;
	background: url(images/Equals.png) no-repeat top left;
	background-size: 100px 100px
	}
a#keyFrac {
	position: absolute;
	left:400px;
	top: 300px;
	background: url(images/Fraction.png) no-repeat top left;
	background-size: 100px 100px
	}
a#keyMemPlus {
	position: absolute;
	left:500px;
	top: 300px;
	background: url(images/Memplus.png) no-repeat top left;
	background-size: 100px 100px
	}	
a#key0 {
	position: absolute;
	left:0px;
	top: 400px;
	background: url(images/0.png) no-repeat top left;
	background-size: 100px 100px
	}
a#keyDot {
	position: absolute;
	left:100px;
	top: 400px;
	background: url(images/dot.png) no-repeat top left;
	background-size: 100px 100px
	}
a#keySign {
	position: absolute;
	left:200px;
	top: 400px;
	background: url(images/Sign.png) no-repeat top left;
	background-size: 100px 100px
	}
a#keySquared {
	position: absolute;
	left:300px;
	top: 400px;
	background: url(images/squared.png) no-repeat top left;
	background-size: 100px 100px
	}
a#keySquareRoot {
	position: absolute;
	left:400px;
	top: 400px;
	background: url(images/Squareroot.png) no-repeat top left;
	background-size: 100px 100px
	}
a#keyMemRecall {
	position: absolute;
	left:500px;
	top: 400px;
	background: url(images/Memrecall.png) no-repeat top left;
	background-size: 100px 100px	
	}