#main {
 background-image:url(../img/background2.png);
 display:block;
 width:519px;
 height:452px;
 background-repeat:no-repeat;
 overflow:hidden;
}
#wire1 {
 background-image:url(../img/circuit4/wire1.png);
 display:block;
 width:86px;
 height:126px;
 background-repeat:no-repeat;
 position: absolute;
 top: 170px;
 left: 70px;
}

#wire2 {
 background-image:url(../img/circuit4/wire2.png);
display: block;
width: 84px;
height: 9px;
background-repeat: no-repeat;
position: absolute;
top: 291px;
left: 147px;
}
#wire3{
 background-image:url(../img/circuit4/wire3.png);
display: block;
width: 110px;
height: 8px;
background-repeat: no-repeat;
position: absolute;
top: 291px;
left: 235px;
}
#wire4 {
 background-image:url(../img/circuit4/wire4.png);
   display: block;
background-repeat: no-repeat;
position: absolute;
width: 114px;
height: 125px;
top: 179px;
left: 353px;
}
#wire5 {
 background-image:url(../img/circuit4/wire5.png);
 display:block;
 width:101px;
 height:138px;
 background-repeat:no-repeat;
 position: absolute;
 top: 41px;
left: 365px;
}

#wire6 {
 background-image:url(../img/circuit4/wire6.png);
 display:block;
 width:131px;
 height:10px;
 background-repeat:no-repeat;
     position: absolute;
top: 40px;
left: 225px;
}

#wire7 {
background-image:url(../img/circuit4/wire7.png);
display:block;
width:74px;
height:9px;
background-repeat:no-repeat;
position: absolute;
top: 43px;
left: 151px;
}
#wire8 {
 background-image:url(../img/circuit4/wire8.png);
 display:block;
 width:84px;
 height:137px;
 background-repeat:no-repeat;
     position: absolute;
top: 40px;
left: 71px;
}
#wire9 {
  background-image:url(../img/circuit4/wire9.png);
display: block;
width: 8px;
height: 50px;
background-repeat: no-repeat;
position: absolute;
top: 249px;
left: 228px;
}
#wire10 {
 background-image:url(../img/circuit4/wire10.png);
 display: block;
width: 11px;
height: 71px;
background-repeat: no-repeat;
position: absolute;
top: 175px;
left: 220px;
}
#wire11 {
 background-image:url(../img/circuit4/wire11.png);
 display: block;
width: 7px;
height: 49px;
background-repeat: no-repeat;
position: absolute;
top: 127px;
left: 219px;
}
#wire12 {
 background-image:url(../img/circuit4/wire12.png);
 display: block;
width: 10px;
height: 81px;
background-repeat: no-repeat;
position: absolute;
top: 46px;
left: 219px;
}
#switch1_on {
 background-image:url(../img/switch_on.png);
 display:block;
 width:43px;
 height:45px;
 background-repeat:no-repeat;
     position: absolute;
    top: 23px;
    left: 144px;
  cursor:pointer;
}
#switch1_off {
 background-image:url(../img/switch_off.png);
 display:block;
 width:43px;
 height:45px;
 background-repeat:no-repeat;
     position: absolute;
    top: 27px;
    left: 144px;
	visibility:hidden;
  cursor:pointer;
}
#switch2_on {
 background-image:url(../img/switch_on.png);
 display:block;
 width:43px;
 height:45px;
 background-repeat:no-repeat;
     position: absolute;
    top: 269px;
    left: 144px;
  cursor:pointer;
}
#switch2_off {
 background-image:url(../img/switch_off.png);
 display:nono;
 width:43px;
 height:45px;
 background-repeat:no-repeat;
     position: absolute;
    top: 273px;
    left: 144px;
		visibility:hidden;
  cursor:pointer;
}
#switch3_on, #switch4_on {
 background-image:url(../img/switch_on.png);
 display:block;
 width:43px;
 height:45px;
 background-repeat:no-repeat;
     position: absolute;
top: 22px;
    left: 343px;
  cursor:pointer;
}
#switch3_off, #switch4_off {
 background-image:url(../img/switch_off.png);
 display:nono;
 width:43px;
 height:45px;
 background-repeat:no-repeat;
     position: absolute;
top: 26px;
    left: 343px;
		visibility:hidden;
  cursor:pointer;
}
#switch5_off {
 background-image:url(../img/switch_off.png);
 display:block;
 width:43px;
 height:45px;
 background-repeat:no-repeat;
     position: absolute;
top: 145px;
left: 204px;
visibility:hidden;
  cursor:pointer;
}
#switch5_on {
 background-image:url(../img/switch_on.png);
 display:block;
 width:43px;
 height:45px;
 background-repeat:no-repeat;
 position: absolute;
 top: 141px;
 left: 204px;
  cursor:pointer;
}
#battery {
 background-image:url(../img/battery.png);
 display:block;
 width:55px;
 height:76px;
 background-repeat:no-repeat;
   position: absolute;
      top: 138px;
    left: 47px;
	
	
}

#bulb1_on {
 background-image:url(../img/bulb_on.png);
 display:block;
 width:51px;
 height:65px;
 background-repeat:no-repeat;
 position: absolute;
    top: 195px;
    left: 207px;
	
}

#bulb1_off {
 background-image:url(../img/bulb_off.png);
 display:block;
 width:51px;
 height:65px;
 background-repeat:no-repeat;
 position: absolute;
     top: 206px;
    left: 207px;
 visibility:hidden;
	
}

#bulb2_on {
 background-image:url(../img/bulb_on.png);
 display:block;
width:51px;
 height:65px;
 background-repeat:no-repeat;
   position: absolute;
    top: 135px;
    left: 437px;
	
}

#bulb2_off {
 background-image:url(../img/bulb_off.png);
 display:block;
width:51px;
 height:65px;
 background-repeat:no-repeat;
   position: absolute;
     top: 146px;
    left: 437px;
	visibility:hidden;
	
}
#bulb3_on {
 background-image:url(../img/bulb_on.png);
 display:block;
width:51px;
 height:65px;
 background-repeat:no-repeat;
   position: absolute;
top: 65px;
left: 201px;
	
}

#bulb3_off {
 background-image:url(../img/bulb_off.png);
 display:block;
width:51px;
 height:65px;
 background-repeat:no-repeat;
   position: absolute;
     top: 76px;
left: 201px;
	visibility:hidden;
	
}

.label{
 display:block;
width:51px;
 height:65px;
 background-repeat:no-repeat;
position:absolute;
}

.black_part{
 background-image:url(../img/black_part.png);
 display:block;
width:70px;
 height:17px;
 background-repeat:no-repeat;
 font-size: 9px;
    color: #fff;
    text-align: center;
    padding-top: 2px;
    font-family: cursive;
    position: absolute;
    left: 7px;
    top: 0;
 

}

.base_label{
 background-image:url(../img/base_board.png);
 display:block;
    width: 94px;
    height: 33px;
 background-repeat:no-repeat;
     position: absolute;
    top: 18px;
    font-family: cursive;

}
.left_arrow{
  background-image:url(../img/left_arrow.png);
  background-repeat:no-repeat;
  display:block;
  width: 14px;
  height: 12px;
  position: absolute;
  top: 10px;
  left: 6px;
  cursor:pointer;
}

.left_arrow:hover{
  background-image:url(../img/left_arrow_hover.png);
 }
.right_arrow{
  background-image:url(../img/right_arrow.png);
  background-repeat:no-repeat;
  display:block;
  width: 14px;
  height: 12px;
  position: absolute;
  top: 9px;
  right: 16px;
  cursor:pointer;
}
.right_arrow:hover{
  background-image:url(../img/right_arrow_hover.png);
 }
 
 /************************** vtext1 **************************/
 .label_rtext1{
 display:block;
width:51px;
 height:65px;
 background-repeat:no-repeat;
position:absolute;
}

.black_part_rtext1{
 background-image:url(../img/black_part.png);
 display:block;
width:70px;
 height:17px;
 background-repeat:no-repeat;
 font-size: 9px;
    color: #fff;
    text-align: center;
    padding-top: 2px;
    font-family: cursive;
    position: absolute;
    left: 7px;
    top: 61px;
 

}

.base_label_rtext1{
 background-image:url(../img/base_board.png);
 display:block;
    width: 94px;
    height: 33px;
 background-repeat:no-repeat;
     position: absolute;
    top: 79px;
    font-family: cursive;

}
.left_arrow_rtext1{
  background-image:url(../img/left_arrow.png);
  background-repeat:no-repeat;
  display:block;
  width: 14px;
  height: 12px;
  position: absolute;
  top: 10px;
  left: 6px;
  cursor:pointer;
}

.left_arrow_rtext1:hover{
  background-image:url(../img/left_arrow_hover.png);
 }
.right_arrow_rtext1{
  background-image:url(../img/right_arrow.png);
  background-repeat:no-repeat;
  display:block;
  width: 14px;
  height: 12px;
  position: absolute;
  top: 9px;
  right: 16px;
  cursor:pointer;
}
.right_arrow_rtext1:hover{
  background-image:url(../img/right_arrow_hover.png);
 }
 
 /*********************************  vtext3  **************************/
 .label_rtext3{
 display:block;
width:51px;
 height:65px;
 background-repeat:no-repeat;
position:absolute;
}

.black_part_rtext3{
 background-image:url(../img/black_part.png);
 display:block;
width:70px;
 height:17px;
 background-repeat:no-repeat;
 font-size: 9px;
    color: #fff;
    text-align: center;
    padding-top: 2px;
    font-family: cursive;
    position: absolute;
    left: 7px;
    top: -63px;
 

}

.base_label_rtext3{
 background-image:url(../img/base_board.png);
 display:block;
    width: 94px;
    height: 33px;
 background-repeat:no-repeat;
     position: absolute;
    top: -45px;
    font-family: cursive;

}
.left_arrow_rtext3{
  background-image:url(../img/left_arrow.png);
  background-repeat:no-repeat;
  display:block;
  width: 14px;
  height: 12px;
  position: absolute;
  top: 10px;
  left: 6px;
  cursor:pointer;
}

.left_arrow_rtext3:hover{
  background-image:url(../img/left_arrow_hover.png);
 }
.right_arrow_rtext3{
  background-image:url(../img/right_arrow.png);
  background-repeat:no-repeat;
  display:block;
  width: 14px;
  height: 12px;
  position: absolute;
  top: 9px;
  right: 16px;
  cursor:pointer;
}
.right_arrow_rtext3:hover{
  background-image:url(../img/right_arrow_hover.png);
 }
 
#vtext1,#rtext1,#rtext2,#rtext3{ 
     position: absolute;
    top: 4px;
    left: 25px;
}
.digital-text{
    position: absolute;
    color: white;
    font-size: 10px;
	font-weight:bold;
    font-family: 'Orbitron', sans-serif
}
.box{
   background-image:url(../img/line.png);
   background-repeat:no-repeat;
   position: absolute;
   display:block;
   width:181px;
   height:71px;
  top: 361px;
    left: 169px;
   
}
.arrow_switch{
  background-image:url(../img/arrow_switch.png);
  background-repeat:no-repeat;
  display:block;
  width: 16px;
  height: 17px;
  position: absolute;

  cursor:pointer;
}
.arrow_switch:hover{
  background-image:url(../img/arrow_switch_over.png);
 }
 .arrow_switch_clicked{
  background-image:url(../img/arrow_switch_clicked.png);
  background-repeat:no-repeat;
  display:block;
  width: 16px;
  height: 17px;
  position: absolute;
  cursor:pointer;
}
#drag-minus {
    background-image: url(../img/minus.png);
    position: absolute;
    top: 317px;
    left: 408px;
    width: 28px;
    height: 37px;
    background-repeat: no-repeat;
}
#drag-plus{
    background-image: url(../img/plus.png);
    position: absolute;
    top: 317px;
    left: 452px;
    width: 28px;
    height: 37px;
    background-repeat: no-repeat;
}
#drag-amitor{
background-image: url(../img/amitor.png);
    position: absolute;
    top: 318px;
    left: 60px;
    width: 28px;
    height: 37px;
    background-repeat: no-repeat;
}
#help{
 background-image: url(../img/help.png);
 cursor:pointer;
    position: absolute;
    background-repeat: no-repeat;
    height: 41px;
    width: 41px;
    left: 469px;
    top: 16px;
}
#callout{
     background-image: url(../img/callout.png);
    position: absolute;
    background-repeat: no-repeat;
    height: 313px;
    width: 500px;
    left: 14px;
    top: 56px;
	z-index:100;
}