#navigation {
width:990px;
left:-0.025em;
position:relative;
}


/* menu links */

#menu {
width:990px;
height:20px;
z-index: 10;
list-style-type:none;
position:relative;
}	

#menu li {
position:absolute; 
top:0px; 
height:20px;
}

#menu a {
display:block;
overflow:hidden;
color: #ffffff;
font-size:0.9em;
line-height:1em;
text-decoration:none;
height:20px;
}

#menu a:hover {
color: #00CCFF;
text-decoration:none;
}

#menu a:hover {
cursor: pointer;
c\ursor: pointer;
}

#menu li#afisha a span.replacement, #menu li#afisha a:link span.replacement, #menu li#afisha a:visited span.replacement{
     background-position: 0px 0px;
}

#menu li#afisha a:hover span.replacement, #menu li#afisha a:focus span.replacement {
     background-position:-153px 0px;
}

#menu li#afisha a:active span.replacement {
     background-position:-306px 0px;
}



#menu li#soon a span.replacement, #menu li#soon a:link span.replacement, #menu li#soon a:visited span.replacement{
     background-position: 0px 0px;
}

#menu li#soon a:hover span.replacement, #menu li#soon a:focus span.replacement {
     background-position:-162px 0px;
}

#menu li#soon a:active span.replacement {
     background-position:-324px 0px;
}




#menu li#company a span.replacement, #menu li#company a:link span.replacement, #menu li#company a:visited span.replacement{
     background-position: 0px 0px;
}

#menu li#company a:hover span.replacement, #menu li#company a:focus span.replacement {
     background-position:-205px 0px;
}

#menu li#company a:active span.replacement {
     background-position:-410px 0px;
	 
}



#menu li#screens a span.replacement, #menu li#screens a:link span.replacement, #menu li#screens a:visited span.replacement{
     background-position: 0px 0px;
}

#menu li#screens a:hover span.replacement, #menu li#screens a:focus span.replacement {
     background-position:-135px 0px;
}

#menu li#screens a:active span.replacement {
     background-position:-270px 0px;
	 
}


#menu li#advert a span.replacement, #menu li#advert a:link span.replacement, #menu li#advert a:visited span.replacement{
     background-position: 0px 0px;
}

#menu li#advert a:hover span.replacement, #menu li#advert a:focus span.replacement {
     background-position:-183px 0px;
}

#menu li#advert a:active span.replacement {
     background-position:-366px 0px;
	 
}


#menu li#contacts a span.replacement, #menu li#contacts a:link span.replacement, #menu li#contacts a:visited span.replacement{
     background-position: 0px 0px;
}

#menu li#contacts a:hover span.replacement, #menu li#contacts a:focus span.replacement {
     background-position:-152px 0px;
}

#menu li#contacts a:active span.replacement {
     background-position:-304px 0px;
	 
}



#menu #afisha.on span.replacement {
    display: block;
	z-index: 15; 
	position: absolute; 
	top: 0px; 
	height:20px;
    background-repeat: no-repeat;
	background-position: -306px 0px;
}

#menu #soon.on span.replacement {
    display: block;
	z-index: 15; 
	position: absolute; 
	top: 0px; 
	height:20px;
    background-repeat: no-repeat;
	background-position: -324px 0px;
}


#menu #company.on span.replacement {
    display: block;
	z-index: 15; 
	position: absolute; 
	top: 0px; 
	height:20px;
    background-repeat: no-repeat;
	background-position: -410px 0px;
}


#menu #screens.on span.replacement {
    display: block;
	z-index: 15; 
	position: absolute; 
	top: 0px; 
	height:20px;
    background-repeat: no-repeat;
	background-position: -270px 0px;
}


#menu #advert.on span.replacement {
    display: block;
	z-index: 15; 
	position: absolute; 
	top: 0px; 
	height:20px;
    background-repeat: no-repeat;
	background-position: -366px 0px;
}


#menu #contacts.on span.replacement {
    display: block;
	z-index: 15; 
	position: absolute; 
	top: 0px; 
	height:20px;
    background-repeat: no-repeat;
	background-position: -304px 0px;
}




#menu #afisha.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height:20px;
    background-repeat: no-repeat;
	background-position: -306px 0px;
    color: #00CCFF;
    font-size:0.9em;
    line-height:1em;
}

#menu #soon.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height:20px;
    background-repeat: no-repeat;
	background-position: -324px 0px ;
    color: #00CCFF;
    font-size:0.9em;
    line-height:1em;
}


#menu #company.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height:20px;
    background-repeat: no-repeat;
	background-position: -405px 0px ;
    color: #00CCFF;
    font-size:0.9em;
    line-height:1em;
}


#menu #screens.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height:20px;
    background-repeat: no-repeat;
	background-position: -270px 0px;
    color: #00CCFF;
    font-size:0.9em;
    line-height:1em;
}


#menu #advert.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height:20px;
    background-repeat: no-repeat;
	background-position: -366px 0px;
    color: #00CCFF;
    font-size:0.9em;
    line-height:1em;
}


#menu #contacts.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height:20px;
    background-repeat: no-repeat;
	background-position: -304px 0px;
    color: #00CCFF;
    font-size:0.9em;
    line-height:1em;
}



#menu #afisha span.replacement {
	display: none;
	width:153px;
}

#menu #soon span.replacement {
	display: none;
	width:162px;
}

#menu #company span.replacement {
	display: none;
	width:205px;
}

#menu #screens span.replacement {
	display: none;
	width:135px;
}

#menu #advert span.replacement {
	display: none;
	width:183px;
}

#menu #contacts span.replacement {
	display: none;
	width:152px;
}



* h\tml #menu #afisha span.replacement {
	display: block;
	position: absolute;
	z-index: 10;
	top: 0;
	height:20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}


* h\tml #menu #soon span.replacement {
	display: block;
	position: absolute;
	z-index: 10;
	top: 0;
	height:20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}


* h\tml #menu #company span.replacement {
	display: block;
	position: absolute;
	z-index: 10;
	top: 0;
	height:20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

* h\tml #menu #screens span.replacement {
	display: block;
	position: absolute;
	z-index: 10;
	top: 0;
	height:20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

* h\tml #menu #advert span.replacement {
	display: block;
	position: absolute;
	z-index: 10;
	top: 0;
	height:20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

* h\tml #menu #contacts span.replacement {
	display: block;
	position: absolute;
	z-index: 10;
	top: 0;
	height:20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#menu #afisha a span.replacement {
	background-position: 0px 0px; 
	display: block;
	z-index: 15; 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 0px; 
	height:20px;
}


#menu #soon a span.replacement {
	background-position: 0px 0px; 
	display: block;
	z-index: 15; 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 0px; 
	height:20px;
}

#menu #company a span.replacement {
	background-position: 0px 0px; 
	display: block;
	z-index: 15; 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 0px; 
	height:20px;
}


#menu #screens a span.replacement {
	background-position: 0px 0px; 
	display: block;
	z-index: 15; 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 0px; 
	height:20px;
}


#menu #advert a span.replacement {
	background-position: 0px 0px; 
	display: block;
	z-index: 15; 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 0px; 
	height:20px;
}


#menu #contacts a span.replacement {
	background-position: 0px 0px; 
	display: block;
	z-index: 15; 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 0px; 
	height: 23px;
}

#menu #afisha span.linkText {
	z-index: 5; 
	position: relative;
	top:3px;
}

#menu #soon span.linkText {
	z-index: 5; 
	position: relative;
	top:3px;
}

#menu #company span.linkText {
	z-index: 5; 
	position: relative;
	top:3px;
}

#menu #screens span.linkText {
	z-index: 5; 
	position: relative;
	top:3px;
}

#menu #advert span.linkText {
	z-index: 5; 
	position: relative;
	top:3px;
}

#menu #contacts span.linkText {
	z-index: 5; 
	position: relative;
	top:3px;
}

#afisha {
	margin-left: 0px; 
	width:153px;
}

#afisha span.replacement {
	background-image: url(../images/now_playing.jpg);
}	

#soon {
	margin-left:153px; 
	width:162px;
}

#soon span.replacement {
	background-image: url(../images/soon.jpg);
}	

#company {
	margin-left:315px; 
	width:205px;
}

#company span.replacement {
	background-image: url(../images/company.jpg);
}

#screens {
	margin-left:520px; 
	width:135px;
}

#screens span.replacement {
	background-image: url(../images/screens.jpg);
}

#advert {
	margin-left:655px; 
	width:183px;
}

#advert span.replacement {
	background-image: url(../images/advert.jpg);
}	

#contacts {
	margin-left:838px; 
	width:152px;
}

#contacts span.replacement {
	background-image: url(../images/contacts.jpg);
}