.circle {
    width: 35px;
    height: 35px;
   -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
#line1 {
    font-size:0;
    display:inline;
    width:1px;
    height:165px;
    color:#4679BD;
	margin-left:17px;
    background-color:#4679BD;
	float:left;
 } 
 
 #line2 {
    font-size:0;
    display:inline;
    width:1px;
    height:25px;
    color:#4679BD;
	margin-left:17px;
    background-color:#4679BD;
	float:left;
 } 
 
 #line3 {
    font-size:0;
    display:inline;
    width:1px;
    height:255px;
    color:#E37483;
	margin-left:17px;
    background-color:#E37483;
	float:left;
 } 
 
 #line4 {
    font-size:0;
    display:inline;
    width:1px;
    height:25px;
    color:#E37483;
	margin-left:17px;
    background-color:#E37483;
	float:left;
 } 
 
 
 #line5 {
    font-size:0;
    display:inline;
    width:1px;
    height:205px;
    color:#93B18F;
	margin-left:17px;
    background-color:#93B18F;
	float:left;
 } 
 
 #line6 {
    font-size:0;
    display:inline;
    width:1px;
    height:45px;
    color:#93B18F;
	margin-left:17px;
    background-color:#93B18F;
	float:left;
 } 
 
 
 #line7 {
    font-size:0;
    display:inline;
    width:1px;
    height:105px;
    color:#AB89AF;
	margin-left:17px;
    background-color:#AB89AF;
	float:left;
 } 
 
 #line8 {
    font-size:0;
    display:inline;
    width:1px;
    height:10px;
    color:#AB89AF;
	margin-left:17px;
    background-color:#AB89AF;
	float:left;
 } 
 
 .endcircle {
    width: 10px;
    height: 10px;
	margin-left:13px;
   -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}