/* NAVIGATION
============================================================================================================ */

#primaryNav						{ list-style: none; margin: 0; padding: 0; width: 810px; height: 110px; position: relative; background: transparent bottom left no-repeat url(../img/navigation/bg.jpg); }												
#primaryNav ul					{ list-style: none; margin: 0; padding: 0; }					
#primaryNav li					{ list-style-type: none; }												
#primaryNav a					{ text-decoration: none; }												


/* TOP ROW
============================================================================================================ */

#primaryNav ul					{ position: absolute; top: 0px; left: 0px; width: 813px; height: 50px; }					
#primaryNav ul li					{ float: left; display: block; height: 50px; line-height: 50px; }
#primaryNav a.sprite				{ display: block; height: 50px; width: 100%; background: transparent top left no-repeat; }
#primaryNav a.sprite img			{ display: block; height: 50px; width: 100%; }

li#home							{ width: 138px; }
li#home	a.sprite				{ background-image: url(../img/navigation/home.png);  }

li#business						{ width: 166px; margin-left: 1px; }
li#business	a.sprite			{ background-image: url(../img/navigation/business.png); }

li#products						{ width: 173px; margin-left: 1px; }
li#products	a.sprite			{ background-image: url(../img/navigation/products.png); }

li#capital						{ width: 110px; zmargin-left: 1px; display: none !important; }
li#capital a.sprite				{ background-image: url(../img/navigation/capital.png); }

li#team							{ width: 136px; margin-left: 1px; }
li#team	a.sprite				{ background-image: url(../img/navigation/team.png); }

li#contact						{ width: 193px; margin-left: 1px; }
li#contact a.sprite				{ background-image: url(../img/navigation/contact.png); }

li#search						{ width: 112px; margin-left: 1px; display: none !important; }
li#search a.sprite				{ background-image: url(../img/navigation/search.png); }


/* SECOND ROW
============================================================================================================ */

#primaryNav ul ul					{ position: absolute; top: 50px; left: 0px; width: 810px; height: 30px; display: none; }					
#primaryNav ul ul li				{ float: left; display: block; height: 30px; line-height: 30px; color: white; }
#primaryNav ul ul li a				{ color: #ffffff; font-weight: bold; padding-left: 27px;  }

#primaryNav ul		ul			{ background: #292929; }
#primaryNav .orange	ul			{ background: #e19f04; }
#primaryNav .green	ul			{ background: #889e41; }
#primaryNav .blue	ul			{ background: #7f98bc; }
#primaryNav .pink	ul			{ background: #db4464; }
#primaryNav .grey	ul			{ background: #292929; }


/* THIRD ROW
============================================================================================================ */

#primaryNav ul 		ul ul			{ position: absolute; top: 30px; left: 0px; width: 810px; height: 30px; display: none; background: transparent !important; }					
#primaryNav ul		ul ul a		{ color: #757575 !important; }
#primaryNav .orange	ul ul a		{ color: #e19f04 !important; }
#primaryNav .green	ul ul a		{ color: #889e41 !important; }
#primaryNav .blue	ul ul a		{ color: #7f98bc !important; }
#primaryNav .pink	ul ul a		{ color: #db4464 !important; }
#primaryNav .grey	ul ul a		{ color: #757575 !important; }


/* HOVER, OVER and ACTIVE STATES
============================================================================================================ */

#primaryNav li.active > ul	{ display: block; }

#primaryNav li a.sprite:hover	{ background-position: bottom left !important; }
#primaryNav li.active a.sprite	{ background-position: bottom left !important; }
#primaryNav li:hover a.sprite	{ background-position: bottom left !important; }