/* INDEX MAP1 */
#map1 { clear: both; width: 762px; height: 136px; position: relative; z-index: 60; }
#map1 #navi { margin: 0; padding: 0; }
#map1 #navi li { display: inline; }
#map1 #navi li a { float: left; width: 762px; height: 0; padding-top: 136px; overflow: hidden; }
#map1 #navi li a { background-image: url(../images/index-map1.png);  background-repeat: no-repeat; }

/* BUTTONS */
#map1 #navi li#home a { background-position: -0 0; }

/* OVER STATES */
#map1 #navi li#home a:hover { background-position: -0 -136px; }

/* PRESSED STATES */
#map1 #navi li#home a:active { background-position: -0px -136px; }


/* INDEX MAP2 */
#map2 { clear: both; width: 762px; height: 100px; position: relative; z-index: 60; }
#map2 #navi { margin: 0; padding: 0; }
#map2 #navi li { display: inline; }
#map2 #navi li a { float: left; width: 111px; height: 0; padding-top: 100px; overflow: hidden; }
#map2 #navi li a { background-image: url(../images/index-map2.png);  background-repeat: no-repeat; }

/* BUTTONS */
#map2 #navi li#blog a { background-position: -0 0; }
#map2 #navi li#who a { background-position: -111px 0; }
#map2 #navi li#what a { background-position: -222px 0; }
#map2 #navi li#work a { background-position: -333px 0; }
#map2 #navi li#shop a { background-position: -444px 0; }
#map2 #navi li#help a { background-position: -555px 0; }

/* OVER STATES */
#map2 #navi li#blog a:hover { background-position: -0 -100px; }
#map2 #navi li#who a:hover { background-position: -111px -100px; }
#map2 #navi li#what a:hover { background-position: -222px -100px; }
#map2 #navi li#work a:hover { background-position: -333px -100px; }
#map2 #navi li#shop a:hover { background-position: -444px -100px; }
#map2 #navi li#help a:hover { background-position: -555px -100px; }

/* PRESSED STATES */
#map2 #navi li#blog a:active { background-position: -0px -100px; }
#map2 #navi li#who a:active { background-position: -111px -100px; }
#map2 #navi li#what a:active { background-position: -222px -100px; }
#map2 #navi li#work a:active { background-position: -333px -100px; }
#map2 #navi li#shop a:active { background-position: -444px -100px; }
#map2 #navi li#help a:active { background-position: -555px -100px; }


/* INDEX MAP3 */
#map3 { clear: both; width: 762px; height: 130px; position: relative; z-index: 60; }
#map3 #navi { margin: 0; padding: 0; }
#map3 #navi li { display: inline; }
#map3 #navi li a { float: left; width: 70px; height: 0; padding-top: 130px; overflow: hidden; }
#map3 #navi li a { background-image: url(../images/index-map3.png);  background-repeat: no-repeat; }

/* BUTTONS */
#map3 #navi li#privacy a { background-position: -0 0; }
#map3 #navi li#environ a { background-position: -70px 0; }
#map3 #navi li#terms a { background-position: -140px 0; }
#map3 #navi li#sitemap a { background-position: -210px 0; }
#map3 #navi li#contact a { background-position: -280px 0; }

/* OVER STATES */
#map3 #navi li#privacy a:hover { background-position: -0 -130px; }
#map3 #navi li#environ a:hover { background-position: -70px -130px; }
#map3 #navi li#terms a:hover { background-position: -140px -130px; }
#map3 #navi li#sitemap a:hover { background-position: -210px -130px; }
#map3 #navi li#contact a:hover { background-position: -280px -130px; }

/* PRESSED STATES */
#map3 #navi li#privacy a:active { background-position: -0px -130px; }
#map3 #navi li#environ a:active { background-position: -70px -130px; }
#map3 #navi li#terms a:active { background-position: -140px -130px; }
#map3 #navi li#sitemap a:hover { background-position: -210px -130px; }
#map3 #navi li#contact a:active { background-position: -210px -130px; }


/* INDEX MAP4 */
#map4 { clear: both; width: 762px; height: 128px; position: relative; z-index: 60; }
#map4 #navi { margin: 0; padding: 0; }
#map4 #navi li { display: inline; }
#map4 #navi li a { float: left; width: 104px; height: 0; padding-top: 128px; overflow: hidden; }
#map4 #navi li a { background-image: url(../images/index-map4.png);  background-repeat: no-repeat; }

/* BUTTONS */
#map4 #navi li#design a { background-position: -0 0; }
#map4 #navi li#words a { background-position: -104px 0; }
#map4 #navi li#advertising a { background-position: -208px 0; }
#map4 #navi li#print a { background-position: -312px 0; }
#map4 #navi li#finishing a { background-position: -416px 0; }
#map4 #navi li#despatch a { background-position: -520px 0; }

/* OVER STATES */
#map4 #navi li#design a:hover { background-position: -0 -128px; }
#map4 #navi li#words a:hover { background-position: -104px -128px; }
#map4 #navi li#advertising a:hover { background-position: -208px -128px; }
#map4 #navi li#print a:hover { background-position: -312px -128px; }
#map4 #navi li#finishing a:hover { background-position: -416px -128px; }
#map4 #navi li#despatch a:hover { background-position: -520px -128px; }

/* PRESSED STATES */
#map4 #navi li#design a:active { background-position: -0px -128px; }
#map4 #navi li#words a:active { background-position: -104px -128px; }
#map4 #navi li#advertising a:active { background-position: -208px -128px; }
#map4 #navi li#print a:active { background-position: -312px -128px; }
#map4 #navi li#finishing a:active { background-position: -416px -128px; }
#map4 #navi li#despatch a:active { background-position: -520px -128px; }


/* INDEX MAP5 */
#map5 { clear: both; width: 762px; height: 120px; position: relative; z-index: 60; }
#map5 #navi { margin: 0; padding: 0; }
#map5 #navi li { display: inline; }
#map5 #navi li a { float: left; width: 104px; height: 0; padding-top: 120px; overflow: hidden; }
#map5 #navi li a { background-image: url(../images/index-map5.png);  background-repeat: no-repeat; }

/* BUTTONS */
#map5 #navi li#commercial a { background-position: -0 0; }
#map5 #navi li#magazines a { background-position: -104px 0; }
#map5 #navi li#testimonials a { background-position: -225px 0; }

/* OVER STATES */
#map5 #navi li#commercial a:hover { background-position: -0 -120px; }
#map5 #navi li#magazines a:hover { background-position: -104px -120px; }
#map5 #navi li#testimonials a:hover { background-position: -225px -120px; }

/* PRESSED STATES */
#map5 #navi li#commercial a:active { background-position: -0px -120px; }
#map5 #navi li#magazines a:active { background-position: -104px -120px; }
#map5 #navi li#testimonials a:active { background-position: -225px -120px; }


/* INDEX MAP6 */
#map6 { clear: both; width: 762px; height: 90px; position: relative; z-index: 60; }
#map6 #navi { margin: 0; padding: 0; }
#map6 #navi li { display: inline; }
#map6 #navi li a { float: left; width: 66px; height: 0; padding-top: 90px; overflow: hidden; }
#map6 #navi li a { background-image: url(../images/index-map6.png);  background-repeat: no-repeat; }

/* BUTTONS */
#map6 #navi li#custom a { background-position: -0 0; }
#map6 #navi li#just a { background-position: -66px 0; }
#map6 #navi li#stationer a { background-position: -132px 0; }
#map6 #navi li#calendars a { background-position: -198px 0; }
#map6 #navi li#displays a { background-position: -264px 0; }
#map6 #navi li#sundries a { background-position: -330px 0; }

/* OVER STATES */
#map6 #navi li#custom a:hover { background-position: -0 -90px; }
#map6 #navi li#just a:hover { background-position: -66px -90px; }
#map6 #navi li#stationer a:hover { background-position: -132px -90px; }
#map6 #navi li#calendars a:hover { background-position: -198px -90px; }
#map6 #navi li#displays a:hover { background-position: -264px -90px; }
#map6 #navi li#sundries a:hover { background-position: -330px -90px; }

/* PRESSED STATES */
#map6 #navi li#custom a:active { background-position: -0px -90px; }
#map6 #navi li#just a:active { background-position: -66px -90px; }
#map6 #navi li#stationer a:active { background-position: -132px -90px; }
#map6 #navi li#calendars a:active { background-position: -198px -90px; }
#map6 #navi li#displays a:active { background-position: -264px -90px; }
#map6 #navi li#sundries a:active { background-position: -330px -90px; }


/* INDEX MAP7 */
#map7 { clear: both; width: 762px; height: 90px; position: relative; z-index: 60; }
#map7 #navi { margin: 0; padding: 0; }
#map7 #navi li { display: inline; }
#map7 #navi li a { float: left; width: 66px; height: 0; padding-top: 90px; overflow: hidden; }
#map7 #navi li a { background-image: url(../images/index-map7.png);  background-repeat: no-repeat; }

/* BUTTONS */
#map7 #navi li#mf a { background-position: -0 0; }
#map7 #navi li#lacrosse a { background-position: -66px 0; }
#map7 #navi li#clatter a { background-position: -132px 0; }
#map7 #navi li#cheval a { background-position: -198px 0; }
#map7 #navi li#rotary a { background-position: -264px 0; }
#map7 #navi li#dancenews a { background-position: -330px 0; }

/* OVER STATES */
#map7 #navi li#mf a:hover { background-position: -0 -90px; }
#map7 #navi li#lacrosse a:hover { background-position: -66px -90px; }
#map7 #navi li#clatter a:hover { background-position: -132px -90px; }
#map7 #navi li#cheval a:hover { background-position: -198px -90px; }
#map7 #navi li#rotary a:hover { background-position: -264px -90px; }
#map7 #navi li#dancenews a:hover { background-position: -330px -90px; }

/* PRESSED STATES */
#map7 #navi li#mf a:active { background-position: -0px -90px; }
#map7 #navi li#lacrosse a:active { background-position: -66px -90px; }
#map7 #navi li#clatter a:active { background-position: -132px -90px; }
#map7 #navi li#cheval a:active { background-position: -198px -90px; }
#map7 #navi li#rotary a:active { background-position: -264px -90px; }
#map7 #navi li#dancenews a:active { background-position: -330px -90px; }


/* INDEX MAP8 */
#map8 { clear: both; width: 762px; height: 100px; position: relative; z-index: 60; }
#map8 #navi { margin: 0; padding: 0; }
#map8 #navi li { display: inline; }
#map8 #navi li a { float: left; width: 66px; height: 0; padding-top: 100px; overflow: hidden; }
#map8 #navi li a { background-image: url(../images/index-map8.png);  background-repeat: no-repeat; }

/* BUTTONS */
#map8 #navi li#software a { background-position: -0 0; }
#map8 #navi li#files a { background-position: -66px 0; }
#map8 #navi li#images a { background-position: -132px 0; }
#map8 #navi li#fonts a { background-position: -198px 0; }
#map8 #navi li#colour a { background-position: -264px 0; }
#map8 #navi li#paper a { background-position: -330px 0; }
#map8 #navi li#mailing a { background-position: -396px 0; }

/* OVER STATES */
#map8 #navi li#software a:hover { background-position: -0 -100px; }
#map8 #navi li#files a:hover { background-position: -66px -100px; }
#map8 #navi li#images a:hover { background-position: -132px -100px; }
#map8 #navi li#fonts a:hover { background-position: -198px -100px; }
#map8 #navi li#colour a:hover { background-position: -264px -100px; }
#map8 #navi li#paper a:hover { background-position: -330px -100px; }
#map8 #navi li#mailing a:hover { background-position: -396px -100px; }

/* PRESSED STATES */
#map8 #navi li#software a:active { background-position: -0px -100px; }
#map8 #navi li#files a:active { background-position: -66px -100px; }
#map8 #navi li#images a:active { background-position: -132px -100px; }
#map8 #navi li#fonts a:active { background-position: -198px -100px; }
#map8 #navi li#colour a:active { background-position: -264px -100px; }
#map8 #navi li#paper a:active { background-position: -330px -100px; }
#map8 #navi li#mailing a:active { background-position: -396px -100px; }


/* INDEX MAP9 */
#map9 { clear: both; width: 762px; height: 100px; position: relative; z-index: 60; }
#map9 #navi { margin: 0; padding: 0; }
#map9 #navi li { display: inline; }
#map9 #navi li a { float: left; width: 66px; height: 0; padding-top: 100px; overflow: hidden; }
#map9 #navi li a { background-image: url(../images/index-map9.png);  background-repeat: no-repeat; }

/* BUTTONS */
#map9 #navi li#acrobat a { background-position: -0 0; }
#map9 #navi li#photoshop a { background-position: -66px 0; }
#map9 #navi li#illustrator a { background-position: -132px 0; }
#map9 #navi li#indesign a { background-position: -198px 0; }
#map9 #navi li#quark a { background-position: -264px 0; }
#map9 #navi li#pages a { background-position: -330px 0; }
#map9 #navi li#corel a { background-position: -396px 0; }
#map9 #navi li#word a { background-position: -462px 0; }
#map9 #navi li#publisher a { background-position: -528px 0; }

/* OVER STATES */
#map9 #navi li#acrobat a:hover { background-position: -0 -100px; }
#map9 #navi li#photoshop a:hover { background-position: -66px -100px; }
#map9 #navi li#illustrator a:hover { background-position: -132px -100px; }
#map9 #navi li#indesign a:hover { background-position: -198px -100px; }
#map9 #navi li#quark a:hover { background-position: -264px -100px; }
#map9 #navi li#pages a:hover { background-position: -330px -100px; }
#map9 #navi li#corel a:hover { background-position: -396px -100px; }
#map9 #navi li#word a:hover { background-position: -462px -100px; }
#map9 #navi li#publisher a:hover { background-position: -528px -100px; }

/* PRESSED STATES */
#map9 #navi li#acrobat a:active { background-position: -0px -100px; }
#map9 #navi li#photoshop a:active { background-position: -66px -100px; }
#map9 #navi li#illustrator a:active { background-position: -132px -100px; }
#map9 #navi li#indesign a:active { background-position: -198px -100px; }
#map9 #navi li#quark a:active { background-position: -264px -100px; }
#map9 #navi li#pages a:active { background-position: -330px -100px; }
#map9 #navi li#corel a:active { background-position: -396px -100px; }
#map9 #navi li#word a:active { background-position: -462px -100px; }
#map9 #navi li#publisher a:active { background-position: -528px -100px; }


.narrowgap {
	position: inherit;
	float: left;
	width: 26px;
	height: 100px;
}

.widegap {
	position: inherit;
	float: left;
	width: 333px;
	height: 100px;
}

.gap2 {
	position: inherit;
	float: left;
	width: 40px;
	height: 100px;
	background-image: url(../images/index-map2-gap.png);
}

.gap3 {
	position: inherit;
	float: left;
	width: 346px;
	height: 130px;
	background-image: url(../images/index-map3-gap.png);
}

.gap4 {
	position: inherit;
	float: left;
	width: 100px;
	height: 128px;
	background-image: url(../images/index-map4-gap.png);
}

.gap5-1 {
	position: inherit;
	float: left;
	width: 18px;
	height: 120px;
	background-image: url(../images/index-map5-gap1.png);
}

.gap5-2 {
	position: inherit;
	float: left;
	width: 88px;
	height: 120px;
	background-image: url(../images/index-map5-gap2.png);
}

.gap6 {
	position: inherit;
	float: left;
	width: 320px;
	height: 100px;
	background-image: url(../images/index-map6-gap.png);
}

.gap7 {
	position: inherit;
	float: left;
	width: 320px;
	height: 100px;
	background-image: url(../images/index-map7-gap.png);
}

.gap8 {
	position: inherit;
	float: left;
	width: 265px;
	height: 100px;
}

.gap9 {
	position: inherit;
	float: left;
	width: 72px;
	height: 100px;
}