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 v4*/

.nav_home a, .nav_services a, .nav_products a, .nav_about a {
float: left;
width: 125px; height: 31px;
margin: 0px 0px 0px 0px;
}

.nav_home a {
background: url("../images/nav04_spr_sht.jpg") -139px 0 no-repeat;
}

.nav_home a:hover , .nav_home a:active{
background-position: -139px -30px;
}

.nav_products a {
background: url("../images/nav04_spr_sht.jpg") -264px 0 no-repeat;
}

.nav_products a:hover, .nav_products a:active {
background-position: -264px -30px;
}

.nav_services a {
background: url("../images/nav04_spr_sht.jpg") -389px 0 no-repeat;
}

.nav_services a:hover, .nav_services a:active {
background-position: -389px -30px;
}

.nav_about a {
background: url("../images/nav04_spr_sht.jpg") -514px 0 no-repeat;
}

.nav_about a:hover, .nav_about a:active {
background-position: -514px -30px;
}

span.nav_left_blank, span.nav_right_blank  {
float: left;
width: 140px; height: 31px;
margin: 0px 0px 0px 0px;
display:inline-block;
background: url("../images/nav04_spr_sht.jpg") 0 0 no-repeat;

}
span.nav_right_blank {
float: right;
width: 385px;
background: url("../images/nav04_spr_sht.jpg") -638px 0 no-repeat;
}

/*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: -514px -30px;
}
body#home .nav_home a {
background-position: -139px -30px;
}
body#services .nav_services a {
background-position: -389px -30px;
}
body#products .nav_products a {
background-position: -264px -30px;
}

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




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

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