body {
	background-color: black;
}





/*div {border: dotted black 2px;}
.co {
	background: ;
}*/

.corners:hover
{
		background-color:darkmagenta;
        -webkit-transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        transform: rotateZ(-30deg);
}

.corners:hover
{
		background-color:darkmagenta;
        -webkit-transform: rotateZ(30deg);
        -ms-transform: rotateZ(30deg);
        transform: rotateZ(30deg);
}


.corners:hover{	
	background-color:darkmagenta;
	cursor: help;

}

.corners {

	border-style:ridge;
	border-width :50px;
	border-top-color:lightcyan;
	border-right-color :lightcyan;
	border-bottom-color:green;
	border-left-color:green;

}

.corners:hover{	
	background-color:darkmagenta;
	cursor: help;

}

.corners {
	border-style:ridge;
	border-width :50px;
	border-top-color:lightcyan;
	border-right-color :lightcyan;
	border-bottom-color:green;
	border-left-color:green;

}

.corners:active {
	 -webkit-transform: rotate(360deg);
          transform: rotate(345deg);
          transition:transform 1s ease;

}




.im {
	background-color: black;
	transition:background-color 5s;
}

.im:hover { 
	background-color: darkmagenta;
	transition: all .5s ease-out;
	cursor: pointer;
	background-size:contain;
	background-position:center;
}

.im:active {
	background: url(../images/dd.gif);
	background-size:contain;
	background-position:center;
	

}

.el {
	background-color: black;
	transition:background-color 5s;
}

.el:hover { 
	background-color: darkmagenta;
	transition: all .5s ease-out;
	cursor: crosshair;
	background-size:contain;
	background-position:center;
}






















/*.example div { 
	background: url(../chair3.png);
	border-radius: 50%;
	width: 100%;
	height: 50%;
	/*transform: rotate(45deg);*/




}