
/* Logo and Nav box */
#nav							{	height: 93px; float:left; width:390px; }


/* Start Main Navigation */

#nav-box						{	width: 390px; position: absolute; top: 0; left: 0; }
#nav-boxr						{	width: 387px; position: absolute; top: 0; right: 1px; }
#nav-box ul, #nav-boxr ul		{	list-style-type: none; width:390px; margin: 0; padding: 0;}
#nav-box li, #nav-boxr li		{	float: left; display:inherit; }
#nav-box li a					{	height: 0;  cursor: pointer; text-indent: -9999px; 
									background: url('../images/menuL.jpg'); padding-top:77px; 
									display: inline; float: left; position: relative;  }
#nav-boxr li a					{	height: 0;  cursor: pointer; text-indent: -9999px; 
									background: url('../images/menuR.jpg'); padding-top:77px; 
									display: block; float: left; position: relative;  }
#nav-box li a:hover, #nav-boxr li a:hover	{	cursor: pointer; }


/* Static nav item*/

#nav-box li#home a				{	width: 77px; background-position: 0 0;}
#nav-box li#achieve a			{	width: 135px; background-position: -78px 0;}
#nav-box li#applyfor a			{	width: 114px; background-position: -213px 0;}
#nav-box li#news a				{	width: 64px; background-position: -327px 0;}

#nav-boxr li#dealers a			{	width: 68px; background-position: 0 0;}
#nav-boxr li#partners a			{	width: 86px; background-position: -66px 0;}
#nav-boxr li#faq a				{	width: 146px; background-position: -154px 0;}
#nav-boxr li#contacts a			{	width: 88px; background-position: -298px 0;}

/* Current nav item 
#nav-box li#index a.current, #nav-box li#index a.current:hover, #nav-box li#index a.current:active{width: 78px; background-position: 0 -77px;}
#nav-box li#portfolio a.current, #nav-box li#portfolio a.current:hover, #nav-box li#portfolio a.current:active{width: 135px; background-position: -78px -77px;}
#nav-box li#services a.current, #nav-box li#services a.current:hover, #nav-box li#services a.current:active{width: 100px; background-position: -224px -125px;}
#nav-box li#about-us a.current, #nav-box li#about-us a.current:hover, #nav-box li#about-us a.current:active{width: 105px; background-position: -324px -125px;}*/
/* Hover nav item Left */

#nav-box li a span				{	overflow: hidden; position: absolute; top: 0; left: 0;
									display: none; height: 77px; margin: 0; }
#nav-box li#home a span			{	width: 78px; background: url('../images/menuL.jpg') 0 -77px; }
#nav-box li#home a.currentmenu 		{	width: 77px; background: url('../images/menuL.jpg') 0 -77px; }

#nav-box li#achieve a span		{	width: 135px; background: url('../images/menuL.jpg') -78px -77px;}
#nav-box li#achieve a.currentmenu		{	width: 135px; background: url('../images/menuL.jpg') -78px -77px;}

#nav-box li#applyfor a span		{	width: 114px; 
									background: url('../images/menuL.jpg') -213px -77px; }
#nav-box li#applyfor a.currentmenu		{	width: 114px; 
									background: url('../images/menuL.jpg') -213px -77px; }
									
									
#nav-box li#news a span			{	width: 64px; background: url('../images/menuL.jpg') -327px -77px;}
#nav-box li#news a.currentmenu			{	width: 64px; background: url('../images/menuL.jpg') -327px -77px;}
/* Hover nav item Right */
#nav-boxr li a span				{	overflow: hidden; position: absolute; top: 0; left: 0;
									display: none; height: 77px; margin: 0; }
#nav-boxr li#dealers a span		{	width: 68px; background: url('../images/menuR.jpg') 0 -77px; }
#nav-boxr li#dealers a.currentmenu		{	width: 68px; background: url('../images/menuR.jpg') 0 -77px; }

#nav-boxr li#partners a span	{	width: 86px; background: url('../images/menuR.jpg') -68px -77px;}
#nav-boxr li#partners a.currentmenu	{	width: 86px; background: url('../images/menuR.jpg') -68px -77px;}

#nav-boxr li#faq a span			{	width: 146px; 
									background: url('../images/menuR.jpg') -153px -77px; }
#nav-boxr li#faq a.currentmenu			{	width: 146px; 
									background: url('../images/menuR.jpg') -153px -77px; }
									
#nav-boxr li#contacts a span	{	width: 88px; background: url('../images/menuR.jpg') -298px -77px;}
#nav-boxr li#contacts a.currentmenu	{	width: 88px; background: url('../images/menuR.jpg') -298px -77px;}

/*#nav-box li#contact-us a span{width: 132px; background: url(../images/nav2.jpg) -430px -250px;}
 Clicked nav item
#nav-box li#index a:active, #nav-box li#index a:active span{width: 111px; background-position: 0 -375px;}
#nav-box li#portfolio a:active, #nav-box li#portfolio a:active span{width: 113px; background-position: -111px -375px;}
#nav-box li#services a:active, #nav-box li#services a:active span{width: 100px; background-position: -224px -375px;}
#nav-box li#about-us a:active, #nav-box li#about-us a:active span{width: 105px; background-position: -324px -375px;}
#nav-box li#contact-us a:active, #nav-box li#contact-us a:active span{width: 132px; background-position: -430px -375px;}
/* End Navigation */
