ul#nav     { list-style-type: none; margin: 0; position: absolute; top: 70px; left: 80px; width: 600px; height: 30px; overflow: hidden }
ul#nav li a    { text-decoration: none; text-indent: -9000px; padding: 30px 0 0; position: absolute; top: 0; left: 0; height: 0 !important; overflow: hidden; height /**/: 30px   }


.nav-general li a	{ background: url("../images/nav-general.gif") no-repeat; }

.nav-3mob li a		{ background: url("../images/nav-3mob.gif") no-repeat; }
.nav-aw li a		{ background: url("../images/nav-aw.gif") no-repeat; }
.nav-artf li a		{ background: url("../images/nav-artf.gif") no-repeat; }
.nav-brtr li a { background: url(../images/nav-brtr.gif) no-repeat }
.nav-brit li a		{ background: url("../images/nav-brit.gif") no-repeat; }
.nav-cadb li a		{ background: url("../images/nav-cadb.gif") no-repeat; }

.nav-guar li a		{ background: url("../images/nav-guar.gif") no-repeat; }
.nav-eviv li a		{ background: url("../images/nav-eviv.gif") no-repeat; }
.nav-figh li a		{ background: url("../images/nav-figh.gif") no-repeat; }
.nav-firs li a		{ background: url("../images/nav-firs.gif") no-repeat; }
.nav-grap li a		{ background: url("../images/nav-grap.gif") no-repeat; }

.nav-help li a		{ background: url("../images/nav-help.gif") no-repeat; }
.nav-hovi li a		{ background: url("../images/nav-hovi.gif") no-repeat; }
.nav-jmcq li a { background: url(../images/nav-jmcq.gif) no-repeat }
.nav-macm li a		{ background: url("../images/nav-macm.gif") no-repeat; }
.nav-mart li a		{ background: url("../images/nav-mart.gif") no-repeat; }
.nav-meri li a		{ background: url("../images/nav-meri.gif") no-repeat; }

.nav-nati li a		{ background: url("../images/nav-nati.gif") no-repeat; }
.nav-paul li a		{ background: url("../images/nav-paul.gif") no-repeat; }
.nav-piom li a		{ background: url("../images/nav-piom.gif") no-repeat; }
.nav-prio li a		{ background: url("../images/nav-prio.gif") no-repeat; }
.nav-riba li a		{ background: url("../images/nav-riba.gif") no-repeat; }
.nav-sout li a		{ background: url("../images/nav-sout.gif") no-repeat; }
.nav-swis li a		{ background: url("../images/nav-swis.gif") no-repeat; }
.nav-tate li a		{ background: url("../images/nav-tate.gif") no-repeat; }
.nav-uaeu li a		{ background: url("../images/nav-uaeu.gif") no-repeat; }


div#neutral li#home a 				{ background-position: 0 -30px; left: 0; width: 50px }
div#neutral li#home a:hover		{ width: 50px; background-position: 0 0; }
div#neutral li#about a 			{ background-position: -50px -30px; left: 50px; width: 76px }
div#neutral li#about a:hover		{ width: 76px; background-position: -50px 0; }
div#neutral li#proc a 				{ background-position: -126px -30px; left: 126px; width: 95px }
div#neutral li#proc a:hover		{ width: 95px; background-position: -126px 0px; }
div#neutral li#client a 			{ background-position: -221px -30px; left: 221px; width: 78px }
div#neutral li#client a:hover		{ background-position: -221px 0; width: 78px }
div#neutral li#port a 				{ background-position: -299px -30px; left: 299px; width: 72px }
div#neutral li#port a:hover		{ background-position: -299px 0; width: 72px }
div#neutral li#con a 				{ background-position: -371px -30px; left: 371px; width: 70px }
div#neutral li#con a:hover			{ background-position: -371px 0; width: 70px }


div#homepage li#home a 				{ background-position: 0 0; left: 0; width: 50px }
div#homepage li#home a:hover		{ width: 50px; background-position: 0 0; }
div#homepage li#about a 			{ background-position: -50px -30px; left: 50px; width: 76px }
div#homepage li#about a:hover		{ width: 76px; background-position: -50px 0; }
div#homepage li#proc a 				{ background-position: -126px -30px; left: 126px; width: 95px }
div#homepage li#proc a:hover		{ width: 95px; background-position: -126px 0px; }
div#homepage li#client a 			{ background-position: -221px -30px; left: 221px; width: 78px }
div#homepage li#client a:hover		{ background-position: -221px 0; width: 78px }
div#homepage li#port a 				{ background-position: -299px -30px; left: 299px; width: 72px }
div#homepage li#port a:hover		{ background-position: -299px 0; width: 72px }
div#homepage li#con a 				{ background-position: -371px -30px; left: 371px; width: 70px }
div#homepage li#con a:hover			{ background-position: -371px 0; width: 70px }


div#aboutus li#home a 				{ background-position: 0 -30px; left: 0; width: 50px }
div#aboutus li#home a:hover			{ width: 50px; background-position: 0 0; }
div#aboutus li#about a 				{ background-position: -50px 0; left: 50px; width: 76px }
div#aboutus li#about a:hover		{ width: 76px; background-position: -50px 0; }
div#aboutus li#proc a 				{ background-position: -126px -30px; left: 126px; width: 95px }
div#aboutus li#proc a:hover			{ width: 95px; background-position: -126px 0px; }
div#aboutus li#client a 			{ background-position: -221px -30px; left: 221px; width: 78px }
div#aboutus li#client a:hover		{ background-position: -221px 0; width: 78px }
div#aboutus li#port a 				{ background-position: -299px -30px; left: 299px; width: 72px }
div#aboutus li#port a:hover			{ background-position: -299px 0; width: 72px }
div#aboutus li#con a 				{ background-position: -371px -30px; left: 371px; width: 70px }
div#aboutus li#con a:hover			{ background-position: -371px 0; width: 70px }


div#ourprocess li#home a 			{ background-position: 0 -30px; left: 0; width: 50px }
div#ourprocess li#home a:hover		{ width: 50px; background-position: 0 0; }
div#ourprocess li#about a 			{ background-position: -50px -30px; left: 50px; width: 76px }
div#ourprocess li#about a:hover		{ width: 76px; background-position: -50px 0; }
div#ourprocess li#proc a 			{ background-position: -126px 0; left: 126px; width: 95px }
div#ourprocess li#proc a:hover		{ width: 95px; background-position: -126px 0px; }
div#ourprocess li#client a 			{ background-position: -221px -30px; left: 221px; width: 78px }
div#ourprocess li#client a:hover	{ background-position: -221px 0; width: 78px }
div#ourprocess li#port a 			{ background-position: -299px -30px; left: 299px; width: 72px }
div#ourprocess li#port a:hover		{ background-position: -299px 0; width: 72px }
div#ourprocess li#con a 			{ background-position: -371px -30px; left: 371px; width: 70px }
div#ourprocess li#con a:hover		{ background-position: -371px 0; width: 70px }


div#clientlist li#home a 			{ background-position: 0 -30px; left: 0; width: 50px }
div#clientlist li#home a:hover		{ width: 50px; background-position: 0 0; }
div#clientlist li#about a 			{ background-position: -50px -30px; left: 50px; width: 76px }
div#clientlist li#about a:hover		{ width: 76px; background-position: -50px 0; }
div#clientlist li#proc a 			{ background-position: -126px -30px; left: 126px; width: 95px }
div#clientlist li#proc a:hover		{ width: 95px; background-position: -126px 0px; }
div#clientlist li#client a 			{ background-position: -221px 0; left: 221px; width: 78px }
div#clientlist li#client a:hover	{ background-position: -221px 0; width: 78px }
div#clientlist li#port a 			{ background-position: -299px -30px; left: 299px; width: 72px }
div#clientlist li#port a:hover		{ background-position: -299px 0; width: 72px }
div#clientlist li#con a 			{ background-position: -371px -30px; left: 371px; width: 70px }
div#clientlist li#con a:hover		{ background-position: -371px 0; width: 70px }


div#portfolio li#home a 			{ background-position: 0 -30px; left: 0; width: 50px }
div#portfolio li#home a:hover		{ width: 50px; background-position: 0 0; }
div#portfolio li#about a 			{ background-position: -50px -30px; left: 50px; width: 76px }
div#portfolio li#about a:hover		{ width: 76px; background-position: -50px 0; }
div#portfolio li#proc a 			{ background-position: -126px -30px; left: 126px; width: 95px }
div#portfolio li#proc a:hover		{ width: 95px; background-position: -126px 0px; }
div#portfolio li#client a 			{ background-position: -221px -30px; left: 221px; width: 78px }
div#portfolio li#client a:hover		{ background-position: -221px 0; width: 78px }
div#portfolio li#port a 			{ background-position: -299px 0; left: 299px; width: 72px }
div#portfolio li#port a:hover		{ background-position: -299px 0; width: 72px }
div#portfolio li#con a 				{ background-position: -371px -30px; left: 371px; width: 70px }
div#portfolio li#con a:hover		{ background-position: -371px 0; width: 70px }


div#contact li#home a 				{ background-position: 0 -30px; left: 0; width: 50px }
div#contact li#home a:hover			{ width: 50px; background-position: 0 0; }
div#contact li#about a 				{ background-position: -50px -30px; left: 50px; width: 76px }
div#contact li#about a:hover		{ width: 76px; background-position: -50px 0; }
div#contact li#proc a 				{ background-position: -126px -30px; left: 126px; width: 95px }
div#contact li#proc a:hover			{ width: 95px; background-position: -126px 0px; }
div#contact li#client a 			{ background-position: -221px -30px; left: 221px; width: 78px }
div#contact li#client a:hover		{ background-position: -221px 0; width: 78px }
div#contact li#port a 				{ background-position: -299px -30px; left: 299px; width: 72px }
div#contact li#port a:hover			{ background-position: -299px 0; width: 72px }
div#contact li#con a 				{ background-position: -371px 0; left: 371px; width: 70px }
div#contact li#con a:hover			{ background-position: -371px 0; width: 70px }


#pagenavholder   { margin: 0; padding: 0; position: absolute; left: 455px; float: left }
ul#pagenav        { list-style-type: none; margin: 0; padding: 0; width: 63px; height: 30px; overflow: hidden }
ul#pagenav li a      { text-decoration: none; text-indent: -9000px; margin: 0; padding: 30px 0 0; position: absolute; top: 0; left: 0; height: 0 !important; overflow: hidden; height /**/: 30px     }

.pagenav-3mob li a		{ background: url("../images/pagenav-3mob.gif") no-repeat; }
.pagenav-artf li a		{ background: url("../images/pagenav-artf.gif") no-repeat; }
.pagenav-aw li a		{ background: url("../images/pagenav-aw.gif") no-repeat; }
.pagenav-brtr li a		 { background: url(../images/pagenav-brtr.gif) no-repeat }
.pagenav-brit li a		{ background: url("../images/pagenav-brit.gif") no-repeat; }
.pagenav-cadb li a		{ background: url("../images/pagenav-cadb.gif") no-repeat; }

.pagenav-guar li a		{ background: url("../images/pagenav-guar.gif") no-repeat; }
.pagenav-eviv li a		{ background: url("../images/pagenav-eviv.gif") no-repeat; }
.pagenav-figh li a		{ background: url("../images/pagenav-figh.gif") no-repeat; }
.pagenav-firs li a		{ background: url("../images/pagenav-firs.gif") no-repeat; }
.pagenav-grap li a		{ background: url("../images/pagenav-grap.gif") no-repeat; }

.pagenav-help li a		{ background: url("../images/pagenav-help.gif") no-repeat; }
.pagenav-hovi li a		{ background: url("../images/pagenav-hovi.gif") no-repeat; }
.pagenav-macm li a		{ background: url("../images/pagenav-macm.gif") no-repeat; }
.pagenav-mart li a		{ background: url("../images/pagenav-mart.gif") no-repeat; }
.pagenav-meri li a		{ background: url("../images/pagenav-meri.gif") no-repeat; }

.pagenav-nati li a		{ background: url("../images/pagenav-nati.gif") no-repeat; }
.pagenav-paul li a		{ background: url("../images/pagenav-paul.gif") no-repeat; }
.pagenav-piom li a		{ background: url("../images/pagenav-piom.gif") no-repeat; }
.pagenav-prio li a		{ background: url("../images/pagenav-prio.gif") no-repeat; }
.pagenav-jmcq li a		 { background: url(../images/pagenav-jmcq.gif) no-repeat }

.pagenav-riba li a		{ background: url("../images/pagenav-riba.gif") no-repeat; }
.pagenav-sout li a		{ background: url("../images/pagenav-sout.gif") no-repeat; }
.pagenav-swis li a		{ background: url("../images/pagenav-swis.gif") no-repeat; }
.pagenav-tate li a		{ background: url("../images/pagenav-tate.gif") no-repeat; }
.pagenav-uaeu li a		{ background: url("../images/pagenav-uaeu.gif") no-repeat; }


ul#pagenav li#one a 				{ background-position: 0 -30px; left: 0; width: 17px }
ul#pagenav li#one a:link.on, ul#pagenav li#one a:hover	{background-position: 0 0;  width: 17px }
ul#pagenav li#two a 				{ background-position: -17px -30px; left: 17px; width: 20px }
ul#pagenav li#two a:link.on, ul#pagenav li#two a:hover		{ background-position: -17px 0px; width: 20px }
ul#pagenav li#three a 			{ background-position: -37px -30px; left: 37px; width: 20px }
ul#pagenav li#three a:link.on, ul#pagenav li#three a:hover	{ background-position: -37px 0; width: 20px }

ul#pagenav li#four a 			{ background-position: -57px -30px; left: 57px; width: 20px }
ul#pagenav li#four a:link.on, ul#pagenav li#four a:hover	{ background-position: -57px 0; width: 20px }
ul#pagenav li#five a 			{ background-position: -77px -30px; left: 77px; width: 20px }
ul#pagenav li#five a:link.on, ul#pagenav li#five a:hover	{ background-position: -77px 0; width: 20px }
ul#pagenav li#six a 			{ background-position: -97px -30px; left: 97px; width: 20px }
ul#pagenav li#six a:link.on, ul#pagenav li#six a:hover	{ background-position: -97px 0; width: 20px }



a#pmbutton   { text-decoration: none; background-image: url("../images/portfolio/piomanzubutton.gif"); background-repeat: no-repeat; display: block; margin: 0 auto; position: absolute; top: 110px; left: 612px; width: 182px; height: 30px }
a#pmbutton:hover   { background-image: url("../images/portfolio/piomanzubuttonhover.gif"); background-repeat: no-repeat }

#pmbackbutton  { text-decoration: none; background-image: url("../images/portfolio/pmback.gif"); background-repeat: no-repeat; display: block; margin: 0 auto; position: absolute; top: 257px; left: 745px; width: 58px; height: 30px }
a#pmbackbutton:hover   { background-image: url("../images/portfolio/pmbackhover.gif"); background-repeat: no-repeat }

a#uaeubutton   { text-decoration: none; background-image: url("../images/portfolio/uaeuphotobutton.gif"); background-repeat: no-repeat; display: block; margin: 0 auto; position: absolute; top: 118px; left: 612px; width: 182px; height: 30px }
a#uaeubutton:hover   { background-image: url("../images/portfolio/uaeuphotobuttonhover.gif"); background-repeat: no-repeat }

#uaeubackbutton  { text-decoration: none; background-image: url("../images/portfolio/uaeuback.gif"); background-repeat: no-repeat; display: block; margin: 0 auto; position: absolute; top: 150px; left: 610px; width: 140px; height: 30px }
a#uaeubackbutton:hover   { background-image: url("../images/portfolio/uaeubackhover.gif"); background-repeat: no-repeat }


/* get rid of those system borders being generated for A tags */
a:active { outline:none;}
a { outline:none;}
:focus { -moz-outline-style:none;}