/*
=============================================================
© 2009 Сайт сделал Игорь Бутырский
=============================================================
*/


/* Замена рисунка при наведении курсора */
A.rollover {
 background: url('note1.jpg'); /* Путь к файлу с исходным рисунком */
 display: block; /* Позволяет указать ширину и высоту рисунка */
 width: 280px; /* Ширина рисунка */
 height: 250px; /* Высота рисунка */
 border: 0px solid #000; /* Рамка вокруг картинки */ 
}

A.rollover:hover {
	background: url('note2.jpg');
}
A.rollover2 {
 background: url('printer1.jpg'); /* Путь к файлу с исходным рисунком */
 display: block; /* Позволяет указать ширину и высоту рисунка */
 width: 280px; /* Ширина рисунка */
 height: 250px; /* Высота рисунка */
 border: 0px solid #000; /* Рамка вокруг картинки */ 
}

A.rollover2:hover {
 background: url('printer2.jpg'); /* Путь к файлу с заменяемым рисунком */
}
A.rollover3 {
 background: url('fotik1.jpg'); /* Путь к файлу с исходным рисунком */
 display: block; /* Позволяет указать ширину и высоту рисунка */
 width: 280px; /* Ширина рисунка */
 height: 250px; /* Высота рисунка */
 border: 0px solid #000; /* Рамка вокруг картинки */ 
}

A.rollover3:hover {
 background: url('fotik2.jpg'); /* Путь к файлу с заменяемым рисунком */
}
A.rollover4 {
 background: url('cartridge1.jpg'); /* Путь к файлу с исходным рисунком */
 display: block; /* Позволяет указать ширину и высоту рисунка */
 width: 280px; /* Ширина рисунка */
 height: 250px; /* Высота рисунка */
 border: 0px solid #000; /* Рамка вокруг картинки */ 
}

A.rollover4:hover {
	background: url('cartridge2.jpg'); /* Путь к файлу с заменяемым рисунком */
}
/* Замена рисунка при наведении курсора */

/* облако разговора девушки */
A.rollover5 {
	display: block; /* Позволяет указать ширину и высоту рисунка */
	width:268px; /* Ширина рисунка */
	height: 337px; /* Высота рисунка */
	border: 0px solid #000; /* Рамка вокруг картинки */
	background-image: url(girl.gif); /* Путь к файлу с исходным рисунком */
	position: absolute;
	left: 895px;
	top: 304px;
}

A.rollover5:hover {
	background-image: url(girl2.gif);
	}
/* облако разговора девушки */
/* микросхема */
A.shema {
	display: block; /* Позволяет указать ширину и высоту рисунка */
	width:1280px; /* Ширина рисунка */
	height: 1024px; /* Высота рисунка */
	border: 0px solid #000; /* Путь к файлу с исходным рисунком */
	position: absolute;
	left: 6px;
	top: 11px;
	background-image: url(shema.gif);
}
/* микросхема */
/* тумблер "главная" */
A.rollover6 {
	display: block; /* Позволяет указать ширину и высоту рисунка */
	width:108px; /* Ширина рисунка */
	height: 148px; /* Высота рисунка */
	border: 0px solid #000; /* Рамка вокруг картинки */
	background-image: url(tumbler_main_off.jpg); /* Путь к файлу с исходным рисунком */
	position: absolute;
	left: 422px;
	top: 89px;
}

A.rollover6:hover {
	background-image: url(tumbler_main_on.jpg);
	}
/* тумблер "главная" */
/* тумблер "о нас" */
A.rollover7 {
	display: block; /* Позволяет указать ширину и высоту рисунка */
	width:108px; /* Ширина рисунка */
	height: 148px; /* Высота рисунка */
	border: 0px solid #000; /* Рамка вокруг картинки */
	background-image: url(tumbler_onas_off.jpg); /* Путь к файлу с исходным рисунком */
	position: absolute;
	left: 531px;
	top: 89px;
}

A.rollover7:hover {
	background-image: url(tumbler_onas_on.jpg);
	}
/* тумблер "о нас" */
/* тумблер "доставка" */
A.rollover8 {
	display: block; /* Позволяет указать ширину и высоту рисунка */
	width:108px; /* Ширина рисунка */
	height: 148px; /* Высота рисунка */
	border: 0px solid #000; /* Рамка вокруг картинки */
	background-image: url(tumbler_dostavka_off.jpg); /* Путь к файлу с исходным рисунком */
	position: absolute;
	left: 638px;
	top: 89px;
}

A.rollover8:hover {
	background-image: url(tumbler_dostavka_on.jpg);
	}
/* тумблер "доставка" */
/* тумблер "прайсы" */
A.rollover9 {
	display: block; /* Позволяет указать ширину и высоту рисунка */
	width:108px; /* Ширина рисунка */
	height: 148px; /* Высота рисунка */
	border: 0px solid #000; /* Рамка вокруг картинки */
	background-image: url(tumbler_price_off.jpg); /* Путь к файлу с исходным рисунком */
	position: absolute;
	left: 749px;
	top: 89px;
}

A.rollover9:hover {
	background-image: url(tumbler_price_on.jpg);
	}
/* тумблер "прайсы" */