/* keyframes for animation;  simple 0 to 360 */
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* basic structure for the rays setup */
#raysDemoHolder {
    position: relative;
    width: 100%;
    height: 400px;
    margin: 0;
    overflow: hidden;
}
#raysLogo {
    width: 100%;
    height: 400px;
    text-indent: -3000px;
    background: url(/images/Pandurang4.png) center top no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
#rays {
    background: url(/images/SunRay.png) no-repeat;
    position: absolute;
    top: -100px;
    /* left: -100px; */
    width: 100%;
    height: 450px;
    animation-name: spin;
    animation-duration: 40000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-position: center !important;
}
#rays:hover {
	/* animation-duration: 10000ms; 10 seconds - speed it up on hover! */
	/* resets the position though!  sucks */
}

#jds-ji1309012135132nv {
    padding-top: 0;
}