@import url("reset.css");

body {
	background: #8ddf23 url('background.png') repeat-x;
	font: small-caption;
	color: #007236;
}

a span {
	display: none;
}

div#main {
	position: relative;
	margin: 0 auto;
	background: url('main2.jpg') no-repeat;
	width: 960px; height: 640px;
}

div.hotspot, a.hotspot {
	display: block;
	position: absolute;
	cursor: pointer;
}

a#eyarok {
	top: 0px; left: 30px;
	width: 95px; height: 167px;
}

a#bombaspot {
	top: 328px; left: 390px;
	width: 197px; height: 288px;
}

a#yaaronspot {
	top: 193px; left: 379px;
	width: 118px; height: 118px;
}

a#lilispot {
	top: 126px; left: 618px;
	width: 89px; height: 111px;
}

a#tzachispot {
	top: 264px; left: 77px;
	width: 170px; height: 127px;
}

a#sumsumspot {
	top: 404px; left: 183px;
	width: 168px; height: 183px;
}

a#sdera {
	top: 448px; left: 650px;
	width: 211px; height: 44px;
}

a#tzeva {
	top: 505px; left: 655px;
	width: 210px; height: 42px;
}

a#ta {
	top: 560px; left: 655px;
	width: 206px; height: 43px;
}

div.tooltip {
	position: absolute;
	width: 117px; height: 43px;
}

div.eventtip {
	position: absolute;
	width: 315px; height: 55px;
	left: 350px;
}

div#bombatip {
	top: 278px; left: 425px;
	background: url('bombatip.png') no-repeat;
}

div#lilitip {
	top: 94px; left: 608px;
	background: url('lilitip.png') no-repeat;
}

div#yaarontip {
	top: 146px; left: 383px;
	background: url('yaarontip.png') no-repeat;
}

div#sumsumtip {
	top: 366px; left: 206px;
	background: url('sumsumtip.png') no-repeat;
}

div#tzachitip {
	top: 216px; left: 70px;
	background: url('tzachitip.png') no-repeat;
}

div#sderatip {
	top: 440px;
	background: url('sderatip.png') no-repeat;
}

div#tzevatip {
	top: 500px;
	background: url('tzevatip.png') no-repeat;
}

div#tatip {
	top: 560px;
	background: url('tatip.png') no-repeat;
}

div#buttons {
	margin: 10px auto;
	width: 960px; height: 100px;
	position: relative;
}

div#buttons a {
	display: block;
	position: absolute;
	cursor: pointer;
}

a#kkl {
	left: 0; top: 0;
	width: 47px; height: 63px;
	background: url('kkl.png') no-repeat;
}

a#maslul {
	right: 0; top: 10px;
	width: 156px; height: 40px;
	background: url('button-maslul.png') no-repeat;
}

a#facebook {
	right: 200px; top: 10px;
	width: 201px; height: 40px;
	background: url('button-facebook.png') no-repeat;
}

a#recipe {
	right: 440px; top: 10px;
	width: 160px; height: 40px;
	background: url('button-recipe.png') no-repeat;
}

a#downloadsspot {
	right: 650px; top: 10px;
	width: 139px; height: 40px;
	background: url('button-downloads.png') no-repeat;
}

div#closeup, div#download {
	position: absolute;
	width: 960px; height: 640px;
	top: 0; left: 50%;
	margin-left: -480px;
}

div#download div, div#download a, div#download div div, div#closeup div, div#closeup a {
	position: absolute;
}

div#closebackground, div#downloadsbackground {
	background: #554843;
	width: 960px; height: 640px;
}

div#yaaronclose {
	top: 138px; left: 250px;
	background: url('yaaronclose.png') no-repeat;
	width: 440px; height: 391px;
}

div#bombaclose {
	top: 122px; left: 315px;
	background: url('bombaclose.png') no-repeat;
	width: 417px; height: 385px;
}

div#liliclose {
	top: 130px; left: 278px;
	width: 415px; height: 379px;
	background: url('liliclose.png') no-repeat;
}

div#tzachiclose {
	top: 120px; left: 268px;
	width: 418px; height: 398px;
	background: url('tzachiclose.png') no-repeat;
}

div#sumsumclose {
	top: 128px; left: 253px;
	width: 447px; height: 380px;
	background: url('sumsumclose.png') no-repeat;
}

a#facebooklink {
	display: block;
	width: 300px; height: 40px;
	top: 445px; left: 350px;
	cursor: pointer;
}

a#backlink {
	display: block;
	width: 200px; height: 40px;
	top: 120px; left: 400px;
	cursor: pointer;
}

a#about {
	display: block;
	position: absolute;
	width: 155px; height: 201px;
	top: 96px; left: 50%;
	margin-left: 364px;
	background: url('about-off.png') no-repeat;
	cursor: pointer;
}

a#about:hover {
	background: url('about-on.png') no-repeat;
}

div#downloadswindow {
	width: 695px; height: 442px;
	top: 90px; left: 130px;
	background: url('downloads.png') no-repeat;
}

div#downloadswindow a {
	display: block;
}

a.screen-icon {
	width: 48px; height: 48px;
	cursor: pointer;
}

a.reg-screen {
	top: 293px;
}

a.wide-screen {
	top: 346px;
}

a#download-all-reg, a#download-all-wide {
	left: 578px;
}

a#download-bomba-reg, a#download-bomba-wide {
	left: 479px;
}

a#download-lili-reg, a#download-lili-wide {
	left: 381px;
}

a#download-sumsum-reg, a#download-sumsum-wide {
	left: 279px;
}

a#download-yaaron-reg, a#download-yaaron-wide {
	left: 182px;
}

a#download-tzachi-reg, a#download-tzachi-wide {
	left: 81px;
}

a#downloadback {
	display: block;
	width: 165px; height: 36px;
	top: 33px; left: 422px;
	cursor: pointer;
}