/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
	overflow: hidden;
	position: relative;
	padding: 70px 0 0 73px;
	margin: 0px;
	height: 49px;
	list-style: none;
	width:714px;
	font:normal 12px Arial, Verdana, Georgia, Verdana, serif;
}

.tabsmenuclass li{
	float: left;
}

.tabsmenuclass li a{
	float: left;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	padding:0px; /*Padding to accomodate left tab image. Do not change*/
	height: 49px;
	cursor: pointer;
	margin:0px;	
}
.tabsmenuclass li a span{
	float: left;
	display: block;
	padding: 0px; /*Padding of menu items*/
	display:none;
}

.tabsmenuclass li a:hover, .tabsmenuclass a.selected{
	background: black;
	color: white;
	border-bottom:2px solid #ffcc00;
}


#menu_home a, #menu_aboutus a, #menu_services a, #menu_application a, #menu_news a, #menu_faq a, #menu_testimonial a, #menu_contact a {
	width: 64px;
	background: #ebeadc url(../images/menu.gif) 0px 0px no-repeat;
	height:49px;
}
#menu_home a:hover, #menu_home a.current {
	background-position:0px -49px;
}
#menu_aboutus a{
	background-position:0px -98px;
	width:95px;
}
#menu_aboutus a:hover, #menu_aboutus a.current{
	background-position:0px -147px;
}
#menu_services a{
	background-position:0px -196px;
	width:82px;
}
#menu_services a:hover, #menu_services a.current{
	background-position:0px -245px;
	width:82px;
}
#menu_application a{
	background-position:0px -294px;
	width:106px;
}
#menu_application a:hover, #menu_application a.current{
	background-position:0px -343px;
}
#menu_news a{
	background-position:0px -392px;
	width:65px;
}
#menu_news a:hover, #menu_news a.current{
	background-position:0px -441px;
}
#menu_faq a{
	background-position:0px -490px;
	width:57px;
}
#menu_faq a:hover, #menu_faq a.current{
	background-position:0px -539px;
}
#menu_testimonial a{
	background-position:0px -588px;
	width:113px;
}
#menu_testimonial a:hover, #menu_testimonial a.current{
	background-position:0px -637px;
}
#menu_contact a{
	background-position:0px -686px;
	width:110px;
}
#menu_contact a:hover, #menu_contact a.current{
	background-position:0px -735px;
}




/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
	clear: left;
	width: 100%;
	height: 15px;
	padding: 5px;
	background-color:#fff;
	border-top:2px solid #ffcc00;
}

.tabsmenucontentclass ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding:0px 0px 0px 266px;
}

.tabsmenucontentclass li{
	float: left;
	margin-right: 1em;
	color:#a86501;
	font:11px normal Arial, Helvetica, sans-serif;
	list-style-type:none;
	background-image:url(../images/bullet.gif);
	background-position: 0px 3px;
	background-repeat:no-repeat;
	padding-left:8px;
}
.tabsmenucontentclass a{
	color:#814e02;
	text-decoration:none;
}
.tabsmenucontentclass a:hover{
	color:#a86501;
	text-decoration:none;
	border-bottom:1px dotted #a86501;
}