._jsPlumb_overlay { z-index:51; }
._jsPlumb_endpoint { z-index:50; cursor:move; }
._jsPlumb_connector { z-index:1; }

#containter {

position:relative;
width:750px;
height:500px;
margin-left: auto ;
margin-right: auto ;
top: 150px;
 background-color: #FFFFFF;

}

#curs1 {
position: absolute;
height: 50px;
width: 50px;
top: 300px;
left:-60px;
z-index:1000;
}


#base {
position: absolute;
width:200px;
height:200px;
top:250px;
left:-250px;
}

#sense {
position: relative;
width:200px;
height:200px;
top:-60px;
left:-28px;
}

body {
background-color: #000000;
}

#master {
z-index: -5;
}

.trace {
position:absolute;
width: 750px:
height: 100px;
}


.trace:hover {
opacity: 0.5;
filter: alpha(opacity=50); 
filter: saturate(150%);
-webkit-filter: saturate(150%);
filter: brightness(250%);
-webkit-filter: brightness(250%);
filter: contrast(150%);
-webkit-filter: contrast(300%);
}



#chand {
position: absolute;
left: 239px;
top: -222px;
}


#cctv  {
left: 97px;
top: 140px;
z-index:3;
}


#glasses  {
left: 500px;
top: 145px;
}


#merman  {
left: 638px;
top: 81px;
}


#mirror  {
left: 603px;
top: 104px;
}


#pine1  {
left: 0px;
top: 170px;
}


#pine2 {
left: 106px;
top: 186px;
z-index:4;
}


#pine3  {
left: 599px;
top: 350px;
}


#sm1  {
left: 84px;
top: 413px;
}


#sm2  {
left: 538px;
top: 194px;
}


#sm3 {
left: 573px;
top: 40px;
}


#sm4  {
left: 565px;
top: 18px;
}


.flash {
position: absolute;
height:3px;
width:3px;
top:240px;
left:160px;
z-index:1001;
-webkit-animation: myt 4s linear 1s infinite; 
    animation: myt 4s linear 1s infinite;
    -moz-animation: myt 4s linear 1s infinite;
}

@-webkit-keyframes myt {
    0%   {background-color: #000000;}
    15%   {background-color: #000000;}
    24%    {background-color: #000000;}
    26%    {background-color: #FF0000;}
    28%    {background-color: #FF0000;}
    30%    {background-color: #000000;}
    35%    {background-color: #000000;}
    65%    {background-color: #000000;}
    75%    {background-color: #000000;}
    77%    {background-color: #FF0000;}
    79%    {background-color: #FF0000;}
    81%    {background-color: #000000;}
    85%    {background-color: #000000;}
    100%   {background-color: #000000;}
}

@keyframes myt {
    0%   {background-color: #000000;}
    15%   {background-color: #000000;}
    24%    {background-color: #000000;}
    26%    {background-color: #FF0000;}
    28%    {background-color: #FF0000;}
    30%    {background-color: #000000;}
    35%    {background-color: #000000;}
    65%    {background-color: #000000;}
    75%    {background-color: #000000;}
    77%    {background-color: #FF0000;}
    79%    {background-color: #FF0000;}
    81%    {background-color: #000000;}
    85%    {background-color: #000000;}
    100%   {background-color: #000000;}
}

@-moz-keyframes myt {
    0%   {background-color: #000000;}
    15%   {background-color: #000000;}
    24%    {background-color: #000000;}
    26%    {background-color: #FF0000;}
    28%    {background-color: #FF0000;}
    30%    {background-color: #000000;}
    35%    {background-color: #000000;}
    65%    {background-color: #000000;}
    75%    {background-color: #000000;}
    77%    {background-color: #FF0000;}
    79%    {background-color: #FF0000;}
    81%    {background-color: #000000;}
    85%    {background-color: #000000;}
    100%   {background-color: #000000;}
}



.shm {
    -webkit-animation: myfirst 6s linear 1s infinite; 
    animation: myfirst 6s linear 1s infinite;
    -moz-animation: myfirst 6s linear 1s infinite;
}

@-webkit-keyframes myfirst {
    0%   {-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    15%   {-ms-transform: rotate(0.8deg); -webkit-transform: rotate(0.8deg);}
    25%   {-ms-transform: rotate(1.5deg); -webkit-transform: rotate(1.5deg);}
    35%   {-ms-transform: rotate(0.8deg); -webkit-transform: rotate(0.8deg);}
    65%   {-ms-transform: rotate(-0.8deg); -webkit-transform: rotate(-0.8deg);}
    75%   {-ms-transform: rotate(-1.5deg); -webkit-transform: rotate(-1.5deg);}
    85%   {-ms-transform: rotate(-0.8deg); -webkit-transform: rotate(-0.8deg);}
    100%  {-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);}
}

@keyframes myfirst {
    0%   {-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    15%   {-ms-transform: rotate(0.8deg); -webkit-transform: rotate(0.8deg);}
    25%   {-ms-transform: rotate(1.5deg); -webkit-transform: rotate(1.5deg);}
    35%   {-ms-transform: rotate(0.8deg); -webkit-transform: rotate(0.8deg);}
    65%   {-ms-transform: rotate(-0.8deg); -webkit-transform: rotate(-0.8deg);}
    75%   {-ms-transform: rotate(-1.5deg); -webkit-transform: rotate(-1.5deg);}
    85%   {-ms-transform: rotate(-0.8deg); -webkit-transform: rotate(-0.8deg);}
    100%  {-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);}
}

@-moz-keyframes myfirst {
    0%    {transform: rotate(0deg);}
    15%   {transform: rotate(0.8deg);}
    25%   {transform: rotate(1.5deg);}
    35%   {transform: rotate(0.8deg);}
    65%   {transform: rotate(-0.8deg);}
    75%   {transform: rotate(-1.5deg);}
    85%   {transform: rotate(-0.8deg);}
    100%  {transform: rotate(0deg);}
}
