div#navigation{
width:1025px;
height:30px;
padding:0px;	
}
/*these are the endcaps for the nav bar*/
img.f_left{
float: left;	
}

img.f_right{
float: right;	
}
/***************************************************************************/

/*this is the rollover and selection information for the navigation images*/
.nav_technology a {
float: left;
width: 125px; height: 30px;
margin: 0px 0px 0px 0px;
background: url("../images/nav2_technology.jpg") 0 0 no-repeat;

}

.nav_technology a:hover {
background-position: 0px -30px;
}

.nav_technology a:active {
background-position: 0px -30px;
}

.nav_services a {
float: left;
width: 125px; height: 30px;
margin: 0px 0px 0px 0px;
background: url("../images/nav2_services.jpg") 0 0 no-repeat;

}

.nav_services a:hover {
background-position: 0px -30px;
}

.nav_services a:active {
background-position: 0px -30px;
}

.nav_industries a {
float: left;
width: 125px; height: 30px;
margin: 0px 0px 0px 0px;
background: url("../images/nav2_industries.jpg") 0 0 no-repeat;

}

.nav_industries a:hover {
background-position: 0px -30px;
}

.nav_industries a:active {
background-position: 0px -30px;
}

.nav_about a {
float: left;
width: 125px; height: 30px;
margin: 0px 0px 0px 0px;
background: url("../images/nav2_about.jpg") 0 0 no-repeat;

}

.nav_about a:hover {
background-position: 0px -30px;
}

.nav_about a:active {
background-position: 0px -30px;
}

.nav_news a {
float: left;
width: 125px; height: 30px;
margin: 0px 0px 0px 0px;
background: url("../images/nav2_news.jpg") 0 0 no-repeat;

}

.nav_news a:hover {
background-position: 0px -30px;
}

.nav_news a:active {
background-position: 0px -30px;
}

.nav_careers a {
float: left;
width: 125px; height: 30px;
margin: 0px 0px 0px 0px;
background: url("../images/nav2_careers.jpg") 0 0 no-repeat;

}

.nav_careers a:hover {
background-position: 0px -30px;
}

.nav_careers a:active {
background-position: 0px -30px;
}

/***************************************************************************/
/*this sets the background position of the nav button depending on the body id; on the about page, set the body id="about" */
body#about .nav_about a {
background-position: 0 -30px;
}
body#technology .nav_technology a {
background-position: 0 -30px;
}
body#services .nav_services a {
background-position: 0 -30px;
}
body#industries .nav_industries a {
background-position: 0 -30px;
}
body#news .nav_news a {
background-position: 0 -30px;
}
body#careers .nav_careers a {
background-position: 0 -30px;
}

/***************************************************************************/
/***************************************************************************/

/* this section is for the text linkes marked up in the html */
a:link{
color:#000000;
text-decoration:underline;
font-style:normal;
}
a:visited{
color:#267cc1;
text-decoration:underline;
font-style:normal;
}
a:active{
color:#000000;
text-decoration:none;
font-style:normal;
}
a:hover{
color:#00a464;
text-decoration:underline;
font-style:normal;
}