ul#topnav {list-style:none; /*background-image: url('images/leftNavBkgMiddle.jpg'); background-size:100%; background-repeat:repeat;*/ padding:1em 0 0 2%;}
ul#topnav li {display: inline;}
ul#topnav li a {
	height: 48px; /* 36px; */
	float:left;
	text-indent:-9999px;
}

ul#topnav li#topnav-1 a {
width:124px;
/* padding-bottom:.5em; */
background:url('buttons/buttonsimageCambay.png') no-repeat 0 0; }
ul#topnav  li#topnav-1 a:hover {background-position: 0 -48px; }
ul#topnav  li#topnav-1 a:down {background-position: 0 -96px; }
ul#topnav  li#topnav-1 a:active,
ul#topnav  li#topnav-1 a.current {background-position: 0 -96px; }

ul#topnav li#topnav-2 a {
width:124px;
background:url('buttons/buttonsimageCambay.png') no-repeat -124px 0; }
ul#topnav  li#topnav-2 a:hover {background-position:-124px -48px; }
ul#topnav  li#topnav-1 a:down {background-position: -124px -96px; }
ul#topnav  li#topnav-2 a:active,
ul#topnav  li#topnav-2 a.current {background-position:-124px -96px; }

ul#topnav li#topnav-3 a {
width:124px;
background:url(buttons/buttonsimageCambay.png) no-repeat -248px 0px; }
ul#topnav  li#topnav-3 a:hover {background-position:-248px -48px; }
ul#topnav  li#topnav-1 a:down {background-position: -248px -96px; }
ul#topnav  li#topnav-3 a:active,
ul#topnav  li#topnav-3 a.current {background-position:-248px -96px; }

ul#topnav li#topnav-4 a {
width:124px;
background:url(buttons/buttonsimageCambay.png) no-repeat -372px 0; }
ul#topnav  li#topnav-4 a:hover {background-position:-372px -48px; }
ul#topnav  li#topnav-1 a:down {background-position: -372px -96px; }
ul#topnav  li#topnav-4 a:active,
ul#topnav  li#topnav-4 a.current {background-position:-372px -96px; }

ul#topnav li#topnav-5 a {
width:124px;
background:url(buttons/buttonsimageCambay.png) no-repeat -496px 0; }
ul#topnav  li#topnav-5 a:hover {background-position: -496px -48px; }
ul#topnav  li#topnav-1 a:down {background-position: -496px -96px; }
ul#topnav  li#topnav-5 a:active,
ul#topnav  li#topnav-5 a.current {background-position: -496px -96px; }

ul#topnav li#topnav-6 a {
width:124px;
background:url(buttons/buttonsimageCambay.png) no-repeat -620px 0; }
ul#topnav  li#topnav-6 a:hover {background-position: -620px -48px; }
ul#topnav  li#topnav-1 a:down {background-position: -620px -96px; }
ul#topnav  li#topnav-6 a:active,
ul#topnav  li#topnav-6 a.current {background-position: -620px -96px; }

ul#topnav li#topnav-7 a {
width:124px;
background:url(buttons/buttonsimageCambay.png) no-repeat -744px 0; }
ul#topnav  li#topnav-7 a:hover {background-position: -744px -48px; }
ul#topnav  li#topnav-1 a:down {background-position: -744px -96px; }
ul#topnav  li#topnav-7 a:active,
ul#topnav  li#topnav-7 a.current {background-position: -744px -96px; 
}
/* -----------------  media   -------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 1060px) {

ul#topnav {padding:12% 0 0 4%;}

ul#topnav li a {
	height:33px;}


ul#topnav li#topnav-1 a {
	width:100px;
	background:url('buttons/buttonsimageSmall.png') no-repeat 0 0;
	opacity: 0; }
ul#topnav  li#topnav-1 a:hover {
	background-position: -10 -33px;
	opacity: 1;
	transition: opacity 4s; }
ul#topnav  li#topnav-1 a:down {
background-position: 0 -66px; }
ul#topnav  li#topnav-1 a:active,
ul#topnav  li#topnav-1 a.current {
background-position: 0 -99px; }

ul#topnav li#topnav-2 a {
width:100px;
background:url('buttons/buttonsimageSmall.png') no-repeat -112px 0; }
ul#topnav  li#topnav-2 a:hover {
background-position:-102px -33px; }
ul#topnav  li#topnav-1 a:down {
background-position: -112px -66px; }
ul#topnav  li#topnav-2 a:active,
ul#topnav  li#topnav-2 a.current {
background-position:-112px -99px; }

ul#topnav li#topnav-3 a {
width:100px;
background:url(buttons/buttonsimageSmall.png) no-repeat -224px 0px; }
ul#topnav  li#topnav-3 a:hover {
background-position:-214px -33px; }
ul#topnav  li#topnav-1 a:down {
background-position: -224px -66px; }
ul#topnav  li#topnav-3 a:active,
ul#topnav  li#topnav-3 a.current {
background-position:-224px -99px; }

/* ----------------------- Not used ----------------
ul#topnav li#topnav-4 a {
width:100px;
background:url(buttons/buttonsimageSmall.png) no-repeat -336px 0; }
ul#topnav  li#topnav-4 a:hover {
background-position:-326px -33px; }
ul#topnav  li#topnav-1 a:down {
background-position: -336px -66px; }
ul#topnav  li#topnav-4 a:active,
ul#topnav  li#topnav-4 a.current {
background-position:-336px -99px; }  */

ul#topnav li#topnav-5 a {
width:100px;
background:url(buttons/buttonsimageSmall.png) no-repeat -448px 0; }
ul#topnav  li#topnav-5 a:hover {
background-position: -438px -33px; }
ul#topnav  li#topnav-1 a:down {
background-position: -448px -66px; }
ul#topnav  li#topnav-5 a:active,
ul#topnav  li#topnav-5 a.current {
background-position: -448px -99px; }

ul#topnav li#topnav-6 a {
width:100px;
background:url(buttons/buttonsimageSmall.png) no-repeat -560px 0; }
ul#topnav  li#topnav-6 a:hover {
background-position: -550px -33px; }
ul#topnav  li#topnav-1 a:down {
background-position: -560px -66px; }
ul#topnav  li#topnav-6 a:active,
ul#topnav  li#topnav-6 a.current {
background-position: -560px -99px; }

ul#topnav li#topnav-7 a {
	width:100px;
	background:url(buttons/buttonsimageSmall.png) no-repeat -672px 0; 
}
ul#topnav  li#topnav-7 a:hover {
	background-position: -662px -36px; }
ul#topnav  li#topnav-1 a:down {
background-position: -672px -72px; }
ul#topnav  li#topnav-7 a:active,
ul#topnav  li#topnav-7 a.current {
	background-position: -672px -108px; }
}