/* START OF NAVIGATION BUTTONS BAR*/

/* home button */
/* controls normal button graphic */
.cssnavhome	{
	position:relative;
	display: block;
	float: left;
	margin: 5px; 
	padding: 0px;
	background: url(images/nav/home_ov.png) no-repeat;
	width: 57px;
	height: 25px;
                  overflow:hidden;/* for ie to hide extra height*/	
}

.cssnavhome a {
	display: block;
	width: 57px;
	height: 25px;
	float: left;
}

/* seems to make mouse over button graphic position correctly */
.cssnavhome img {
	width: 57px; 
	height: 25px; 
	border: 0; 
}

/* hides normal button image */
.cssnavhome a:hover img	{
	visibility:hidden
}





/* SteppIReader button */
/* controls normal button graphic */
.cssnavstep {
	position:relative;
	display: block;
	float: left;
	margin: 5px; 
	padding: 0px;
	background: url(images/nav/step_ov.png) no-repeat;
	width: 113px;
	height: 25px;
                  overflow:hidden;/* for ie to hide extra height*/	
}

.cssnavstep a {
	display: block;
	width: 113px;
	height: 25px;
	float: left;
}

/* seems to make mouse over button graphic position correctly */
.cssnavstep img {
	width: 113px; 
	height: 25px; 
	border: 0; 
}

/* hides normal button image */
.cssnavstep a:hover img	{
	visibility:hidden
}





/* K3 Reader button */
/* controls normal button graphic */
.cssnavk3	{
	position:relative;
	display: block;
	float: left;
	margin: 5px; 
	padding: 0px;
	background: url(images/nav/k3_ov.png) no-repeat;
	width: 128px;
	height: 25px;
                  overflow:hidden;/* for ie to hide extra height*/	
}

.cssnavk3 a {
	display: block;
	width: 128px;
	height: 25px;
	float: left;
}

/* seems to make mouse over button graphic position correctly */
.cssnavk3 img {
	width: 128px; 
	height: 25px; 
	border: 0; 
}

/* hides normal button image */
.cssnavk3 a:hover img	{
	visibility:hidden
}





/* ICOM Reader button */
/* controls normal button graphic */
.cssnavicom	{
	position:relative;
	display: block;
	float: left;
	margin: 5px; 
	padding: 0px;
	background: url(images/nav/icom_ov.png) no-repeat;
	width: 113px;
	height: 25px;
                  overflow:hidden;/* for ie to hide extra height*/	
}

.cssnavicom a {
	display: block;
	width: 113px;
	height: 25px;
	float: left;
}

/* seems to make mouse over button graphic position correctly */
.cssnavicom img {
	width: 113px; 
	height: 25px; 
	border: 0; 
}

/* hides normal button image */
.cssnavicom a:hover img	{
	visibility:hidden
}





/* Kenwood Reader button */
/* controls normal button graphic */
.cssnavkw	{
	position:relative;
	display: block;
	float: left;
	margin: 5px; 
	padding: 0px;
	background: url(images/nav/kw_ov.png) no-repeat;
	width: 139px;
	height: 25px;
                  overflow:hidden;/* for ie to hide extra height*/	
}

.cssnavkw a {
	display: block;
	width: 139px;
	height: 25px;
	float: left;
}

/* seems to make mouse over button graphic position correctly */
.cssnavkw img {
	width: 139px; 
	height: 25px; 
	border: 0; 
}

/* hides normal button image */
.cssnavkw a:hover img	{
	visibility:hidden
}





/* Yaesu Reader button */
/* controls normal button graphic */
.cssnavyaesu	{
	position:relative;
	display: block;
	float: left;
	margin: 5px; 
	padding: 0px;
	background: url(images/nav/yaesu_ov.png) no-repeat;
	width: 116px;
	height: 25px;
                  overflow:hidden;/* for ie to hide extra height*/	
}

.cssnavyaesu a {
	display: block;
	width: 116px;
	height: 25px;
	float: left;
}

/* seems to make mouse over button graphic position correctly */
.cssnavyaesu img {
	width: 116px; 
	height: 25px; 
	border: 0; 
}

/* hides normal button image */
.cssnavyaesu a:hover img	{
	visibility:hidden
}





/* Rotoreader button */
/* controls normal button graphic */
.cssnavrotor	{
	position:relative;
	display: block;
	float: left;
	margin: 5px; 
	padding: 0px;
	background: url(images/nav/rotor_ov.png) no-repeat;
	width: 113px;
	height: 25px;
                  overflow:hidden;/* for ie to hide extra height*/	
}

.cssnavrotor a {
	display: block;
	width: 113px;
	height: 25px;
	float: left;
}

/* seems to make mouse over button graphic position correctly */
.cssnavrotor img {
	width: 113px; 
	height: 25px; 
	border: 0; 
}

/* hides normal button image */
.cssnavrotor a:hover img	{
	visibility:hidden
}





/* MeteReader button */
/* controls normal button graphic */
.cssnavmeter	{
	position:relative;
	display: block;
	float: left;
	margin: 5px; 
	padding: 0px;
	background: url(images/nav/meter_ov.png) no-repeat;
	width: 116px;
	height: 25px;
                  overflow:hidden;/* for ie to hide extra height*/	
}

.cssnavmeter a {
	display: block;
	width: 116px;
	height: 25px;
	float: left;
}

/* seems to make mouse over button graphic position correctly */
.cssnavmeter img {
	width: 116px; 
	height: 25px; 
	border: 0; 
}

/* hides normal button image */
.cssnavmeter a:hover img	{
	visibility:hidden
}





/* Custom Reader button */
/* controls normal button graphic */
.cssnavcustom	{
	position:relative;
	display: block;
	float: left;
	margin: 5px; 
	padding: 0px;
	background: url(images/nav/custom_ov.png) no-repeat;
	width: 136px;
	height: 25px;
                  overflow:hidden;/* for ie to hide extra height*/	
}

.cssnavcustom a {
	display: block;
	width: 136px;
	height: 25px;
	float: left;
}

/* seems to make mouse over button graphic position correctly */
.cssnavcustom img {
	width: 136px; 
	height: 25px; 
	border: 0; 
}

/* hides normal button image */
.cssnavcustom a:hover img	{
	visibility:hidden
}





/* Testimonials button */
/* controls normal button graphic */
.cssnavtest	{
	position:relative;
	display: block;
	float: left;
	margin: 5px; 
	padding: 0px;
	background: url(images/nav/test_ov.png) no-repeat;
	width: 108px;
	height: 25px;
                  overflow:hidden;/* for ie to hide extra height*/	
}

.cssnavtest a {
	display: block;
	width: 108px;
	height: 25px;
	float: left;
}

/* seems to make mouse over button graphic position correctly */
.cssnavtest img {
	width: 108px; 
	height: 25px; 
	border: 0; 
}

/* hides normal button image */
.cssnavtest a:hover img	{
	visibility:hidden
}





/* Information and Media button */
/* controls normal button graphic */
.cssnavmedia	{
	position:relative;
	display: block;
	float: left;
	margin: 5px; 
	padding: 0px;
	background: url(images/nav/media_ov.png) no-repeat;
	width: 107px;
	height: 25px;
                  overflow:hidden;/* for ie to hide extra height*/	
}

.cssnavmedia a {
	display: block;
	width: 107px;
	height: 25px;
	float: left;
}

/* seems to make mouse over button graphic position correctly */
.cssnavmedia img {
	width: 107px; 
	height: 25px; 
	border: 0; 
}

/* hides normal button image */
.cssnavmedia a:hover img	{
	visibility:hidden
}





/* Contact Us button */
/* controls normal button graphic */
.cssnavcontactus	{
	position:relative;
	display: block;
	float: left;
	margin: 5px; 
	padding: 0px;
	background: url(images/nav/contactus_ov.png) no-repeat;
	width: 97px;
	height: 25px;
                  overflow:hidden;/* for ie to hide extra height*/	
}

.cssnavcontactus a {
	display: block;
	width: 97px;
	height: 25px;
	float: left;
}

/* seems to make mouse over button graphic position correctly */
.cssnavcontactus img {
	width: 97px; 
	height: 25px; 
	border: 0; 
}

/* hides normal button image */
.cssnavcontactus a:hover img	{
	visibility:hidden
}


/* END OF NAVIGATION BUTTONS BAR*/
