body {
	font-family: Verdana, Arial, Helvetica, sans-serif ; font-size:10px;
	background-color: #AAAAAA;
 	margin: 0px 0px 0px 0px;
	
	}
	
	
/*
<div id="outside_area">
<div id="header">
<div id="top_nav"></div>
</div>


<div id="top_table"></div>
<div id="top_line"></div>
<div id="main_content"></div>
<div id="bottom_table"></div>
<div id="footer"></div>
</div>
*/

/*#outside_area { background-color:#CCCCCC; width:761px; margin: 0px auto 0px auto; background-image: url(../images/background_strip.jpg);} */
#outside_area { background-color:#CCCCCC; width:761px;  margin-left: auto; margin-right: auto;}

#header { background-color:#CCCCCC; width:761px; margin: 0px auto 0px auto; background-image: url(../images/header.jpg); height:104px;}

#tablist2 { padding: 0px 0; margin: 88px 0px 0px 0px; width:751px; text-align:right; font-size:12px; position:absolute;}
html>/**/body div#tablist2  { margin: 76px 0px 0px 0px; }  


#tablist { padding: 0px 0; margin: 20px 0px 0px 0px; width:751px; text-align:right; font-size:12px; position:absolute;}
html>/**/body div#tablist  { margin: 11px 0px 0px 0px; }  


#tablist li, #tablist2 li{ list-style: none; display: inline; margin: 0;}
#tablist2 li a   { text-decoration: none; padding: 3px 0.5em; margin-right: 3px; border: 1px solid #778; border-bottom: none;border-top: 1px solid #778; background: #4F4F4F;}


#tablist li a { text-decoration: none; padding: 3px 0.5em; margin-right: 3px; border: 1px solid #778; border-top: none; background: #4F4F4F;}

#tablist li a:link, #tablist li a:visited ,#tablist2 li a:link, #tablist2 li a:visited { color: #ffffff; }
#tablist li a:hover, #tablist2 li a:hover{color: #FFFFFF;background:#777777; border-color: #778;}
#tablist li a.current, #tablist2 li a.current{background: #CCCCCC;}









#top_table {background-image: url(../images/second_box.jpg); height:59px; color:#FFFFFF; text-align:center; padding:20px 20px 0px 20px; font-size:12px; font-style:italic;}


#front_main_area { background-image:url(../images/front_main_image.jpg); height:280px;}


#front_main_tablist { padding: 0px 0; margin: 2px 0px 0px 0px; width:751px; text-align:right; font-size:12px; position:absolute;}
html>/**/body div#front_main_tablist  { margin: -7px 0px 0px 0px; }  

#front_main_tablist li{ list-style: none; display: inline; margin: 0;}
#front_main_tablist li a { text-decoration: none; padding: 3px 0.5em; margin-right: 3px; border: 1px solid #778; border-top: none; background: #4F4F4F; color:#FFFFFF;}

#front_main_tablist li a:hover{color: #FFFFFF;background:#777777; border-color: #778;}



#front_main_content, #front_main_content_industry {  height:235px; width:290px; margin: 25px 0px 0px 450px; position:absolute; overflow: auto; padding: 10px 5px 5px 5px; color:#FFFFFF;}
html>/**/body div#front_main_content  {  margin: 27px 0px 0px 450px; }  
html>/**/body div#front_main_content_industry  {  margin: 27px 0px 0px 450px; }  

#front_main_content h1, #front_main_content_industry h1{ margin: 5px 0px 0px 0px; font-size:18px; }

#front_main_content ul, #front_main_content_industry ul{ margin: 5px 0px 0px 0px; padding: 0; list-style-type: none;  text-align:left;}


#front_main_content li, #front_main_content_industry li{ list-style: none;}
#front_main_content a, #front_main_content_industry a { margin: 0px 0px 10px 0px; display: block; color:#FFFFFF; text-decoration:none;}
#front_main_content a:hover, #front_main_content_industry a:hover {text-decoration: underline; }




#main_area { background-image: url(../images/main-background.jpg); padding: 0px 20px 20px 20px; margin: -15px auto 0px auto; color:#000166; font-size:11px;}
#main_area h1 {  margin: 10px 0px 10px 0px; font-size:16px; }

#main_area h2 {  margin: 10px 0px 10px 0px; font-size:13px; }

#main_area a { color: #0265FF; text-decoration:none; }
#main_area a:hover { color: #C7C9FF; text-decoration:none; }

#main_area a img { border: 0px solid #778; }

#bottom_table { background-image:url(../images/bottom_box_background.jpg);width:761px; text-align:center; }

/*image formatting*/
#bottom_pic {

float:left;
margin:10px 20px 10px 42px;
border: 1px solid #999999;
}

#website_pic {

float:left;
margin:0px 10px 0px 0px;
border: 1px solid #999999;
}


#left_pic {

float:left;
margin:0px 10px 10px 0px;
border: 1px solid #999999;
}

#right_pic {

float:right;
margin:0px 0px 0px 10px;
border: 1px solid #999999;
}


#center_pic {

float:center;
border: 0px solid #999999;
}

#top_pic {

float:center;
}


#about_us ul {list-style: none; margin: 10px 0px 20px 0px;}
html>/**/body #about_us ul {margin: 20px 0px 30px 0px;}


#about_us li { margin: 0px 0px 35px 0px;}
html>/**/body #about_us li {margin: 20px 0px 60px 0px;}
#about_us li img { float:left; margin: 0px 20px 0px 0px; border: 1px solid #999999; }
html>/**/body #about_us li img { margin: 0px 20px 0px -40px;}
#about_us li h1 { font-size:12px;}



/*------------------------------------------------------- image rollovers-------------------------------------------------------*/




/********* both lists ************/
#vertical-list,
#horizontal-list {
	margin: 0;
	padding:10;
	list-style:none;
	
}
#vertical-list li,
#horizontal-list li {
	margin:0;
	padding:0;
	
}

/******** all rollover images ********/
.image1 { background:url(../images/atms_over.JPG) bottom left no-repeat; width:89px;}
.image2 { background:url(../images/Photo-Copiers-over.jpg) bottom left no-repeat; width:89px; }
.image3 { background:url(../images/e-top-up-over.jpg) bottom left no-repeat; width:89px;}
.image4 { background:url(../images/merchant-services-over.jpg) bottom left no-repeat;  width:89px;}
.image5 { background:url(../images/Insurance-over.jpg) bottom left no-repeat; width:89px;}



/********** horizontal ********/
#horizontal-list {
	height:90px;
	width:700px;
	margin: 0px auto 0px auto;	
	padding: 0px auto 0px 20px;	
border:none;
text-align:center;

}

html>/**/body div#horizontal-list  { margin: 0px 0px 0px 10px; background-color:#00FF00; }  

horizontal-list ul { margin: 0px 0px 0px 0px;  } 


#horizontal-list li {
	display:block;
	float:left;
	border:none;
	margin: 0px 20px 0px 20px;
}
#horizontal-list a:hover img {
	visibility:hidden;
border:none;
}
#horizontal-list a {
	display:block;
border:none;
}
#horizontal-list a/**/ {
	height:83px; /* hide from IE5.0/win */
border:none;
}
/* fixes for IE/win \*/
* html #horizontal-list a {
	cursor:hand;
	border:none;
	
}
* html #horizontal-list li a:hover {
	height:1%;
	border:none;
}
/* */


#footer { background-image:url(../images/footer.jpg); background-repeat:no-repeat; height:75px; text-align:center; padding-top:30px; width:761px;  margin-left: auto; margin-right: auto;}