#mainnav {
   width:764px; 
   height:37px;
   float:left; 
   margin:0px; 
   clear:both; 
   background-color:#f7f6f6;  
   }
#mainnav ul{
margin:0 auto;
list-style-type: none;
}
#mainnav li{
display: inline;
margin: 0 auto;
float:left; text-indent:-999px;
}

#mainnav li a{
float: left;
display: block;
text-decoration: none;
margin: 0; text-indent:-999px;
padding: 0px 0px;
}

/*================ home ===============*/

.home {
	background: url(../images/nav1.gif) no-repeat 0px 0px;
	display:block; 
	width:70px;
	height:37px;
}

.home a:link, .home a:active, .home a:visited{
	background:url(../images/nav1.gif) no-repeat 0px 0px;
	display:block; float:left;
	width:70px;
	height:37px;
}

.home a:hover, .home_h a{
	background:url(../images/nav1.gif) no-repeat 0px -37px;
	display:block; float:left;
	width:70px;
	height:37px;
}


/*================ Intorduction ===============*/

.intro {
	background: url(../images/nav1.gif) no-repeat -70px 0px;
	display:block; 
	width:117px;
	height:37px;
}

.intro a:link, .intro a:active, .intro a:visited{
	background:url(../images/nav1.gif) no-repeat -70px 0px;
	display:block; float:left;
	width:117px;
	height:37px;
}

.intro a:hover, .intro_h a{
	background:url(../images/nav1.gif) no-repeat -70px -37px;
	display:block; float:left;
	width:117px;
	height:37px;
}

/*================ About Seven Global ===============*/

.about {
	background: url(../images/nav1.gif) no-repeat -187px 0px;
	display:block; 
	width:164px;
	height:37px;
}

.about a:link, .about a:active, .about a:visited{
	background:url(../images/nav1.gif) no-repeat -187px 0px;
	display:block; float:left;
	width:164px;
	height:37px;
}

.about a:hover, .about_h a{
	background:url(../images/nav1.gif) no-repeat -187px -37px;
	display:block; float:left;
	width:164px;
	height:37px;
}

/*================How To Use ===============*/

.how {
	background: url(../images/nav1.gif) no-repeat -351px 0px;
	display:block; 
	width:112px;
	height:37px;
}

.how a:link, .how a:active, .how a:visited{
	background:url(../images/nav1.gif) no-repeat -351px 0px;
	display:block; float:left;
	width:112px;
	height:37px;
}

.how a:hover, .how_h a{
	background:url(../images/nav1.gif) no-repeat -351px -37px;
	display:block; float:left;
	width:112px;
	height:37px;
}
/*================FAQ===============*/

.faq {
	background: url(../images/nav1.gif) no-repeat -463px 0px;
	display:block; 
	width:79px;
	height:37px;
}

.faq a:link, .faq a:active, .faq a:visited{
	background:url(../images/nav1.gif) no-repeat -463px 0px;
	display:block; float:left;
	width:79px;
	height:37px;
}

.faq a:hover, .faq_h a{
	background:url(../images/nav1.gif) no-repeat -463px -37px;
	display:block; float:left;
	width:79px;
	height:37px;
}
/*================RATES===============*/

.rates {
	background: url(../images/nav1.gif) no-repeat -542px 0px;
	display:block; 
	width:76px;
	height:37px;
}

.rates a:link, .rates a:active, .rates a:visited{
	background:url(../images/nav1.gif) no-repeat -542px 0px;
	display:block; float:left;
	width:76px;
	height:37px;
}

.rates a:hover, .rates_h a{
	background:url(../images/nav1.gif) no-repeat -542px -37px;
	display:block; float:left;
	width:76px;
	height:37px;
}
/*================Access Number===============*/

.access {
	background: url(../images/nav1.gif) no-repeat -618px 0px;
	display:block; 
	width:146px;
	height:37px;
}

.access a:link, .access a:active, .access a:visited{
	background:url(../images/nav1.gif) no-repeat -618px 0px;
	display:block; float:left;
	width:146px;
	height:37px;
}

.access a:hover, .access_h a{
	background:url(../images/nav1.gif) no-repeat -618px -37px;
	display:block; float:left;
	width:146px;
	height:37px;
}

/*================Contact us===============*/
/*
.conus {
	background: url(../images/nav1.gif) no-repeat -656px 0px;
	display:block; 
	width:109px;
	height:37px;
}

.conus a:link, .conus a:active, .conus a:visited{
	background:url(../images/nav1.gif) no-repeat -656px 0px;
	display:block; float:left;
	width:109px;
	height:37px;
}

.conus a:hover, .conus_h a{
	background:url(../images/nav1.gif) no-repeat -656px -37px;
	display:block; float:left;
	width:109px;
	height:37px;
}*/
/* RIGHT SIDE BUTTEN START */

ul#hotbtn  {
	height:72px;
	width:212px;
	margin:0px;
	padding:0px;
}
	
#hotbtn li {
	display:inline;
	float: left;
	list-style: none;
}
	
#hotbtn li a {
	display: block;
	text-indent:-9999px;
	outline:none;
	
}
/*--------------------------------- openaccount ---------------------------------*/	

#hotbtn li#openaccount {
	width:106px;
	height:72px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/open_account_butt.jpg);
}
	
#hotbtn li#openaccount a {
	width:106px;
	height:72px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/open_account_butt.jpg);
	}
	
#hotbtn li#openaccount a:hover {
	width:106px;
	height:72px;
	background-repeat:no-repeat;
	background-position:0px -72px;
	background-image:url(../images/open_account_butt.jpg);
	}
	
#hotbtn li#openaccount_h {
	width:106px;
	height:72px;
	background-repeat:no-repeat;
	background-position:0px -72px;
	background-image:url(../images/open_account_butt.jpg);
	}
	
/*--------------------------------- openaccount ---------------------------------*/	


/*--------------------------------- topupnow  ---------------------------------*/	

#hotbtn li#topupnow  {
	width:106px;
	height:72px;
	background-position:right 0px;
	background-repeat:no-repeat;
	background-image:url(../images/open_account_butt.jpg);
}
	
#hotbtn li#topupnow a {
	width:106px;
	height:72px;
	background-position:right 0px;
	background-repeat:no-repeat;
	background-image:url(../images/open_account_butt.jpg));
}
	
#hotbtn li#topupnow a:hover {
	width:106px;
	height:72px;
	background-repeat:no-repeat;
	background-position:right -72px;
	background-image:url(../images/open_account_butt.jpg);
}
	
#hotbtn li#topupnow_h {
	width:106px;
	height:72px;
	background-repeat:no-repeat;
	background-position:0px -144px;
	background-image:url(../images/open_account_butt.jpg);
}
	
/*--------------------------------- topupnow ---------------------------------*/	


/*--------------------------------- navigation Start ---------------------------------*/	
/*
.navigation_link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#dce6e9;
	font-weight:bold;
	text-decoration:none;
}

.navigation_link a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#eaf0f2;
	font-weight:bold;
	text-decoration:none;
}
.navigation_link a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#feef00;
	font-weight:bold;
	text-decoration:none;
}
.roll{
	background-image:url(../images/rollover.jpg);
	}*/
/*--------------------------------- navigation Stop ---------------------------------*/	

/*--------------------------------- Blue Butten ---------------------------------*/	

#tabs a {
	float:left;
	background:url(../images/bluebutt_left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url(../images/bluebutt_right.gif) no-repeat right top;
	padding-right:7px;
	/*height:23px;*/
	line-height:23px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -23px;
	}

#tabs a:hover span {
	background-position:100% -23px;
	}

/*--------------------------------- Blue Butten ---------------------------------*/	

/*--------------------------------- Red Butten ---------------------------------*/

#red_tabs a {
	float:left;
	background:url(../images/redbutt_left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
	}

#red_tabs a span {
	float:left;
	display:block;
	background:url(../images/redbutt_right.gif) no-repeat right top;
	padding-right:7px;
	/*height:23px;*/
	line-height:20px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#red_tabs a span {float:none;}

/* End IE5-Mac hack */
#red_tabs a:hover span {
	}

#red_tabs a:hover {
	background-position:0% -20px;
	}

#red_tabs a:hover span {
	background-position:100% -20px;
	}

/*--------------------------------- Red Butten ---------------------------------*/