#navigation {
width:833px;
margin-left:55px;
margin-right:55px;
padding-left:37px;
background-color:#262626;
padding-top:8px;
min-height:56px;
background-image: url(../images/menu.gif);
background-position:top;
background-repeat: no-repeat;
}

* html #navigation {
height:56px;
}


/* menu links */

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

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

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

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

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

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

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

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

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




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

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

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



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

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

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

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

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



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

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


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


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


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


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




#menu #main.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height: 23px;
    background-repeat: no-repeat;
	background-position: -224px 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: 23px;
    background-repeat: no-repeat;
	background-position: -266px 0px ;
    color: #00CCFF;
    font-size:0.9em;
    line-height:1em;
}


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


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


#menu #news.on span.linkText {
    display: block;
	z-index: 14; 
	position: absolute; 
	top: 5px; 
	height: 23px;
    background-repeat: no-repeat;
	background-position: -226px 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: 23px;
    background-repeat: no-repeat;
	background-position: -236px 0px ;
    color: #00CCFF;
    font-size:0.9em;
    line-height:1em;
}



#menu #main span.replacement {
	display: none;
	width:112px;
}

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

#menu #projects span.replacement {
	display: none;
	width: 114px;
}

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

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

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



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


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


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

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

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

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

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


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

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


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


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


#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 #main span.linkText {
	z-index: 5; 
	position: relative;
	top:3px;
}

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

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

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

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

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

#main {
	margin-left: 0px; 
	width:112px;
}

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

#company {
	margin-left:112px; 
	width: 133px;
}

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

#projects {
	margin-left: 245px; 
	width: 114px;
}

#projects span.replacement {
	background-image: url(../images/project.gif);
}

#services {
	margin-left: 359px; 
	width: 103px;
}

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

#news {
	margin-left: 462px; 
	width: 113px;
}

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

#contacts {
	margin-left: 575px; 
	width: 118px;
}

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