.iconspan{
float: left;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #FFF;
font-weight: bold;

padding: 3px;
}

div.eg-bar{
width: 500px;
}

.icongroup1{
width: 500px;
}
.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 13px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #006699;
}
#div1{position:absolute; top: 100; left: 200; width:700px; visibility:visible; text-align:justify; height:500px;}
#div2, #div3,#div4 {position:absolute; top: 100; left: 200; width:500px; visibility:hidden; text-align:justify; }