html,body
{
	font-family: "Comic Sans MS", cursive, "Zapf Chancery";
	line-height: 12px;
	font-size: 12px;
	margin:0;
	padding:0;
	background-color: black;
	color: white;
}

a {
	color: #ffffff;
	text-decoration: underline;
}
a:visited {
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
}

#outline
{
	top: 0px;
	left: 50%;
	margin-left: -600px;
 	width: 1200px;
 	height: 1000px;
	background: url(img/bg.jpg) no-repeat;
	position: absolute;
}

#oldMan
{
	position: absolute;
	width: 516px;
	height: 498px;
	top: 131px;
	left: 240px;
	background: url(img/oldMan.png) no-repeat;
}


/*
#sand
{
	width: 1000px;
	height: 304px;
	position: absolute;
	left: 0px;
	top: 494px;
	background: url(img/sand.png);
}
*/

/*
#sand
{
	width: 1000px;
	height: 353px;
	position: absolute;
	left: 0px;
	top: 445px;
	background: url(img/sand.png);
}
*/

#sand
{
	width: 1000px;
	height: 274px;
	position: absolute;
	left: 115px;
	top: 645px;
	background: url(img/sand.png);
}

/*
#leftIRight
{
	width: 136px;
	height: 111px;
	position: absolute;
	top: 470px;
	left: 700px;
	background: url(img/leftIRight.png) no-repeat;
}
*/

#leftIRightMove
{
	width: 136px;
	height: 111px;
	position: absolute;
	top: 721px;
	left: 885px;
	background: url(img/leftIRightMove.png) no-repeat;
}

#leftIRightHint
{
	position: absolute;
	top: 760px;
	left: 885px;
	opacity:0;
	filter:alpha(opacity=0);
}

#djset
{
	width: 90px;
	height: 91px;
	position: absolute;
	top: 621px;
	left: 515px;
	background: url(img/djset.png) no-repeat;
}
#djsetA
{
	width: 90px;
	height: 80px;
	position: absolute;
	top: 621px;
	left: 515px;
}
#djHint
{
	top: 621px;
	left: 515px;
	position: absolute;
	opacity:0;
	filter:alpha(opacity=0);
}

#alina
{
	width: 150px;
	height: 153px;
	position: absolute;
	top: 721px;
	left: 203px;
	background: url(img/Alina.png) no-repeat;
	opacity:0.7;
	filter:alpha(opacity=70);
}

#alinaHint
{
	position: absolute;
	top: 841px;
	left: 300px;
	opacity:0;
	filter:alpha(opacity=0);
}

/* ========================= AGAMA ========================= */
#agama
{
	width: 207px;
	height: 200px;
	position: absolute;
	top: 411px;
	left: 145px;
	background: url(img/agama_black.png) no-repeat;
}

#agamaColor
{
	width: 207px;
	height: 200px;
	position: absolute;
	top: 411px;
	left: 145px;
	background: url(img/agama_color.png) no-repeat;
	opacity:0.0;
	filter:alpha(opacity=0);
}

#agamaA
{
	width: 207px;
	height: 200px;
	position: absolute;
	top: 411px;
	left: 145px;
}

#agamaHint
{
	position: absolute;
	top: 490px;
	left: 145px;
	opacity:0.0;
	filter:alpha(opacity=0);
}
/* ========================= /AGAMA ========================= */

/* ========================= BandaDzeta ========================= */
#bandaDzeta
{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 341px;
	left: 795px;
	background: url(img/bandaDzeta_black.png) no-repeat;
}

#bandaDzetaColor
{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 341px;
	left: 795px;
	background: url(img/bandaDzeta_color.png) no-repeat;
	opacity:0.0;
	filter:alpha(opacity=0);
}

#bandaDzetaHint
{
	position: absolute;
	top: 325px;
	left: 812px;
	opacity:0.0;
	filter:alpha(opacity=0);
}
/* ========================= /BandaDzeta ========================= */

/* ========================= Performancai ========================= */
#performancai
{
	width: 100px;
	height: 139px;
	position: absolute;
	top: 161px;
	left: 895px;
	background: url(img/performancai-keturi.png) no-repeat;
}

#performancaiColor
{
	width: 100px;
	height: 139px;
	position: absolute;
	top: 160px;
	left: 897px;
	background: url(img/performancai_color.png) no-repeat;
	opacity:0.0;
	filter:alpha(opacity=0);
}

#performancaiHint
{
	position: absolute;
	top: 300px;
	left: 907px;
	opacity:0.0;
	filter:alpha(opacity=0);
}
/* ========================= /Performancai ========================= */

/* ========================= Kinas ========================= */
a #kinas
{
	width: 1000px;
	height: 73px;
	position: absolute;
	top: 100px;
	left: 116px;
	background: url(img/kinas_color.png) repeat;
}
/*
a:hover #kinas
{
	background:  url(img/kinas_color.png)
}
*/
/* ========================= /Kinas ========================= */

/* ========================= Kelione ========================= */
#kelione
{
	width: 222px;
	height: 203px;
	position: absolute;
	top: 565px;
	left: 742px;
	background: url(img/kelione_color.png) no-repeat;
}

#kelioneBlack
{
	width: 222px;
	height: 203px;
	position: absolute;
	top: 565px;
	left: 742px;
	opacity:0.0;
	filter:alpha(opacity=0);
	background: url(img/kelione_black.png) no-repeat;
}
#kelioneA
{
	width: 170px;
	height: 160px;
	position: absolute;
	top: 565px;
	left: 782px;
}
#kelioneHint
{
	position: absolute;
	top: 565px;
	left: 782px;
	opacity:0.0;
	filter:alpha(opacity=0);
}
/* ========================= /Kelione ========================= */

/* ========================= Instaliacjos ========================= */
#instaliacijos
{
	width: 91px;
	height: 81px;
	position: absolute;
	top: 211px;
	left: 765px;
	background: url(img/instaliacijos_move.png) no-repeat;
}
#instaliacijosColor
{
	width: 91px;
	height: 81px;
	position: absolute;
	top: 211px;
	left: 765px;
	background: url(img/instaliacijos_color.png) no-repeat;
	opacity:0.0;
	filter:alpha(opacity=0);
}
#instaliacijosHint
{
	position: absolute;
	top: 290px;
	left: 785px;
	opacity:0.0;
	filter:alpha(opacity=0);
}
/* ========================= /Instaliacjos ========================= */

/* ========================= Autobusiukas ========================= */
#autobusiukasBlack
{
	width: 100px;
	height: 47px;
	position: absolute;
	top: 630px;
	left: 270px;
	background: url(img/autobusiukas_black.png) no-repeat;
}

#autobusiukasColor
{
	width: 100px;
	height: 47px;
	position: absolute;
	top: 630px;
	left: 270px;
	opacity:0.0;
	filter:alpha(opacity=0);
	background: url(img/autobusiukas_color.png) no-repeat;
}
#autobusiukasHint
{
	position: absolute;
	top: 675px;
	left: 270px;
	opacity:0.0;
	filter:alpha(opacity=0);

}


/* ========================= /Autobusiukas ========================= */

#player
{
	position: absolute;
	top:900px;
	left: 1117px;
}

#logo
{
	width: 69px;
	height: 68px;
	position: absolute;
	top:149px;
	left: 198px;
	background: url(img/logo.png) no-repeat;
	opacity:0;
	filter:alpha(opacity=0);
}
#logoHint
{
	position: absolute;
	top:130px;
	left: 210px;
	opacity:0;
	filter:alpha(opacity=0);
}

#snake
{
	width: 44px;
	height: 71px;
	position: absolute;
	top:434px;
	left: 461px;
	background: url(img/snake.png) no-repeat;
}

#garsiakalbis
{
	width: 40px;
	height: 69px;
	position: absolute;
	top: 850px;
	left: 1060px;
	background: url(img/garsiakalbis.png) no-repeat;
}

#programa
{
	width: 200px;
	height: 300px;
	position: absolute;
	top: 220px;
	left: 400px;
}
#programaHint
{
	color: #000000;
	position: absolute;
	top: 540px;
	left: 480px;
	opacity:0;
	filter:alpha(opacity=0);
}
#tiketa
{
	position: absolute;
	width: 80px;
	height: 35px;
	top: 335px;
	left: 535px;
}
#pilvai
{	
	position: absolute;
	width: 110px;
	height: 45px;
	top: 430px;
	left: 65px;
}

#data
{
	position: absolute;
	width: 100px;
	height: 72px;
	top: 580px;
	left: 960px;
	background: url(img/data.png) no-repeat;
}

#playButton
{
	position: relative;
	width: 17px;
	height: 20px;
	top: 7px;
	left: 10px;
}

#audioforma
{	
	position: relative;
	top: 5px;
	width: 40px;
	height: 40px;
}