body {
	background-color: #000;
	oveflow: hidden;
}
#wrapper {
	width: 800px;
	height: 800px;
	background: -webkit-radial-gradient(circle, #111, #000);
	border-radius: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transform: rotate(270deg);
	overflow: hidden;
	;
}
 @-webkit-keyframes Orbit {
 0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
#sun {
	width: 26px;
	height: 26px;
	background: -webkit-radial-gradient(circle, #FF0, #FA0);
	border-radius: 100%;
	position: absolute;
	top: 387px;
	left: 387px;
}
#mercury {
	width: 2px;
	height: 2px;
	top: -1px;
	left: 39px;
	background-color: #F93;
	position: absolute;
	z-index: 1000;
	border-radius: 100%;
}
#mercuryshadow {
	width: 2px;
	height: 200px;
	top: -200px;
	left: 39px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
	position: absolute;
	z-index: 1500;
	opacity: .8;
}
#venus {
	width: 6px;
	height: 6px;
	top: -3px;
	left: 77px;
	background-color: #FC0;
	position: absolute;
	z-index: 1000;
	border-radius: 100%;
}
#venusshadow {
	width: 6px;
	height: 200px;
	top: -200px;
	left: 77px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
	position: absolute;
	z-index: 1500;
	opacity: .8;
}
#earth {
	width: 6px;
	height: 6px;
	top: -3px;
	left: 117px;
	background-color: #06F;
	position: absolute;
	z-index: 1000;
	border-radius: 100%;
}
#earthshadow {
	width: 6px;
	height: 200px;
	top: -200px;
	left: 117px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
	position: absolute;
	z-index: 1500;
	opacity: .8;
}
#moon {
	width: 1px;
	height: 1px;
	top: -1px;
	left: 5px;
	background-color: #CCC;
	position: absolute;
	z-index: 2000;
	border-radius: 100%;
}
#mars {
	width: 4px;
	height: 4px;
	top: -2px;
	left: 158px;
	background-color: #C30;
	position: absolute;
	z-index: 1000;
	border-radius: 100%;
}
#marsshadow {
	width: 4px;
	height: 180px;
	top: -180px;
	left: 158px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
	position: absolute;
	z-index: 1500;
	opacity: .8;
}
#jupiter {
	width: 18px;
	height: 18px;
	top: -9px;
	left: 231px;
	background-color: #B1804E;
	position: absolute;
	z-index: 1000;
	border-radius: 100%;
}
#jupitershadow {
	width: 18px;
	height: 140px;
	top: -140px;
	left: 231px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
	position: absolute;
	z-index: 1500;
	opacity: .8;
}
#jupiterspot {
	width: 3px;
	height: 2px;
	top: 7px;
	left: 237px;
	background-color: #a00;
	border-color: #F30;
	border-style: solid;
	border-width: 0px;
	border-radius: 100%;
	position: absolute;
	z-index: 1500;
	border-radius: 100%;
	overflow: visible;
	-webkit-transform: rotate(10deg);
}
#saturn {
	width: 12px;
	height: 12px;
	top: -6px;
	left: 274px;
	background-color: #F3C789;
	position: absolute;
	z-index: 1000;
	border-radius: 100%;
	overflow: visible;
}
#saturnshadow {
	width: 12px;
	height: 120px;
	top: -120px;
	left: 274px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
	position: absolute;
	z-index: 1500;
	opacity: .8;
}
#saturnrings {
	width: 18px;
	height: 18px;
	top: -10px;
	left: 270px;
	border-color: #ddd;
	border-style: dotted;
	border-width: 1px;
	border-radius: 100%;
	position: absolute;
	z-index: 1500;
	border-radius: 100%;
	overflow: visible;
	-webkit-transform: rotate(10deg);
}
#uranus {
	width: 10px;
	height: 10px;
	top: -5px;
	left: 315px;
	background-color: #09F;
	position: absolute;
	z-index: 1000;
	border-radius: 100%;
}
#uranusshadow {
	width: 10px;
	height: 80px;
	top: -80px;
	left: 315px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
	position: absolute;
	z-index: 1500;
	opacity: .8;
}
#neptune {
	width: 8px;
	height: 8px;
	top: -4px;
	left: 356px;
	background-color: #03F;
	position: absolute;
	z-index: 1000;
	border-radius: 100%;
}
#neptuneshadow {
	width: 8px;
	height: 40px;
	top: -40px;
	left: 356px;
	background-color: #000;
	position: absolute;
	z-index: 1500;
	opacity: .8;
}
#pluto {
	width: 2px;
	height: 2px;
	top: -1px;
	left: 399px;
	background-color: #CCC;
	position: absolute;
	z-index: 1000;
	border-radius: 100%;
}
#plutoshadow {
	width: 2px;
	height: 00px;
	top: -00px;
	left: 399px;
	background-color: #000;
	position: absolute;
	z-index: 1500;
	opacity: .8;
}
#mercury_a {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	position: absolute;
	top: 360px;
	left: 360px;
	border-color: #333;
	border-style: solid;
	border-width: 0px;
	border-radius: 100%;
	-webkit-animation-name: Orbit;
	-webkit-animation-duration: 14.44928131416837782340862422996s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#venus_a {
	width: 160px;
	height: 160px;
	border-radius: 100%;
	position: absolute;
	top: 320px;
	left: 320px;
	border-color: #333;
	border-style: solid;
	border-width: 0px;
	border-radius: 100%;
	-webkit-animation-name: Orbit;
	-webkit-animation-duration: 36.90841889117043121149897330594s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#earth_a {
	width: 240px;
	height: 240px;
	border-radius: 100%;
	position: absolute;
	top: 280px;
	left: 280px;
	border-color: #333;
	border-style: solid;
	border-width: 0px;
	border-radius: 100%;
	-webkit-animation-name: Orbit;
	-webkit-animation-duration: 60s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#moon_a {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	position: absolute;
	top: -7px;
	left: 113px;
	border-color: #444;
	border-style: solid;
	border-width: 0px;
	border-radius: 100%;
	-webkit-animation-name: Orbit;
	-webkit-animation-duration: 4.4845995893223819301848049281314s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#mars_a {
	width: 320px;
	height: 320px;
	border-radius: 100%;
	position: absolute;
	top: 240px;
	left: 240px;
	border-color: #333;
	border-style: solid;
	border-width: 0px;
	border-radius: 100%;
	-webkit-animation-name: Orbit;
	-webkit-animation-duration: 112.85092402464065708418891170431s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#asteroidbelt_a1 {
	width: 396px;
	height: 396px;
	border-color: #1f1f1f;
	border-style: dashed;
	border-width: 1px;
	border-radius: 100%;
	position: absolute;
	top: 202px;
	left: 202px;
	-webkit-animation-name: Orbit;
	-webkit-animation-duration: 301s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#asteroidbelt_a2 {
	width: 400px;
	height: 400px;
	border-color: #1f1f1f;
	border-style: dashed;
	border-width: 1px;
	border-radius: 100%;
	position: absolute;
	top: 200px;
	left: 200px;
	-webkit-animation-name: Orbit;
	-webkit-animation-duration: 276s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#asteroidbelt_a3 {
	width: 404px;
	height: 404px;
	border-color: #1f1f1f;
	border-style: dashed;
	border-width: 1px;
	border-radius: 100%;
	position: absolute;
	top: 198px;
	left: 198px;
	-webkit-animation-name: Orbit;
	-webkit-animation-duration: 250s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#jupiter_a {
	width: 480px;
	height: 480px;
	border-radius: 100%;
	position: absolute;
	top: 160px;
	left: 160px;
	border-color: #333;
	border-style: solid;
	border-width: 0px;
	border-radius: 100%;
	-webkit-animation-name: Orbit;
	-webkit-animation-duration: 711.72s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#saturn_a {
	width: 560px;
	height: 560px;
	border-radius: 100%;
	position: absolute;
	top: 120px;
	left: 120px;
	border-color: #333;
	border-style: solid;
	border-width: 0px;
	border-radius: 100%;
	-webkit-animation-name: Orbit;
	-webkit-animation-duration: 1767.36s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#uranus_a {
	width: 640px;
	height: 640px;
	border-radius: 100%;
	position: absolute;
	top: 80px;
	left: 80px;
	border-color: #333;
	border-style: solid;
	border-width: 0px;
	border-radius: 100%;
	-webkit-animation-name: Orbit;
	-webkit-animation-duration: 5044.2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#neptune_a {
	width: 720px;
	height: 720px;
	border-radius: 100%;
	position: absolute;
	top: 40px;
	left: 40px;
	border-color: #333;
	border-style: solid;
	border-width: 0px;
	border-radius: 100%;
	-webkit-animation-name: Orbit;
	-webkit-animation-duration: 9888.6s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#pluto_a {
	width: 800px;
	height: 800px;
	border-radius: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	border-color: #333;
	border-style: solid;
	border-width: 0px;
	border-radius: 100%;
	-webkit-animation-name: Orbit;
	-webkit-animation-duration: 14862s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#inset_wrapper {
	width: 300px;
	height: 300px;
	position: absolute;
	bottom: 30px;
	right: 30px;
	border-style: dashed;
	border-color: #333;
	border-width: 1px;
}
#inset_earth {
	width: 182px;
	height: 182px;
	top: 59px;
	left: 59px;
	background-color: #06F;
	position: absolute;
	z-index: 1000;
	border-radius: 100%;
	-webkit-animation-name: Season;
	-webkit-animation-duration: 60s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	overflow: hidden;
}
 @-webkit-keyframes Season {
 0%, 100% {
-webkit-transform: rotate(-23.44deg);
}
 50% {
-webkit-transform: rotate(23.44deg);
}
}
 @-webkit-keyframes Rotate {
 0% {
-webkit-transform: scalex(1);
}
 100% {
-webkit-transform: scalex(-1);
}
}
#equator {
	height: 91px;
	width: 182px;
	border-bottom-style: dashed;
	border-bottom-color: #aaa;
	border-bottom-width: 1px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1500;
}
#pole {
	height: 190px;
	width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	border-right-width: 1px;
	position: absolute;
	top: 55px;
	left: 148px;
	z-index: 100;
	-webkit-animation-name: Season;
	-webkit-animation-duration: 60s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#longitude {
	height: 180px;
	width: 180px;
	border-right-style: dashed;
	border-right-color: #FFF;
	border-right-width: 1px;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1500;
	border-radius: 100%;
	-webkit-animation-name: Rotate;
	-webkit-animation-duration: 6s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#longitude2 {
	height: 180px;
	width: 180px;
	border-right-style: dashed;
	border-right-color: #FFF;
	border-right-width: 1px;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1500;
	border-radius: 100%;
	-webkit-animation-name: Rotate;
	-webkit-animation-duration: 6s;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#longitude3 {
	height: 180px;
	width: 180px;
	border-right-style: dashed;
	border-right-color: #FFF;
	border-right-width: 1px;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1500;
	border-radius: 100%;
	-webkit-animation-name: Rotate;
	-webkit-animation-duration: 6s;
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#longitude4 {
	height: 180px;
	width: 180px;
	border-right-style: dashed;
	border-right-color: #FFF;
	border-right-width: 1px;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1500;
	border-radius: 100%;
	-webkit-animation-name: Rotate;
	-webkit-animation-duration: 6s;
	-webkit-animation-delay: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#longitude5 {
	height: 180px;
	width: 180px;
	border-right-style: dashed;
	border-right-color: #FFF;
	border-right-width: 1px;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1500;
	border-radius: 100%;
	-webkit-animation-name: Rotate;
	-webkit-animation-duration: 6s;
	-webkit-animation-delay: 4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#longitude6 {
	height: 180px;
	width: 180px;
	border-right-style: dashed;
	border-right-color: #FFF;
	border-right-width: 1px;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1500;
	border-radius: 100%;
	-webkit-animation-name: Rotate;
	-webkit-animation-duration: 6s;
	-webkit-animation-delay: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#inset_shadow {
	height: 300px;
	width: 150px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1400;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,.6)));
	opacity: 1;
}
#inset_label {
	padding: 15px;
	color: #FFF;
	font-size: 9px;
	position: absolute;
	z-index: 2000;
	font-family: Arial, Helvetica, sans-serif;
}