/* menu links */

#menu {
    width:784px;
	z-index: 10;
	list-style-type:none;
    height:29px;
	float:left;
	position:relative;
}	


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

#menu a {
    display:block;
	overflow:hidden;
	color: #ffffff;
	font-size:0.1em;
	line-height:1em;
	height:29px;
}

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






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

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

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




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

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

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




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

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

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



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

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

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


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

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

#menu li#works_done a:active span.replacement {
     background-position:-258px 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:-129px 0px ;
}

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



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

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


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


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


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


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




#menu #home.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height: 29px;
    background-repeat: no-repeat;
	background-position: -222px 0px ;
	font-size:0.1em;
	line-height:0.1em;
}

#menu #about.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height: 29px;
    background-repeat: no-repeat;
	background-position: -338px 0px ;
	font-size:0.1em;
	line-height:0.1em;
}


#menu #service.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height: 29px;
    background-repeat: no-repeat;
	background-position: -262px 0px ;
	font-size:0.1em;
	line-height:0.1em;
}


#menu #news.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height: 29px;
    background-repeat: no-repeat;
	background-position: -232px 0px ;
	font-size:0.1em;
	line-height:0.1em;
}


#menu #works_done.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height: 29px;
    background-repeat: no-repeat;
	background-position: -258px 0px ;
	font-size:0.1em;
	line-height:0.1em;
}


#menu #contacts.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height: 29px;
    background-repeat: no-repeat;
	background-position: -258px 0px ;
	font-size:0.1em;
	line-height:0.1em;
}



#menu #home span.replacement {
	display: none;
	width: 111px;
}

#menu #about span.replacement {
	display: none;
	width: 169px;
}

#menu #service span.replacement {
	display: none;
	width: 131px;
}

#menu #news span.replacement {
	display: none;
	width: 116px;
}

#menu #works_done span.replacement {
	display: none;
	width: 129px;
}


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



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


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


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

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

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

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



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


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

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


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


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


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

#menu #home span.linkText {
	z-index: 5; 
	position: relative;
}

#menu #about span.linkText {
	z-index: 5; 
	position: relative;
}

#menu #service span.linkText {
	z-index: 5; 
	position: relative;
}

#menu #news span.linkText {
	z-index: 5; 
	position: relative;
}

#menu #works_done span.linkText {
	z-index: 5; 
	position: relative;
}

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


#home {
	margin-left: 0px; 
	width: 111px;
}

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

#about {
	margin-left: 111px; 
	width: 169px;
}

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

#service {
	margin-left: 280px; 
	width: 131px;
}

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

#news {
	margin-left: 411px; 
	width: 116px;
}

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



#works_done {
	margin-left: 527px; 
	width: 129px;
}

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

#contacts {
	margin-left: 655px; 
	width: 129px;
}

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