.mainnav {
	position:absolute;
	top:71px;
	left:274px;
}
.mainnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mainnav ul ul { 
	margin-top:2px; 
	display:none; 
	width:117px;
}
.mainnav ul li {
	float:left;
}
.mainnav li ul {
	position: absolute;
	left: 0;
	top: 39px;
	display: none;
	}

/* Styles for Menu Items */
.mainnav ul li a {
	display: block;
	border-bottom: 0;
	text-indent:-9999px;
}
.mainnav ul ul a {background:#d4d8bd; color:#000; height:auto; line-height:1em; width:117px; text-indent:0px;}

/* Fix IE. Hide from IE Mac \*/
* html .mainnav ul li { float: left; height: 1%; }
* html .mainnav ul li a { height: 1%; }
/* End */
				
.mainnav li:hover ul, li.over ul { display: block; } /* The magic */

/*=============================================background images=============================================
===========================================================================================================*/

.mainnav #services a.main {
	background-image: url(../images/navigation/main/services.gif);
	width: 122px;	
	border:solid 1px #FFFFFF;
	height:39px;
}
.mainnav #datacard a {
	background-image: url(../images/navigation/main/datacard.gif);
	width: 122px;
	border-top:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	height:39px;
}
.mainnav #sms a {
	background-image: url(../images/navigation/main/smsfree.gif);
	width: 117px;
	border-top:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	height:39px;
}
.mainnav #order a {
	background-image: url(../images/navigation/main/orderstatus.gif);
	width: 117px;	
	border-top:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	height:39px;
}
.mainnav #services a:hover {
	background-image: url(../images/navigation/main/services-over.gif);
}
.mainnav #datacard a:hover {
	background-image: url(../images/navigation/main/datacard-over.gif);
}
.mainnav #sms a:hover {
	background-image: url(../images/navigation/main/smsfree-over.gif);
}
.mainnav #order a:hover {
	background-image: url(../images/navigation/main/orderstatus-over.gif);
}
.mainnav  #services-1 a, .mainnav #services-2 a, .mainnav #services-3 a, .mainnav #services-4 a, .mainnav #services-5 a, .mainnav #services-6 a, .mainnav #services-7 a, .mainnav #services-8 a, .mainnav #services-9 a, .mainnav #services-10 a {
	font-size:10px;text-decoration:none;
	text-indent:0;
	border:none;
	padding:8px;
	width:108px;
	border-bottom:solid 1px #FFFFFF;
	background:#e6e7d6 url(../images/navigation/main/_sub-tile.jpg) repeat-x top;
	opacity: .90;
	filter: alpha(opacity=90);
}
.mainnav  #services-1 a:hover, .mainnav #services-2 a:hover, .mainnav #services-3 a:hover, .mainnav #services-4 a:hover, .mainnav #services-5 a:hover, .mainnav #services-6 a:hover, .mainnav #services-7 a:hover, .mainnav #services-8 a:hover, .mainnav #services-9 a:hover, .mainnav #services-10 a:hover {
	background-image:none;
	background-color:#b8bb9a;
	opacity: 1;
	filter: alpha(opacity=100);
}