/***************************************************
					TOP MENU
***************************************************/



/****** general top menu classes ******/

#vzaarMenu
{
	width:100%;
	display:block;
	position:relative;
	height:41px;
	margin-bottom:20px;	

}

#vzaarMenu ul
{
	background: url(/images/menu/menu_bg.png) no-repeat 0px 0px;
	width:900px;
	height:41px;
}

#vzaarMenu ul li
{
	float:left;
	height:41px;
}

#vzaarMenu ul li a
{
	display:block;
	height:41px;
	border:none;
	text-indent:-9999px;
	overflow:hidden;		
}



/****** home tab  ******/

#vzaarMenu a.homeTab
{
	width:63px;
	background: url(/images/menu/home_tab.png) no-repeat 0px 0px;
}

#vzaarMenu a.homeTab:hover
{
	background: url(/images/menu/home_tab.png) no-repeat 0px -41px;
}



/****** documents tab  ******/

#vzaarMenu a.documentsTab
{
	width:120px;
	background: url(/images/menu/documents_tab.png) no-repeat 0px 0px;
}

#vzaarMenu a.documentsTab:hover
{
	background: url(/images/menu/documents_tab.png) no-repeat 0px -41px;
}



/****** libraries tab  ******/

#vzaarMenu a.librariesTab
{
	width:93px;
	background: url(/images/menu/libraries_tab.png) no-repeat 0px 0px;	
}

#vzaarMenu a.librariesTab:hover
{
	background: url(/images/menu/libraries_tab.png) no-repeat 0px -41px;
}



/****** pricing tab  ******/

#vzaarMenu a.pricingTab
{
	width:86px;
	background: url(/images/menu/pricing_tab.png) no-repeat 0px 0px;
}

#vzaarMenu a.pricingTab:hover
{
	background: url(/images/menu/pricing_tab.png) no-repeat 0px -41px;
}


/****** fetures tab  ******/

#vzaarMenu a.featuresTab
{
	width:95px;
	background: url(/images/menu/features_tab.jpg) no-repeat 0px 0px;
}

#vzaarMenu a.featuresTab:hover
{
	background: url(/images/menu/features_tab.jpg) no-repeat 0px -41px;
}



/****** blog tab  ******/

#vzaarMenu a.blogTab, #vzaarMenu a.blogTab:visited
{
	width:59px;
	background: url(/images/menu/blog_tab.png) no-repeat 0px 0px;	
}

#vzaarMenu a.blogTab:hover
{
	background: url(/images/menu/blog_tab.png) no-repeat 0px -41px;
}


/****** contact tab  ******/

#vzaarMenu a.contactTab
{
	width:79px;
	background: url(/images/menu/contact_tab.png) no-repeat 0px 0px;
}

#vzaarMenu a.contactTab:hover
{
	background: url(/images/menu/contact_tab.png) no-repeat 0px -41px;
}


/****** help tab  ******/

#vzaarMenu a.helpTab
{
	width:59px;
	background: url(/images/menu/help_tab.png) no-repeat 0px 0px;	
}

#vzaarMenu a.helpTab:hover
{
	background: url(/images/menu/help_tab.png) no-repeat 0px -41px;
}


/******

getstarted tab generic

******/

#vzaarMenu ul li#menu_get_started
{
	float:right;
	margin-right:0px; /* accounts for the page layout which is 912px (due to boxes spacing) but it must be made 900px */
}


/****** getstarted tab  ******/

#vzaarMenu a.getstartedTab
{
	width:113px;
	background: url(/images/menu/get_started_tab.png) no-repeat 0px 0px;
}

#vzaarMenu a.getstartedTab:hover
{
	background: url(/images/menu/get_started_tab.png) no-repeat 0px -41px;
}