@charset "UTF-8";
/* CSS Document */

#boxandmeasure {
	height:230px;
	width:461px;
	padding-left:60px;
	padding-top:30px;
}

#scale {
	width:224px;
	height:189px;
	float:left;
	margin-top:50px;
	margin-left:60px;
}

#atom {
	width:459px;
	height:290px;
	margin: 0 auto;
}

a:hover #electron1 {
	width:361px;
	height:244px;
	position:absolute;
	left:136px;
	margin-top:90px;
	background:url(../images/electron1.png) no-repeat;
}

#electron1 {
	width:30px;
	height:30px;
	position:absolute;
	left:127px;
	margin-top:80px;
}

a:hover #electron2 {
	width:244px;
	height:197px;
	position:absolute;
	left:254px;
	margin-top:137px;
	background:url(../images/electron2.png) no-repeat;
}

#electron2 {
	width:30px;
	height:30px;
	position:absolute;
	left:243px;
	margin-top:125px;
}

a:hover #electron3 {
	width:270px;
	height:316px;
	position:absolute;
	left:272px;
	margin-top:18px;
	background:url(../images/electron3.png);
}

#electron3 {
	width:30px;
	height:30px;
	position:absolute;
	left:523px;
	margin-top:5px;
}

a:hover #proton1 {
	width:203px;
	height:211px;
	position:absolute;
	left:284px;
	margin-top:122px;
	background:url(../images/proton1.png) no-repeat;
}

#proton1 {
	width:25px;
	height:25px;
	position:absolute;
	left:352px;
	margin-top:117px;
}

a:hover #proton2 {
	width:203px;
	height:190px;
	position:absolute;
	left:285px;
	margin-top:145px;
	background:url(../images/proton2.png) no-repeat;
}

#proton2 {
	width:25px;
	height:25px;
	position:absolute;
	left:365px;
	margin-top:140px;
}

a:hover #neutron {
	width:143px;
	height:184px;
	position:absolute;
	marg-top:140px;
	left:300px;
	background:url(../images/neutron.png) no-repeat;
}

#neutron {
	width:25px;
	height:25px;
	position:absolute;
	left:340px;
	margin-top:140px;
}

#imgmolecule {
	width:252px;
	height:129px;
	margin:0 auto;
}

#imgcompounds {
	width:406px;
	height:220px;
	margin:0 auto;
}

#imgsolid {
	width:398px;
	height:298px;
	margin:0 auto;
}

#imgliquid {
	width:512px;
	height:229px;
	margin:0 auto;
}

#imggas {
	width:422px;
	height:234px;
	margin:0 auto;
}

#book {
	width:262px;
	height:190px;
	margin:0 auto;
}

#beakers {
	width:261px;
	height:295px;
	margin:0 auto;
}

#ice {
	width:373px;
	height:170px;
	margin:0 auto;
}

#eyes {
	width:325px;
	height:51px;
	margin:0 auto;
}

#firecracker {
	width:494px;
	height:151px;
	margin:0 auto;
}