body       {  
	text-align: center;
	background-color:#506050;
	}
	
p {
	text-align: center;
	font-family:   helvetica, gill, arial, sans-serif;
	font-size:     12px;
	color: #ffffdd; 
}

img {border: 0px;}

#container {
	position:relative; 
	width: 360px; height: 360px; 
	margin: 0 auto;
	top:0px;
	}

. canvas {
	/* this box (defined for each rotating image) defines the boundary in which the animation happens */
	position: absolute;
	height:360px;width:360px;
	top:10px; left:0;
}

#C1,#C2,#C3,#C4,#C5,#C6 {
	position:absolute;
	height:360px;width:360px; top:10px; left:0px;
}

#T1,#T2,#T3,#T4,#T5,#T6 {
	position:relative;
	height:75px;width:100px; z-index:2;
}
	
#footer     { 
	text-align: center;   
	position:absolute; bottom:1em; left: 0px; width: 99%;   
	color: #ffffdd
}


A:link      { color:  #ffffdd; text-decoration: none; }
A:visited   { color:  #ffffdd; text-decoration: none; }
A:active    { color:  #35FBC5; text-decoration: underline; }
A:hover     { color:  #35FBC5; text-decoration: underline; }