/* 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:-97px 0px ;
}

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

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

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

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

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

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



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

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


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


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


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


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




#menu #home.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height: 29px;
    background-repeat: no-repeat;
	background-position: -194px 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: -240px 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: -384px 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: -200px 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: -344px 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: -206px 0px ;
	font-size:0.1em;
	line-height:0.1em;
}



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

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

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

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

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


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



* 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: 97px;
}

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

#about {
	margin-left: 97px; 
	width: 120px;
}

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

#service {
	margin-left: 218px; 
	width: 192px;
}

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

#news {
	margin-left: 410px; 
	width: 100px;
}

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

#works_done {
	margin-left: 510px; 
	width: 172px;
}

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

#contacts {
	margin-left: 682px; 
	width: 103px;
}

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