.objects-common
	{
		position: absolute;
		left: 278px;
		top: 155px;
	}
	
	
	#object1 {
    -webkit-animation: myOrbit 4s linear infinite; /* Chrome, Safari 5 */
       -moz-animation: myOrbit 4s linear infinite; /* Firefox 5-15 */
         -o-animation: myOrbit 4s linear infinite; /* Opera 12+ */
            animation: myOrbit 4s linear infinite; /* Chrome, Firefox 16+, 
                                                      IE 10+, Safari 5 */
    
}

#object2 {    
  
    -webkit-animation: myOrbit1 4s linear infinite; /* Chrome, Safari 5 */
       -moz-animation: myOrbit1 4s linear infinite; /* Firefox 5-15 */
         -o-animation: myOrbit1 4s linear infinite; /* Opera 12+ */
            animation: myOrbit1 4s linear infinite; /* Chrome, Firefox 16+, 
                                                      IE 10+, Safari 5 */
     
    
}



#object3 {
    
   
    -webkit-animation: myOrbit2 4s linear infinite; /* Chrome, Safari 5 */
       -moz-animation: myOrbit2 4s linear infinite; /* Firefox 5-15 */
         -o-animation: myOrbit2 4s linear infinite; /* Opera 12+ */
            animation: myOrbit2 4s linear infinite; /* Chrome, Firefox 16+, 
                                                      IE 10+, Safari 5 */
    
}


#object4 {
   
    -webkit-animation: myOrbit3 4s linear infinite; /* Chrome, Safari 5 */
       -moz-animation: myOrbit3 4s linear infinite; /* Firefox 5-15 */
         -o-animation: myOrbit3 4s linear infinite; /* Opera 12+ */
            animation: myOrbit3 4s linear infinite; /* Chrome, Firefox 16+, 
                                                      IE 10+, Safari 5 */
   
}

#object5 {
    
   
    -webkit-animation: myOrbit4 4s linear infinite; /* Chrome, Safari 5 */
       -moz-animation: myOrbit4 4s linear infinite; /* Firefox 5-15 */
         -o-animation: myOrbit4 4s linear infinite; /* Opera 12+ */
            animation: myOrbit4 4s linear infinite; /* Chrome, Firefox 16+, 
                                                      IE 10+, Safari 5 */
    
}

#object6 {
    
   
    -webkit-animation: myOrbit5 4s linear infinite; /* Chrome, Safari 5 */
       -moz-animation: myOrbit5 4s linear infinite; /* Firefox 5-15 */
         -o-animation: myOrbit5 4s linear infinite; /* Opera 12+ */
            animation: myOrbit5 4s linear infinite; /* Chrome, Firefox 16+, 
                                                      IE 10+, Safari 5 */
    
}



/*
 * Set up the keyframes to actually describe the begining and end states of 
 * the animation.  The browser will interpolate all the frames between these 
 * points.  Again, remember your vendor-specific prefixes for now!
 */
@-webkit-keyframes myOrbit {
    from { -webkit-transform: rotate(0) translateX(150px); }
    to   { -webkit-transform: rotate(360deg) translateX(150px); }
}

@-moz-keyframes myOrbit {
    from { -moz-transform: rotate(0) translateX(150px); }
    to   { -moz-transform: rotate(360deg) translateX(150px); }
}

@-o-keyframes myOrbit {
    from { -o-transform: rotate(0) translateX(150px); }
    to   { -o-transform: rotate(360deg) translateX(150px); }
}

@keyframes myOrbit {
    from { transform: rotate(0) translateX(150px); }
    to   { transform: rotate(360deg) translateX(150px); }
}

@-webkit-keyframes myOrbit1 {
    from { -webkit-transform: rotate(-60deg) translateX(150px); }
    to   { -webkit-transform: rotate(300deg) translateX(150px); }
}

@-moz-keyframes myOrbit1 {
    from { -moz-transform: rotate(-60deg) translateX(150px); }
    to   { -moz-transform: rotate(300deg) translateX(150px); }
}

@-o-keyframes myOrbit1 {
    from { -o-transform: rotate(-60deg) translateX(150px); }
    to   { -o-transform: rotate(300deg) translateX(150px); }
}

@keyframes myOrbit1 {
    from { transform: rotate(-60deg) translateX(150px); }
    to   { transform: rotate(300deg) translateX(150px); }
}



@-webkit-keyframes myOrbit2 {
    from { -webkit-transform: rotate(-120deg) translateX(150px); }
    to   { -webkit-transform: rotate(240deg) translateX(150px); }
}

@-moz-keyframes myOrbit2 {
    from { -moz-transform: rotate(-120deg) translateX(150px); }
    to   { -moz-transform: rotate(240deg) translateX(150px); }
}

@-o-keyframes myOrbit2 {
    from { -o-transform: rotate(-120deg) translateX(150px); }
    to   { -o-transform: rotate(240deg) translateX(150px); }
}

@keyframes myOrbit2 {
    from { transform: rotate(-120deg) translateX(150px); }
    to   { transform: rotate(240deg) translateX(150px); }
}


@-webkit-keyframes myOrbit3 {
    from { -webkit-transform: rotate(-180deg) translateX(150px); }
    to   { -webkit-transform: rotate(180deg) translateX(150px); }
}

@-moz-keyframes myOrbit3 {
    from { -moz-transform: rotate(-180deg) translateX(150px); }
    to   { -moz-transform: rotate(180deg) translateX(150px); }
}

@-o-keyframes myOrbit3 {
    from { -o-transform: rotate(-180deg) translateX(150px); }
    to   { -o-transform: rotate(180deg) translateX(150px); }
}

@keyframes myOrbit3 {
    from { transform: rotate(-180deg) translateX(150px); }
    to   { transform: rotate(180deg) translateX(150px); }
}

@-webkit-keyframes myOrbit4 {
    from { -webkit-transform: rotate(-240deg) translateX(150px); }
    to   { -webkit-transform: rotate(120deg) translateX(150px); }
}

@-moz-keyframes myOrbit4 {
    from { -moz-transform: rotate(-240deg) translateX(150px); }
    to   { -moz-transform: rotate(120deg) translateX(150px); }
}

@-o-keyframes myOrbit4 {
    from { -o-transform: rotate(-240deg) translateX(150px); }
    to   { -o-transform: rotate(120deg) translateX(150px); }
}

@keyframes myOrbit4 {
    from { transform: rotate(-240deg) translateX(150px); }
    to   { transform: rotate(120deg) translateX(150px); }
}


@-webkit-keyframes myOrbit5 {
    from { -webkit-transform: rotate(-300deg) translateX(150px); }
    to   { -webkit-transform: rotate(60deg) translateX(150px); }
}

@-moz-keyframes myOrbit5 {
    from { -moz-transform: rotate(-300deg) translateX(150px); }
    to   { -moz-transform: rotate(60deg) translateX(150px); }
}

@-o-keyframes myOrbit5 {
    from { -o-transform: rotate(-300deg) translateX(150px); }
    to   { -o-transform: rotate(60deg) translateX(150px); }
}

@keyframes myOrbit5 {
    from { transform: rotate(-300deg) translateX(150px); }
    to   { transform: rotate(60deg) translateX(150px); }
}
