@charset "utf-8";
/* CSS Document */

/*  **********  Begin Header Navigation Links - Services Page  *********  */

.graphicArt2x		{ width: 18rem; }					/*  tile width:  288px (18rem)		tile height:  32px (2rem)  */
.busAdvert2x		{ width: 27.375rem; }				/*  tile width:  438px (27.375rem)		tile height:  32px (2rem)  */
.specPub2x		{ width: 20.125rem; }				/*  tile width:  322px (20.125rem)		tile height:  32px (2rem)  */
.mktgTool2x		{ width: 15.125rem; }				/*  tile width:  242px (15.125rem)		tile height:  32px (2rem)  */
.signage2x		{ width: 17.875rem; }				/*  tile width:  286px (17.875rem)		tile height:  32px (2rem)  */
.webDev2x			{ width: 16.125rem; }				/*  tile width:  258px (16.125rem)		tile height:  32px (2rem)  */
.photography2x		{ width: 11.875rem; }				/*  tile width:  190px (11.875rem)		tile height:  32px (2rem)  */
.formStationery2x	{ width: 18rem; }					/*  tile width:  288px (18rem)		tile height:  32px (2rem)  */

.graphicArt15x		{ width: 13.5rem; }			/*  2x  X  75%		    tile width:  216px (13.5rem)		tile height:  24px (1.5rem)  */
.busAdvert15x		{ width: 20.25rem; }		/*  2x  X  75%		    tile width:  328.5px (20.5313rem)	tile height:  24px (1.5rem)  */
.specPub15x		{ width: 15.094rem; }		/*  2x  X  75%		    tile width:  241.5px (15.094rem)	tile height:  24px (1.5rem)  */
.mktgTool15x		{ width: 11.3438rem; }	     /*  2x  X  75%		    tile width:  181.5px (11.3438rem)	tile height:  24px (1.5rem)  */
.signage15x		{ width: 13.4063rem; }		/*  2x  X  75%		    tile width:  214.5px (13.4063rem)	tile height:  24px (1.5rem)  */
.webDev15x		{ width: 12.0938rem; }		/*  2x  X  75%		    tile width:  193.5px (12.0938rem)	tile height:  24px (1.5rem)  */
.photography15x	{ width: 8.9063rem; }		/*  2x  X  75%		    tile width:  142.5px (8.9063rem)	tile height:  24px (1.5rem)  */
.formStationery15x	{ width: 13.5rem; }			/*  2x  X  75%		    tile width:  216px (13.5rem)		tile height:  24px (1.5rem)  */

.graphicArt, .busAdvert, .specPub, .mktgTool, .signage, .webDev, .photography, .formStationery {
	display: block;
	max-width: 100%;
	height: 0;
	background: url(../images/sprites/portfolio/navsPortfolio.png) left top no-repeat;	/*  Text Left, 10 rows (40 tiles), 4 columns  */
}															/*  sprite width: 1792px (112rem)  sprite height: 320px (20rem)  */

.graphicArt {
	padding-bottom: 11.1111%;									/*  tile height (32px)  ÷  tile width (288px)  X  100  */
	-webkit-background-size: 622.2222% auto;						/*  sprite width (1792px)  ÷  tile width  X  100  */
	-moz-background-size: 622.2222% auto;
	-o-background-size: 622.2222% auto;
	background-size: 622.2222% auto;
}

.busAdvert {
	padding-bottom: 7.3059%;										/*  tile height (32px)  ÷  tile width (438px)  X  100  */
	-webkit-background-size: 409.1324% auto;						/*  sprite width (1792px)  ÷  tile width  X  100  */
	-moz-background-size: 409.1324% auto;
	-o-background-size: 409.1324% auto;
	background-size: 409.1324% auto;
}

.specPub {
	padding-bottom: 9.9379%;										/*  tile height (32px)  ÷  tile width (322px)  X  100  */
	-webkit-background-size: 556.5217% auto;						/*  sprite width (1792px)  ÷  tile width  X  100  */
	-moz-background-size: 556.5217% auto;
	-o-background-size: 556.5217% auto;
	background-size: 556.5217% auto;
}

.mktgTool {
	padding-bottom: 13.2231%;									/*  tile height (32px)  ÷  tile width (242px)  X  100  */
	-webkit-background-size: 740.4959% auto;						/*  sprite width (1792px)  ÷  tile width  X  100  */
	-moz-background-size: 740.4959% auto;
	-o-background-size: 740.4959% auto;
	background-size: 740.4959% auto;
}

.signage {
	padding-bottom: 11.1888%;									/*  tile height (32px)  ÷  tile width (286px)  X  100  */
	-webkit-background-size: 626.5734% auto;						/*  sprite width (1792px)  ÷  tile width  X  100  */
	-moz-background-size: 626.5734% auto;
	-o-background-size: 626.5734% auto;
	background-size: 626.5734% auto;
}

.webDev {
	padding-bottom: 12.4031%;									/*  tile height (32px)  ÷  tile width (258px)  X  100  */
	-webkit-background-size: 694.5736% auto;						/*  sprite width (1792px)  ÷  tile width  X  100  */
	-moz-background-size: 694.5736% auto;
	-o-background-size: 694.5736% auto;
	background-size: 694.5736% auto;
}

.photography {
	padding-bottom: 16.5%;										/*  tile height (32px)  ÷  tile width (190px)  X  100  */
	-webkit-background-size: 943.1579% auto;						/*  sprite width (1792px)  ÷  tile width  X  100  */
	-moz-background-size: 943.1579% auto;
	-o-background-size: 943.1579% auto;
	background-size: 943.1579% auto;
}

.formStationery {
	padding-bottom: 11.1111%;									/*  tile height (32px)  ÷  tile width (288px)  X  100  */
	-webkit-background-size: 622.2222% auto;						/*  sprite width (1792px)  ÷  tile width  X  100  */
	-moz-background-size: 622.2222% auto;
	-o-background-size: 622.2222% auto;
	background-size: 622.2222% auto;
}
										                    /*  x-pos = 100 X tile left  ÷  abs(tile width - sprite width)  */
										                    /*  y-pos = 100 X tile top  ÷  abs(tile height - sprite height [288])  */
					                                             /*  tile position (left, top) (x,y)  */
.graphicArt			{ background-position: 0 0; }				/*  0,   0		tile width:  288px  */
.busAdvert			{ background-position: 0 11.1111%; }		/*  0,  32		tile width:  438px  */
.specPub				{ background-position: 0 22.2222%; }		/*  0,  64		tile width:  322px  */
.mktgTool				{ background-position: 0 33.3333%; }		/*  0,  96		tile width:  242px  */
.signage				{ background-position: 0 44.4444%; }		/*  0, 128		tile width:  286px  */
.webDev				{ background-position: 0 55.5555%; }		/*  0, 160		tile width:  258px  */
.photography			{ background-position: 0 66.6667%; }		/*  0, 192		tile width:  190px  */
.formStationery		{ background-position: 0 77.7778%; }		/*  0, 224		tile width:  288px  */

.graphicArt:visited		{ background-position: 29.7872% 0; }		/*  448,   0  */
.busAdvert:visited		{ background-position: 33.0871% 11.1111%; }	/*  448,  32  */
.specPub:visited		{ background-position: 30.4762% 22.2222%; }	/*  448,  64  */
.mktgTool:visited		{ background-position: 28.9032% 33.3333%; }	/*  448,  96  */
.signage:visited		{ background-position: 29.7477% 44.4444%; }	/*  448, 128  */
.webDev:visited		{ background-position: 29.2047% 55.5555%; }	/*  448, 160  */
.photography:visited	{ background-position: 27.965% 66.6667%; }	/*  448, 192  */
.formStationery:visited	{ background-position: 29.7872% 77.7778%; }	/*  448, 224  */

.graphicArt:hover		{ background-position: 59.5745% 0; }		/*  896,   0  */
.busAdvert:hover		{ background-position: 66.1743% 11.1111%; }	/*  896,  32  */
.specPub:hover			{ background-position: 60.9524% 22.2222%; }	/*  896,  64  */
.mktgTool:hover		{ background-position: 57.8065% 33.3333%; }	/*  896,  96  */
.signage:hover			{ background-position: 59.4954% 44.4444%; }	/*  896, 128  */
.webDev:hover			{ background-position: 58.4094% 55.5555%; }	/*  896, 160  */
.photography:hover		{ background-position: 55.93% 66.6667%; }	/*  896, 192  */
.formStationery:hover	{ background-position: 59.5745% 77.7778%; }	/*  896, 224  */

.graphicArt:active		{ background-position: 89.3617% 0; }		/*  1344,   0  */
.busAdvert:active		{ background-position: 99.2614% 11.1111%; }	/*  1344,  32  */
.specPub:active		{ background-position: 91.4286% 22.2222%; }	/*  1344,  64  */
.mktgTool:active		{ background-position: 86.7097% 33.3333%; }	/*  1344,  96  */
.signage:active		{ background-position: 89.243% 44.4444%; }	/*  1344, 128  */
.webDev:active			{ background-position: 87.6141% 55.5555%; }	/*  1344, 160  */
.photography:active		{ background-position: 83.8951% 66.6667%; }	/*  1344, 192  */
.formStationery:active	{ background-position: 89.3617% 77.7778%; }	/*  1344, 224  */

i.graphicArt			{ background-position: 89.3617% 0; }		/*  1344,   0  */
i.busAdvert			{ background-position: 99.2614% 11.1111%; }	/*  1344,  32  */
i.specPub				{ background-position: 91.4286% 22.2222%; }	/*  1344,  64  */
i.mktgTool			{ background-position: 86.7097% 33.3333%; }	/*  1344,  96  */
i.signage				{ background-position: 89.243% 44.4444%; }	/*  1344, 128  */
i.webDev				{ background-position: 97.5327% 55.5555%; }	/*  1344, 160  */
i.photography			{ background-position: 83.8951% 66.6667%; }	/*  1344, 192  */
i.formStationery		{ background-position: 89.3617% 77.7778%; }	/*  1344, 224  */

i.graphicArt:hover		{ background-position: 89.3617% 0; }		/*  1344,   0  */
i.busAdvert:hover		{ background-position: 99.2614% 11.1111%; }	/*  1344,  32  */
i.specPub:hover		{ background-position: 91.4286% 22.2222%; }	/*  1344,  64  */
i.mktgTool:hover		{ background-position: 86.7097% 33.3333%; }	/*  1344,  96  */
i.signage:hover		{ background-position: 89.243% 44.4444%; }	/*  1344, 128  */
i.webDev:hover			{ background-position: 97.5327% 55.5555%; }	/*  1344, 160  */
i.photography:hover		{ background-position: 83.8951% 66.6667%; }	/*  1344, 192  */
i.formStationery:hover	{ background-position: 89.3617% 77.7778%; }	/*  1344, 224  */

/*  **********  End Headers & Inline Text Navigation Links - Services & Portfolio Pages  *********  */

/*  **********  Begin Headers & Inline Text Navigation Links - Portfolio Graphic Art Designs Page  *********  */

.brand15x				{ width: 9.9375rem; }			/*  2x X 75%	tile width:  159px (9.9375rem)   tile height:  24px (1.5rem)  */
.lineArt15x			{ width: 6rem; }				/*  2x X 75%	tile width:  96px (6rem)	  tile height:  24px (1.5rem)  */
.logo15x				{ width: 4.4063rem;	}			/*  2x X 75%	tile width:  70.5px (4.4063rem)	tile height:  24px (1.5rem)  */
.map15x				{ width: 9rem;	}				/*  2x X 75%	tile width:  144px (9rem)   tile height:  24px (1.5rem)  */
.webButton15x			{ width: 11.25rem;	}			/*  2x X 75%	tile width:  180px (11.25rem)	  tile height:  24px (1.5rem)  */
.webIcon15x			{ width: 9.4688rem; }			/*  2x X 75%	tile width:  151.5px (9.4688rem)	tile height:  24px (1.5rem)  */
.webSprite15x			{ width: 10.2188rem; }			/*  2x X 75%	tile width:  163.5px (10.2188rem)	tile height:  24px (1.5rem)  */

.brand, .lineArt, .logo, .map, .webButton, .webIcon, .webSprite {          /*  Text Left, 7 rows (28 tiles), 4 columns (4 links)  */
	display: block;
	max-width: 100%;
	height: 0;
	background: url(../images/sprites/portfolio/navsaGraphicArt.png) left top no-repeat;	
}															/*  sprite width: 960px (60rem)  sprite height: 224px (14rem)  */

.brand {
	padding-bottom: 15.0943%;										/*  tile height (32px)  ÷  tile width (212px)  X  100  */
	-webkit-background-size: 452.8302% auto;							/*  sprite width (960px)  ÷  tile width  X  100  */
	-moz-background-size: 452.8302% auto;
	-o-background-size: 452.8302% auto;
	background-size: 452.8302% auto;
}

.lineArt {
	padding-bottom: 25%;											/*  tile height (32px)  ÷  tile width (128px)  X  100  */
	-webkit-background-size: 750% auto;								/*  sprite width (960px)  ÷  tile width  X  100  */
	-moz-background-size: 750% auto;
	-o-background-size: 750% auto;
	background-size: 750% auto;
}

.logo {
	padding-bottom: 34.0426%;										/*  tile height (32px)  ÷  tile width (94px)  X  100  */
	-webkit-background-size: 1021.2766% auto;							/*  sprite width (960px)  ÷  tile width  X  100  */
	-moz-background-size: 1021.2766% auto;
	-o-background-size: 1021.2766% auto;
	background-size: 1021.2766% auto;
}

.map {
	padding-bottom: 16.6667%;										/*  tile height (32px)  ÷  tile width (192px)  X  100  */
	-webkit-background-size: 500% auto;								/*  sprite width (960px)  ÷  tile width  X  100  */
	-moz-background-size: 500% auto;
	-o-background-size: 500% auto;
	background-size: 500% auto;
}

.webButton {
	padding-bottom: 13.3333%;										/*  tile height (32px)  ÷  tile width (240px)  X  100  */
	-webkit-background-size: 400% auto;								/*  sprite width (960px)  ÷  tile width  X  100  */
	-moz-background-size: 400% auto;
	-o-background-size: 400% auto;
	background-size: 400% auto;
}

.webIcon {
	padding-bottom: 15.8416%;										/*  tile height (32px)  ÷  tile width (202px)  X  100  */
	-webkit-background-size: 475.2475% auto;							/*  sprite width (960px)  ÷  tile width  X  100  */
	-moz-background-size: 475.2475% auto;
	-o-background-size: 475.2475% auto;
	background-size: 475.2475% auto;
}

.webSprite {
	padding-bottom: 14.6789%;								/*  tile height (32px)  ÷  tile width (218px)  X  100  */
	-webkit-background-size: 440.367% auto;						/*  sprite width (960px)  ÷  tile width  X  100  */
	-moz-background-size: 440.367% auto;
	-o-background-size: 440.367% auto;                               /*  x-pos = 100 X tile left  ÷  abs(tile width - sprite width)  */
	background-size: 440.367% auto;                                  /*  y-pos = 100 X tile top  ÷  abs(tile height - sprite height [192])  */
}
																		/*  tile position (left, top) (x,y)  */
.brand				{ background-position: 0 0; }								/*  0,   0  		tile width:  212px  */
.lineArt				{ background-position: 0 16.6667%; }						/*  0,  32  		tile width:  128px  */
.logo				{ background-position: 0 33.3333%; }						/*  0,  64  		tile width:   94px  */
.map					{ background-position: 0 50%; }							/*  0,  96  		tile width:  192px  */
.webButton			{ background-position: 0 66.6667%; }						/*  0, 128  		tile width:  240px  */
.webIcon				{ background-position: 0 83.3333%; }						/*  0, 160  		tile width:  202px  */
.webSprite			{ background-position: 0 100%; }							/*  0, 192  		tile width:  218px  */

.brand:visited			{ background-position: 32.0856% 0; }						/*  240,   0  */
.lineArt:visited		{ background-position: 28.8462% 16.6667%; }					/*  240,  32  */
.logo:visited			{ background-position: 27.7136% 33.3333%; }					/*  240,  64  */
.map:visited			{ background-position: 31.25% 50%; }						/*  240,  96  */
.webButton:visited		{ background-position: 33.3333% 66.6667%; }					/*  240, 128  */
.webIcon:visited		{ background-position: 31.6623% 83.3333%; }					/*  240, 160  */
.webSprite:visited		{ background-position: 32.345% 100%; }						/*  240, 192  */

.brand:hover			{ background-position: 64.1711% 0; }						/*  480,   0  */
.lineArt:hover			{ background-position: 57.6923% 16.6667%; }					/*  480,  32  */
.logo:hover			{ background-position: 55.4273% 33.3333%; }					/*  480,  64  */
.map:hover			{ background-position: 62.5% 50%; }						/*  480,  96  */
.webButton:hover		{ background-position: 66.6667% 66.6667%; }					/*  480, 128  */
.webIcon:hover			{ background-position: 63.3245% 83.3333%; }					/*  480, 160  */
.webSprite:hover		{ background-position: 64.69% 100%; }						/*  480, 192  */

.brand:active			{ background-position: 96.2567% 0; }						/*  720,   0  */
.lineArt:active		{ background-position: 86.5385% 16.6667%; }					/*  720,  32  */
.logo:active			{ background-position: 83.1409% 33.3333%; }					/*  720,  64  */
.map:active			{ background-position: 93.75% 50%; }						/*  720,  96  */
.webButton:active		{ background-position: 100% 66.6667%; }						/*  720, 128  */
.webIcon:active		{ background-position: 94.9868% 83.3333%; }					/*  720, 160  */
.webSprite:active		{ background-position: 97.035% 100%; }						/*  720, 192  */

/*  **********  End Headers & Inline Text Navigation Links - Portfolio Graphic Art Designs Page  *********  */

/*  **********  Begin Headers & Inline Text Navigation Links - Portfolio Business Advertisement Designs Page  *********  */

i.clientIdxHdr, i.publicationIdxHdr { }

.clientIdxHdr15x, .publicationIdxHdr15x	{ width: 15rem; }				/*  tile width:  240px (15rem)	tile height:  24px (1.5rem)  */

.clientIdxHdr2x, .publicationIdxHdr2x	{ width: 15rem; }				/*  tile width:  240px (15rem)	tile height:  32px (2rem)  */

.clientIdxHdr, .publicationIdxHdr {
	display: block;
	max-width: 100%;
	height: 0;
	padding-bottom: 13.3333%;							  /*  tile height (32px)  ÷  tile width (240px)  X  100  */ 
	background: url(../images/sprites/portfolio/navsbBusAdvertHdr.png) center top no-repeat;	/*  Text Center, 2 rows (8 tiles), 4 columns  */
	-webkit-background-size: 400% auto;					  /*  sprite width (960px)  ÷  tile width  X  100  */
	-moz-background-size: 400% auto;                              /*  sprite width: 960px (60rem)  sprite height: 64px (4rem)  */
	-o-background-size: 400% auto;                                /*  x-pos = 100 X tile left  ÷  abs(tile width - sprite width)  */
	background-size: 400% auto;                                   /*  y-pos = 100 X tile top  ÷  abs(tile height - sprite height)  */
}													
.clientIdxHdr     			{ background-position: 0 0; }	          /*    0  0  */
.publicationIdxHdr     		{ background-position: 100% 100%; }	/*    0 32  */

.clientIdxHdr:visited		{ background-position: 33.3333% 0; }	/*  240  0  */
.publicationIdxHdr:visited	{ background-position: 33.3333% 100%; }	/*  240 32  */ 

.clientIdxHdr:hover     		{ background-position: 66.6667% 0; }	/*  480  0  */
.publicationIdxHdr:hover     	{ background-position: 66.6667% 100%; }	/*  480 32  */

.clientIdxHdr:active		{ background-position: 100% 0; }	     /*  720  0  */
.publicationIdxHdr:active	{ background-position: 100% 100%; }	/*  720 32  */

i.clientIdxHdr                { background-position: 100% 0; }        /*  720  0  */
i.publicationIdxHdr	          { background-position: 100% 100%; }	/*  720 32  */

.A2x, .B2x, .C2x, .D2x, .E2x, .F2x, .G2x, .H2x, .I2x, .J2x, .K2x, .L2x, .M2x, .N2x, .O2x, .P2x, .Q2x, .R2x, .S2x, .T2x, .U2x, .V2x, .W2x, .XYZ2x, .Z092x { width: 6rem; }                    /*  tile width: 96px (6rem)	tile height:  32px (2rem)  */

.AX, .BX, .CX, .DX, .EX, .FX, .GX, .HX, .IX, .JX, .KX, .LX, .MX, .NX, .OX, .PX, .QX, .RX, .SX, .TX, .UX, .VX, .WX, .XYZX, .Z09X {
	display: block;
	max-width: 100%;
	height: 0;
	padding-bottom: 33.3333%;						          /*  tile height (32px)  ÷  tile width (96px)  X  100  */
	background: url("../images/sprites/portfolio/navsbBusAdvert.png") center top no-repeat;
	-webkit-background-size: 400% auto;					     /*  sprite width (384px)  ÷  tile width  X  100  */	
	-moz-background-size: 400% auto;                                 /*  x-pos = 100 X tile left  ÷  abs(tile width - sprite width)  */
	-o-background-size: 400% auto;                                   /*  y-pos = 100 X tile top  ÷  abs(tile height - sprite height [800])  */
     background-size: 400% auto;
}
.AX               { background-position: 0 0; }           /*  0,   0 */
.BX               { background-position: 0 4.1667%; }     /*  0,  32 */
.CX               { background-position: 0 8.3333%; }     /*  0,  64 */
.DX               { background-position: 0 12.5%; }       /*  0,  96 */
.EX               { background-position: 0 16.6667%; }    /*  0, 128 */
.FX               { background-position: 0 20.8333%; }    /*  0, 160 */
.GX               { background-position: 0 25%; }         /*  0, 192 */
.HX               { background-position: 0 29.1667%; }    /*  0, 224 */
.IX               { background-position: 0 33.3333%; }    /*  0, 256 */
.JX               { background-position: 0 37.5%; }       /*  0, 288 */
.KX               { background-position: 0 41.6667%; }    /*  0, 320 */
.LX               { background-position: 0 45.8333%; }    /*  0, 352 */
.MX               { background-position: 0 50%; }         /*  0, 384 */
.NX               { background-position: 0 54.1667%; }    /*  0, 416 */
.OX               { background-position: 0 58.3333%; }    /*  0, 448 */
.PX               { background-position: 0 62.5%; }       /*  0, 480 */
.QX               { background-position: 0 66.6667%; }    /*  0, 512 */
.RX               { background-position: 0 70.8333%; }    /*  0, 544 */
.SX               { background-position: 0 75%; }         /*  0, 576 */
.TX               { background-position: 0 79.1667%; }    /*  0, 608 */
.UX               { background-position: 0 83.3333%; }    /*  0, 640 */
.VX               { background-position: 0 87.5%; }       /*  0, 672 */
.WX               { background-position: 0 91.6667%; }    /*  0, 704 */
.XYZX             { background-position: 0 95.8333%; }    /*  0, 736 */
.Z09X             { background-position: 0 100%; }        /*  0, 768 */

.AX:visited       { background-position: 33.3333% 0; }           /* 96,   0 */
.BX:visited       { background-position: 33.3333% 4.1667%; }     /* 96,  32 */
.CX:visited       { background-position: 33.3333% 8.3333%; }     /* 96,  64 */
.DX:visited       { background-position: 33.3333% 12.5%; }       /* 96,  96 */
.EX:visited       { background-position: 33.3333% 16.6667%; }    /* 96, 128 */
.FX:visited       { background-position: 33.3333% 20.8333%; }    /* 96, 160 */
.GX:visited       { background-position: 33.3333% 25%; }         /* 96, 192 */
.HX:visited       { background-position: 33.3333% 29.1667%; }    /* 96, 224 */
.IX:visited       { background-position: 33.3333% 33.3333%; }    /* 96, 256 */
.JX:visited       { background-position: 33.3333% 37.5%; }       /* 96, 288 */
.KX:visited       { background-position: 33.3333% 41.6667%; }    /* 96, 320 */
.LX:visited       { background-position: 33.3333% 45.8333%; }    /* 96, 352 */
.MX:visited       { background-position: 33.3333% 50%; }         /* 96, 384 */
.NX:visited       { background-position: 33.3333% 54.1667%; }    /* 96, 416 */
.OX:visited       { background-position: 33.3333% 58.3333%; }    /* 96, 448 */
.PX:visited       { background-position: 33.3333% 62.5%; }       /* 96, 480 */
.QX:visited       { background-position: 33.3333% 66.6667%; }    /* 96, 512 */
.RX:visited       { background-position: 33.3333% 70.8333%; }    /* 96, 544 */
.SX:visited       { background-position: 33.3333% 75%; }         /* 96, 576 */
.TX:visited       { background-position: 33.3333% 79.1667%; }    /* 96, 608 */
.UX:visited       { background-position: 33.3333% 83.3333%; }    /* 96, 640 */
.VX:visited       { background-position: 33.3333% 87.5%; }       /* 96, 672 */
.WX:visited       { background-position: 33.3333% 91.6667%; }    /* 96, 704 */
.XYZX:visited     { background-position: 33.3333% 95.8333%; }    /* 96, 736 */
.Z09X:visited     { background-position: 33.3333% 100%; }        /* 96, 768 */

.AX:hover         { background-position: 66.6667% 0; }           /* 192,   0 */
.BX:hover         { background-position: 66.6667% 4.1667%; }     /* 192,  32 */
.CX:hover         { background-position: 66.6667% 8.3333%; }     /* 192,  64 */
.DX:hover         { background-position: 66.6667% 12.5%; }       /* 192,  96 */
.EX:hover         { background-position: 66.6667% 16.6667%; }    /* 192, 128 */
.FX:hover         { background-position: 66.6667% 20.8333%; }    /* 192, 160 */
.GX:hover         { background-position: 66.6667% 25%; }         /* 192, 192 */
.HX:hover         { background-position: 66.6667% 29.1667%; }    /* 192, 224 */
.IX:hover         { background-position: 66.6667% 33.3333%; }    /* 192, 256 */
.JX:hover         { background-position: 66.6667% 37.5%; }       /* 192, 288 */
.KX:hover         { background-position: 66.6667% 41.6667%; }    /* 192, 320 */
.LX:hover         { background-position: 66.6667% 45.8333%; }    /* 192, 352 */
.MX:hover         { background-position: 66.6667% 50%; }         /* 192, 384 */
.NX:hover         { background-position: 66.6667% 54.1667%; }    /* 192, 416 */
.OX:hover         { background-position: 66.6667% 58.3333%; }    /* 192, 448 */
.PX:hover         { background-position: 66.6667% 62.5%; }       /* 192, 480 */
.QX:hover         { background-position: 66.6667% 66.6667%; }    /* 192, 512 */
.RX:hover         { background-position: 66.6667% 70.8333%; }    /* 192, 544 */
.SX:hover         { background-position: 66.6667% 75%; }         /* 192, 576 */
.TX:hover         { background-position: 66.6667% 79.1667%; }    /* 192, 608 */
.UX:hover         { background-position: 66.6667% 83.3333%; }    /* 192, 640 */
.VX:hover         { background-position: 66.6667% 87.5%; }       /* 192, 672 */
.WX:hover         { background-position: 66.6667% 91.6667%; }    /* 192, 704 */
.XYZX:hover       { background-position: 66.6667% 95.8333%; }    /* 192, 736 */
.Z09X:hover       { background-position: 66.6667% 100%; }        /* 192, 768 */

.AX:active       { background-position: 100% 0; }           /* 288,   0 */
.BX:active       { background-position: 100% 4.1667%; }     /* 288,  32 */
.CX:active       { background-position: 100% 8.3333%; }     /* 288,  64 */
.DX:active       { background-position: 100% 12.5%; }       /* 288,  96 */
.EX:active       { background-position: 100% 16.6667%; }    /* 288, 128 */
.FX:active       { background-position: 100% 20.8333%; }    /* 288, 160 */
.GX:active       { background-position: 100% 25%; }         /* 288, 192 */
.HX:active       { background-position: 100% 29.1667%; }    /* 288, 224 */
.IX:active       { background-position: 100% 33.3333%; }    /* 288, 256 */
.JX:active       { background-position: 100% 37.5%; }       /* 288, 288 */
.KX:active       { background-position: 100% 41.6667%; }    /* 288, 320 */
.LX:active       { background-position: 100% 45.8333%; }    /* 288, 352 */
.MX:active       { background-position: 100% 50%; }         /* 288, 384 */
.NX:active       { background-position: 100% 54.1667%; }    /* 288, 416 */
.OX:active       { background-position: 100% 58.3333%; }    /* 288, 448 */
.PX:active       { background-position: 100% 62.5%; }       /* 288, 480 */
.QX:active       { background-position: 100% 66.6667%; }    /* 288, 512 */
.RX:active       { background-position: 100% 70.8333%; }    /* 288, 544 */
.SX:active       { background-position: 100% 75%; }         /* 288, 576 */
.TX:active       { background-position: 100% 79.1667%; }    /* 288, 608 */
.UX:active       { background-position: 100% 83.3333%; }    /* 288, 640 */
.VX:active       { background-position: 100% 87.5%; }       /* 288, 672 */
.WX:active       { background-position: 100% 91.6667%; }    /* 288, 704 */
.XYZX:active     { background-position: 100% 95.8333%; }    /* 288, 736 */
.Z09X:active     { background-position: 100% 100%; }        /* 288, 768 */

/*  **********  End Headers & Inline Text Navigation Links - Portfolio Business Advertisement Designs Page  *********  */

/*  **********  Begin Headers & Inline Text Navigation Links - Portfolio Specialty Publications Pages  *********  */

.book15x			{ width: 4.5rem; }						/*  2x X 75%	    tile width:   72px (4.5rem)		tile height:  24px (1.5rem)  */
.booklet15x		{ width: 6.375rem; }					/*  2x X 75%	    tile width:  102px (6.375rem)		tile height:  24px (1.5rem)  */
.catalog15x		{ width: 6.5625rem; }					/*  2x X 75%	    tile width:  105px (6.5625rem)		tile height:  24px (1.5rem)  */
.directory15x		{ width: 7.7813rem }					/*  2x X 75%	    tile width:  124.5px (7.7813rem)	tile height:  24px (1.5rem)  */
.handbook15x		{ width: 7.875rem; }					/*  2x X 75%	    tile width:  126px (7.875rem)		tile height:  24px (1.5rem)  */
.magazine15x		{ width: 7.2188rem; }					/*  2x X 75%	    tile width:  115.5px (7.2188rem)	tile height:  24px (1.5rem)  */
.newsletter15x		{ width: 8.1563rem; }					/*  2x X 75%	    tile width:  130.5px (8.1563rem)	tile height:  24px (1.5rem)  */
.newspaper15x		{ width: 7.6875rem; }					/*  2x X 75%	    tile width:  123px (7.6875rem)		tile height:  24px (1.5rem)  */
.phonebook15x		{ width: 9.0938rem; }					/*  2x X 75%	    tile width:  145.5px (9.0938rem)	tile height:  24px (1.5rem)  */
.presentation15x	{ width: 15.75rem; }					/*  2x X 75%	    tile width:  252px (15.75rem)		tile height:  24px (1.5rem)  */
.program15x		{ width: 15.9375rem; }					/*  2x X 75%	    tile width:  255px (15.9375rem)	tile height:  24px (1.5rem)  */
.report15x		{ width: 5.25rem; }						/*  2x X 75%	    tile width:  84px (5.25rem)		tile height:  24px (1.5rem)  */
.trainingguide15x	{ width: 10.6875rem; }					/*  2x X 75%	    tile width:  171px (10.6875rem)	tile height:  24px (1.5rem)  */
.travelguide15x	{ width: 9.4688rem; }					/*  2x X 75%	    tile width:  151.5px (9.4688rem)	tile height:  24px (1.5rem)  */
.visitorguide15x	{ width: 9.6563rem; }					/*  2x X 75%	    tile width:  154.5px (9.6563rem)	tile height:  24px (1.5rem)  */
.yearbook15x		{ width: 8.25rem; }						/*  2x X 75%	    tile width:  132px (8.25rem)		tile height:  24px (1.5rem)  */

.book, .booklet, .catalog, .directory, .handbook, .magazine, .newsletter, .newspaper, .phonebook, .presentation, .program, .report, .trainingguide, .travelguide, .visitorguide, .yearbook {
	display: block;
	max-width: 100%;
	height: 0;
	background: url(../images/sprites/portfolio/navscSpecPub.png) left top no-repeat;	/*  Text Left, 16 rows (68 tiles), 4 columns  */
}																		/*  sprite width: 1376px (86rem)  sprite height: 512px (32rem)  */

.book {																		
	padding-bottom: 33.3333%;												/*  tile height (32px)  ÷  tile width (96px)  X  100  */
	-webkit-background-size: 1433.3333% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 1433.3333% auto;
	-o-background-size: 1433.3333% auto;
	background-size: 1433.3333% auto;
}
																		
.booklet {																		
	padding-bottom: 23.5294%;												/*  tile height (32px)  ÷  tile width (136px)  X  100  */
	-webkit-background-size: 1011.7647% auto;									
	-moz-background-size: 1011.7647% auto;										/*  sprite width (1376px)  ÷  tile width  X  100  */
	-o-background-size: 1011.7647% auto;
	background-size: 1011.7647% auto;
}
																		
.catalog {																		
	padding-bottom: 22.8571%;												/*  tile height (32px)  ÷  tile width (140px)  X  100  */
	-webkit-background-size: 982.8571% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 982.8571% auto;
	-o-background-size: 982.8571% auto;
	background-size: 982.8571% auto;
}
																		
.directory {																		
	padding-bottom: 19.2771%;												/*  tile height (32px)  ÷  tile width (166px)  X  100  */
	-webkit-background-size: 828.9157% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 828.9157% auto;
	-o-background-size: 828.9157% auto;
	background-size: 828.9157% auto;
}
																		
.handbook {																		
	padding-bottom: 19.0476%;												/*  tile height (32px)  ÷  tile width (168px)  X  100  */
	-webkit-background-size: 819.0476% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 819.0476% auto;
	-o-background-size: 819.0476% auto;
	background-size: 819.0476% auto;
}
																		
.magazine {																		
	padding-bottom: 20.7792%;												/*  tile height (32px)  ÷  tile width (154px)  X  100  */
	-webkit-background-size: 893.5065% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 893.5065% auto;
	-o-background-size: 893.5065% auto;
	background-size: 893.5065% auto;
}
																		
.newsletter {																		
	padding-bottom: 18.3908%;												/*  tile height (32px)  ÷  tile width (174px)  X  100  */
	-webkit-background-size: 790.8046% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 790.8046% auto;
	-o-background-size: 790.8046% auto;
	background-size: 790.8046% auto;
}
																		
.newspaper {																		
	padding-bottom: 19.5122%;												/*  tile height (32px)  ÷  tile width (164px)  X  100  */
	-webkit-background-size: 839.0244% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 839.0244% auto;
	-o-background-size: 839.0244% auto;
	background-size: 839.0244% auto;
}
.phonebook {																		
	padding-bottom: 16.4948%;												/*  tile height (32px)  ÷  tile width (194px)  X  100  */
	-webkit-background-size: 709.2784% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 709.2784% auto;
	-o-background-size: 709.2784% auto;
	background-size: 709.2784% auto;
}
																		
.presentation {																		
	padding-bottom: 9.5238%;													/*  tile height (32px)  ÷  tile width (336px)  X  100  */
	-webkit-background-size: 409.5238% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 409.5238% auto;
	-o-background-size: 409.5238% auto;
	background-size: 409.5238% auto;
}
																		
.program {																		
	padding-bottom: 9.4118%;													/*  tile height (32px)  ÷  tile width (340px)  X  100  */
	-webkit-background-size: 404.7059% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 404.7059% auto;
	-o-background-size: 404.7059% auto;
	background-size: 404.7059% auto;
}
																		
.report {																		
	padding-bottom: 28.5714%;												/*  tile height (32px)  ÷  tile width (112px)  X  100  */
	-webkit-background-size: 1228.5714% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 1228.5714% auto;
	-o-background-size: 1228.5714% auto;
	background-size: 1228.5714% auto;
}
																		
.trainingguide {																	
	padding-bottom: 14.0351%;												/*  tile height (32px)  ÷  tile width (228px)  X  100  */
	-webkit-background-size: 603.5088% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 603.5088% auto;
	-o-background-size: 603.5088% auto;
	background-size: 603.5088% auto;
}
																		
.travelguide {																	
	padding-bottom: 15.8416%;												/*  tile height (32px)  ÷  tile width (202px)  X  100  */
	-webkit-background-size: 681.1881% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 681.1881% auto;
	-o-background-size: 681.1881% auto;
	background-size: 681.1881% auto;
}
																		
.visitorguide {																		
	padding-bottom: 15.534%;													/*  tile height (32px)  ÷  tile width (206px)  X  100  */
	-webkit-background-size: 667.9612% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 667.9612% auto;
	-o-background-size: 667.9612% auto;
	background-size: 667.9612% auto;
}
																		
.yearbook {																		
	padding-bottom: 18.1818%;												/*  tile height (32px)  ÷  tile width (176px)  X  100  */
	-webkit-background-size: 781.8182% auto;									/*  sprite width (1376px)  ÷  tile width  X  100  */									
	-moz-background-size: 781.8182% auto;
	-o-background-size: 781.8182% auto;
	background-size: 781.8182% auto;
}
																		/*  x-pos = 100 X tile left  ÷  abs(tile width - sprite width)  */
																		/*  y-pos = 100 X tile top  ÷  abs(tile height - sprite height [480])  */
																		/*  tile position (left, top) (x,y)  */
.book				{ background-position: 0 0; }								/*  0,   0  		tile width:   96px  */
.booklet				{ background-position: 0 6.6667%; }						/*  0,  32  		tile width:  136px  */
.catalog				{ background-position: 0 13.3333%; }						/*  0,  64  		tile width:  140px  */
.directory			{ background-position: 0 20%; }							/*  0,  96  		tile width:  166px  */
.handbook				{ background-position: 0 26.6667%; }						/*  0, 128  		tile width:  168px  */
.magazine				{ background-position: 0 33.3333%; }						/*  0, 160  		tile width:  154px  */
.newsletter			{ background-position: 0 40%; }							/*  0, 192  		tile width:  174px  */
.newspaper			{ background-position: 0 46.6667%; }						/*  0, 224  		tile width:  164px  */
.phonebook			{ background-position: 0 53.3333%; }						/*  0, 256  		tile width:  194px  */
.presentation			{ background-position: 0 60%; }							/*  0, 288  		tile width:  336px  */
.program				{ background-position: 0 66.6667%; }						/*  0, 320  		tile width:  340px  */
.report				{ background-position: 0 73.3333%; }						/*  0, 352  		tile width:  112px  */
.trainingguide			{ background-position: 0 80%; }							/*  0, 384  		tile width:  228px  */
.travelguide			{ background-position: 0 86.6667%; }						/*  0, 416  		tile width:  202px  */
.visitorguide			{ background-position: 0 93.3333%; }						/*  0, 448  		tile width:  206px  */
.yearbook				{ background-position: 0 100%; }							/*  0, 480  		tile width:  176px  */

.book:visited			{ background-position: 26.875% 0; }						/*  344,   0  */
.booklet:visited		{ background-position: 27.7419% 6.6667%; }					/*  344,  32  */
.catalog:visited		{ background-position: 27.8317% 13.3333%; }					/*  344,  64  */
.directory:visited		{ background-position: 28.4298% 20%; }						/*  344,  96  */
.handbook:visited		{ background-position: 28.4768% 26.6667%; }					/*  344, 128  */
.magazine:visited		{ background-position: 28.1506% 33.3333%; }					/*  344, 160  */
.newsletter:visited		{ background-position: 28.619% 40%; }						/*  344, 192  */
.newspaper:visited		{ background-position: 28.3828% 46.6667%; }					/*  344, 224  */
.phonebook:visited		{ background-position: 29.1032% 53.3333%; }					/*  344, 256  */
.presentation:visited	{ background-position: 33.0769% 60%; }						/*  344, 288  */
.program:visited		{ background-position: 33.2046% 66.6667%; }					/*  344, 320  */
.report:visited		{ background-position: 27.2152% 73.3333%; }					/*  344, 352  */
.trainingguide:visited		{ background-position: 29.9652% 80%; }						/*  344, 384  */
.travelguide:visited		{ background-position: 29.3015% 86.6667%; }					/*  344, 416  */
.visitorguide:visited		{ background-position: 29.4017% 93.3333%; }					/*  344, 448  */
.yearbook:visited		{ background-position: 28.6667% 100%; }						/*  344, 480  */

.book:hover			{ background-position: 53.75% 0; }							/*  688,   0  */
.booklet:hover			{ background-position: 55.4839% 6.6667%; }					/*  688,  32  */
.catalog:hover			{ background-position: 55.6634% 13.3333%; }					/*  688,  64  */
.directory:hover		{ background-position: 56.8595% 20%; }						/*  688,  96  */
.handbook:hover		{ background-position: 56.9536% 26.6667%; }					/*  688, 128  */
.magazine:hover		{ background-position: 56.3011% 33.3333%; }					/*  688, 160  */
.newsletter:hover		{ background-position: 57.2379% 40%; }						/*  688, 192  */
.newspaper:hover		{ background-position: 56.7657% 46.6667%; }					/*  688, 224  */
.phonebook:hover		{ background-position: 58.2064% 53.3333%; }					/*  688, 256  */
.presentation:hover		{ background-position: 66.1538% 60%; }						/*  688, 288  */
.program:hover			{ background-position: 66.4093% 66.6667%; }					/*  688, 320  */
.report:hover			{ background-position: 54.4304% 73.3333%; }					/*  688, 352  */
.trainingguide:hover		{ background-position: 59.9303% 80%; }						/*  688, 384  */
.travelguide:hover			{ background-position: 58.6031% 86.6667%; }					/*  688, 416  */
.visitorguide:hover			{ background-position: 58.8034% 93.3333%; }					/*  688, 448  */
.yearbook:hover		{ background-position: 57.3333% 100%; }						/*  688, 480  */

.book:active			{ background-position: 80.625% 0; }						/*  1032,   0  */
.booklet:active		{ background-position: 83.2258% 6.6667%; }					/*  1032,  32  */
.catalog:active		{ background-position: 83.4951% 13.3333%; }					/*  1032,  64  */
.directory:active		{ background-position: 85.2893% 20%; }						/*  1032,  96  */
.handbook:active		{ background-position: 85.4305% 26.6667%; }					/*  1032, 128  */
.magazine:active		{ background-position: 84.4517% 33.3333%; }					/*  1032, 160  */
.newsletter:active		{ background-position: 85.8569% 40%; }						/*  1032, 192  */
.newspaper:active		{ background-position: 85.1485% 46.6667%; }					/*  1032, 224  */
.phonebook:active		{ background-position: 87.3096% 53.3333%; }					/*  1032, 256  */
.presentation:active	{ background-position: 99.2308% 60%; }						/*  1032, 288  */
.program:active		{ background-position: 99.6139% 66.6667%; }					/*  1032, 320  */
.report:active			{ background-position: 81.6456% 73.3333%; }					/*  1032, 352  */
.trainingguide:active		{ background-position: 89.8955% 80%; }						/*  1032, 384  */
.travelguide:active			{ background-position: 87.9046% 86.6667%; }					/*  1032, 416  */
.visitorguide:active		{ background-position: 88.2051% 93.3333%; }					/*  1032, 448  */
.yearbook:active		{ background-position: 86% 100%; }							/*  1032, 480  */

/*  **********  End Headers & Inline Text Navigation Links - Portfolio Specialty Publications Page  *********  */

/*  **********  Begin Headers & Inline Text Navigation Links - Portfolio Marketing Tools Page  *********  */

.bookmark15x		{ width: 7.875rem; }					/*  2x X 75%	    tile width:  126px (7.875rem)		tile height:  24px (1.5rem)  */
.brochure15x		{ width: 7.3125rem; }					/*  2x X 75%	    tile width:  117px (7.3125rem)		tile height:  24px (1.5rem)  */
.buscard15x		{ width: 10.3125rem; }					/*  2x X 75%	    tile width:  165px (10.3125rem)	tile height:  24px (1.5rem)  */
.calendar15x		{ width: 7.3125rem; }					/*  2x X 75%	    tile width:  117px (7.3125rem)		tile height:  24px (1.5rem)  */
.coupon15x		{ width: 6rem; }						/*  2x X 75%	    tile width:   96px (6rem)			tile height:  24px (1.5rem)  */
.decal15x			{ width: 4.9688rem; }					/*  2x X 75%	    tile width:   79.5px (4.9688rem)	tile height:  24px (1.5rem)  */
.doorhanger15x		{ width: 10.0313rem; }					/*  2x X 75%	    tile width:  160.5px (10.0313rem)	tile height:  24px (1.5rem)  */
.flyer15x			{ width: 4.4063rem; }					/*  2x X 75%	    tile width:   70.5px (4.4063rem)	tile height:  24px (1.5rem)  */
.giftcert15x		{ width: 11.25rem; }					/*  2x X 75%	    tile width:  180px (11.25rem)		tile height:  24px (1.5rem)  */
.greetingcard15x	{ width: 10.5938rem; }					/*  2x X 75%	    tile width:  169.5px (10.5938rem)	tile height:  24px (1.5rem)  */
.hangingtag15x		{ width: 9.375rem; }					/*  2x X 75%	    tile width:  150px (9.375rem)		tile height:  24px (1.5rem)  */
.invitation15x		{ width: 7.5rem; }						/*  2x X 75%	    tile width:  120px (7.5rem)		tile height:  24px (1.5rem)  */
.labelretail15x	{ width: 10.7813rem; }					/*  2x X 75%	    tile width:  172.5px (10.7813rem)	tile height:  24px (1.5rem)  */
.magnetic15x		{ width: 10.2188rem; }					/*  2x X 75%	    tile width:  163.5px (10.2188rem)	tile height:  24px (1.5rem)  */
.mediakit15x		{ width: 7.4063rem; }					/*  2x X 75%	    tile width:  118.5px (7.4063rem)	tile height:  24px (1.5rem)  */
.menu15x			{ width: 4.4063rem; }					/*  2x X 75%	    tile width:   70.5px (4.4063rem)	tile height:  24px (1.5rem)  */
.novelty15x		{ width: 9.375rem; }					/*  2x X 75%	    tile width:  150px (9.375rem)		tile height:  24px (1.5rem)  */
.pamphlet15x		{ width: 6.6563rem; }					/*  2x X 75%	    tile width:  106.5px (6.6563rem)	tile height:  24px (1.5rem)  */
.postcard15x		{ width: 7.6875rem; }					/*  2x X 75%	    tile width:  123px (7.6875rem)		tile height:  24px (1.5rem)  */
.rackcard15x		{ width: 8.25rem; }						/*  2x X 75%	    tile width:  132px (8.25rem)		tile height:  24px (1.5rem)  */
.sticker15x		{ width: 5.5313rem; }					/*  2x X 75%	    tile width:   88.5px (5.5313rem)	tile height:  24px (1.5rem)  */
.tabletent15x		{ width: 7.7813rem; }					/*  2x X 75%	    tile width:  124.5px (7.7813rem)	tile height:  24px (1.5rem)  */
.ticket15x		{ width: 4.6875rem; }					/*  2x X 75%	    tile width:  75px (4.6875rem)		tile height:  24px (1.5rem)  */
.windowcling15x	{ width: 10.5rem; }						/*  2x X 75%	    tile width:  168px (10.5rem)		tile height:  24px (1.5rem)  */

.bookmark, .brochure, .buscard, .calendar, .coupon, .decal, .doorhanger, .flyer, .giftcert, .greetingcard, .hangingtag, .invitation, .labelretail, .magnetic, .mediakit, .menu, .novelty, .pamphlet, .postcard, .rackcard, .sticker, .tabletent, .ticket, .windowcling {
	display: block;
	max-width: 100%;
	height: 0;
	background: url(../images/sprites/portfolio/navsdMktgTool.png) left top no-repeat;	/*  Text Left, 24 rows (96 tiles), 4 columns  */
}																		/*  sprite width: 992px (62rem)  sprite height: 768px (48rem)  */

.bookmark {																		
	padding-bottom: 19.0476%;												/*  tile height (32px)  ÷  tile width (168px)  X  100  */
	-webkit-background-size: 590.4762% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 590.4762% auto;
	-o-background-size: 590.4762% auto;
	background-size: 590.4762% auto;
}

.brochure {																		
	padding-bottom: 20.5128%;												/*  tile height (32px)  ÷  tile width (156px)  X  100  */
	-webkit-background-size: 635.8974% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 635.8974% auto;
	-o-background-size: 635.8974% auto;
	background-size: 635.8974% auto;
}

.buscard {																		
	padding-bottom: 14.5455%;												/*  tile height (32px)  ÷  tile width (220px)  X  100  */
	-webkit-background-size: 450.9091% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 450.9091% auto;
	-o-background-size: 450.9091% auto;
	background-size: 450.9091% auto;
}

.calendar {																		
	padding-bottom: 20.5128%;												/*  tile height (32px)  ÷  tile width (156px)  X  100  */
	-webkit-background-size: 635.8974% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 635.8974% auto;
	-o-background-size: 635.8974% auto;
	background-size: 635.8974% auto;
}

.coupon {																		
	padding-bottom: 25%;													/*  tile height (32px)  ÷  tile width (128px)  X  100  */
	-webkit-background-size: 775% auto;										/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 775% auto;
	-o-background-size: 775% auto;
	background-size: 775% auto;
}

.decal {																		
	padding-bottom: 30.1887%;												/*  tile height (32px)  ÷  tile width (106px)  X  100  */
	-webkit-background-size: 935.8491% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 935.8491% auto;
	-o-background-size: 935.8491% auto;
	background-size: 935.8491% auto;
}

.doorhanger {																		
	padding-bottom: 14.9533%;												/*  tile height (32px)  ÷  tile width (214px)  X  100  */
	-webkit-background-size: 463.5514% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 463.5514% auto;
	-o-background-size: 463.5514% auto;
	background-size: 463.5514% auto;
}

.flyer {																		
	padding-bottom: 34.0426%;												/*  tile height (32px)  ÷  tile width (94px)  X  100  */
	-webkit-background-size: 1055.3191% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 1055.3191% auto;
	-o-background-size: 1055.3191% auto;
	background-size: 1055.3191% auto;
}

.giftcert {																		
	padding-bottom: 13.3333%;												/*  tile height (32px)  ÷  tile width (240px)  X  100  */
	-webkit-background-size: 413.3333% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 413.3333% auto;
	-o-background-size: 413.3333% auto;
	background-size: 413.3333% auto;
}

.greetingcard {																		
	padding-bottom: 14.1593%;												/*  tile height (32px)  ÷  tile width (226px)  X  100  */
	-webkit-background-size: 438.9381% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 438.9381% auto;
	-o-background-size: 438.9381% auto;
	background-size: 438.9381% auto;
}

.hangingtag {																		
	padding-bottom: 16%;													/*  tile height (32px)  ÷  tile width (200px)  X  100  */
	-webkit-background-size: 496% auto;										/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 496% auto;
	-o-background-size: 496% auto;
	background-size: 496% auto;
}

.invitation {																		
	padding-bottom: 20%;													/*  tile height (32px)  ÷  tile width (160px)  X  100  */
	-webkit-background-size: 620% auto;										/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 620% auto;
	-o-background-size: 620% auto;
	background-size: 620% auto;
}

.labelretail {																		
	padding-bottom: 13.913%;													/*  tile height (32px)  ÷  tile width (230px)  X  100  */
	-webkit-background-size: 431.3043% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 431.3043% auto;
	-o-background-size: 431.3043% auto;
	background-size: 431.3043% auto;
}

.magnetic {																		
	padding-bottom: 14.6789%;												/*  tile height (32px)  ÷  tile width (218px)  X  100  */
	-webkit-background-size: 455.0459% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 455.0459% auto;
	-o-background-size: 455.0459% auto;
	background-size: 455.0459% auto;
}

.mediakit {																		
	padding-bottom: 20.2532%;												/*  tile height (32px)  ÷  tile width (158px)  X  100  */
	-webkit-background-size: 627.8481% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 627.8481% auto;
	-o-background-size: 627.8481% auto;
	background-size: 627.8481% auto;
}

.menu {																		
	padding-bottom: 34.0426%;												/*  tile height (32px)  ÷  tile width (94px)  X  100  */
	-webkit-background-size: 1055.3192% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 1055.3192% auto;
	-o-background-size: 1055.3192% auto;
	background-size: 1055.3192% auto;
}

.novelty {																		
	padding-bottom: 16%;													/*  tile height (32px)  ÷  tile width (200px)  X  100  */
	-webkit-background-size: 496% auto;										/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 496% auto;
	-o-background-size: 496% auto;
	background-size: 496% auto;
}

.pamphlet {																		
	padding-bottom: 22.5352%;												/*  tile height (32px)  ÷  tile width (142px)  X  100  */
	-webkit-background-size: 698.5915% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 698.5915% auto;
	-o-background-size: 698.5915% auto;
	background-size: 698.5915% auto;
}

.postcard {																		
	padding-bottom: 19.5122%;												/*  tile height (32px)  ÷  tile width (164px)  X  100  */
	-webkit-background-size: 604.878% auto;										/*  sprite width (992px)  ÷  tile width  X  100  */								
	-moz-background-size: 604.878% auto;
	-o-background-size: 604.878% auto;
	background-size: 604.878% auto;
}

.rackcard {																		
	padding-bottom: 18.1818%;												/*  tile height (32px)  ÷  tile width (176px)  X  100  */
	-webkit-background-size: 563.6364% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 563.6364% auto;
	-o-background-size: 563.6364% auto;
	background-size: 563.6364% auto;
}

.sticker {																		
	padding-bottom: 27.1186%;												/*  tile height (32px)  ÷  tile width (118px)  X  100  */
	-webkit-background-size: 840.678% auto;										/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 840.678% auto;
	-o-background-size: 840.678% auto;
	background-size: 840.678% auto;
}

.tabletent {																		
	padding-bottom: 19.2771%;												/*  tile height (32px)  ÷  tile width (166px)  X  100  */
	-webkit-background-size: 597.5904% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 597.5904% auto;
	-o-background-size: 597.5904% auto;
	background-size: 597.5904% auto;
}

.ticket {																		
	padding-bottom: 32%;													/*  tile height (32px)  ÷  tile width (100px)  X  100  */
	-webkit-background-size: 992% auto;										/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 992% auto;
	-o-background-size: 992% auto;
	background-size: 992% auto;
}

.windowcling {																		
	padding-bottom: 14.2857%;												/*  tile height (32px)  ÷  tile width (224px)  X  100  */
	-webkit-background-size: 442.8571% auto;									/*  sprite width (992px)  ÷  tile width  X  100  */									
	-moz-background-size: 442.8571% auto;
	-o-background-size: 442.8571% auto;
	background-size: 442.8571% auto;
}
																		/*  x-pos = 100 X tile left  ÷  abs(tile width - sprite width)  */
																		/*  y-pos = 100 X tile top  ÷  abs(tile height - sprite height [736])  */
																		/*  tile position (left, top) (x,y)  */
.bookmark				{ background-position: 0 0; }								/*  0,   0  		tile width:  168px  */
.brochure				{ background-position: 0 4.3478%; }						/*  0,  32 		tile width:  156px  */
.buscard				{ background-position: 0 8.6957%; }						/*  0,  64  		tile width:  220px  */
.calendar				{ background-position: 0 13.0435%; }						/*  0,  96  		tile width:  156px  */
.coupon				{ background-position: 0 17.3913%; }						/*  0, 128  		tile width:  128px  */
.decal				{ background-position: 0 21.7391%; }						/*  0, 160  		tile width:  106px  */
.doorhanger			{ background-position: 0 26.0869%; }						/*  0, 192  		tile width:  214px  */
.flyer				{ background-position: 0 30.4348%; }						/*  0, 224  		tile width:   94px  */
.giftcert				{ background-position: 0 34.7826%; }						/*  0, 256  		tile width:  240px  */
.greetingcard			{ background-position: 0 39.1304%; }						/*  0, 288  		tile width:  226px  */
.hangingtag			{ background-position: 0 43.4783%; }						/*  0, 320  		tile width:  200px  */
.invitation			{ background-position: 0 47.8261%; }						/*  0, 352  		tile width:  160px  */
.labelretail			{ background-position: 0 52.1739%; }						/*  0, 384  		tile width:  230px  */
.magnetic				{ background-position: 0 56.5217%; }						/*  0, 416  		tile width:  218px  */
.mediakit				{ background-position: 0 60.8696%; }						/*  0, 448  		tile width:  158px  */
.menu				{ background-position: 0 65.2174%; }						/*  0, 480  		tile width:   94px  */
.novelty				{ background-position: 0 69.5652%; }						/*  0, 512  		tile width:  200px  */
.pamphlet				{ background-position: 0 73.913%; }						/*  0, 544  		tile width:  142px  */
.postcard				{ background-position: 0 78.2609%; }						/*  0, 576  		tile width:  164px  */
.rackcard				{ background-position: 0 82.6087%; }						/*  0, 608  		tile width:  176px  */
.sticker				{ background-position: 0 86.9565%; }						/*  0, 640  		tile width:  118px  */
.tabletent			{ background-position: 0 91.3043%; }						/*  0, 672  		tile width:  166px  */
.ticket				{ background-position: 0 95.6522%; }						/*  0, 704  		tile width:  100px  */
.windowcling			{ background-position: 0 100%; }							/*  0, 736 		tile width:  224px  */

.bookmark:visited		{ background-position: 30.0971% 0; }						/*  248,   0  */
.brochure:visited		{ background-position: 29.6651% 4.3478%; }					/*  248,  32  */
.buscard:visited		{ background-position: 32.1244% 8.6957%; }					/*  248,  64  */
.calendar:visited		{ background-position: 29.6651% 13.0435%; }					/*  248,  96  */
.coupon:visited		{ background-position: 28.7037% 17.3913%; }					/*  248, 128  */
.decal:visited			{ background-position: 27.991% 21.7391%; }					/*  248, 160  */
.doorhanger:visited		{ background-position: 31.8766% 26.0869%; }					/*  248, 192  */
.flyer:visited			{ background-position: 27.6169% 30.4348%; }					/*  248, 224  */
.giftcert:visited		{ background-position: 32.9787% 34.7826%; }					/*  248, 256  */
.greetingcard:visited	{ background-position: 32.2917% 39.1304%; }					/*  248, 288  */
.hangingtag:visited		{ background-position: 31.3131% 43.4783%; }					/*  248, 320  */
.invitation:visited		{ background-position: 29.8077% 47.8261%; }					/*  248, 352  */
.labelretail:visited	{ background-position: 32.5459% 52.1739%; }					/*  248, 384  */
.magnetic:visited		{ background-position: 32.0413% 56.5217%; }					/*  248, 416  */
.mediakit:visited		{ background-position: 29.7362% 60.8696%; }					/*  248, 448  */
.menu:visited			{ background-position: 27.6169% 65.2174%; }					/*  248, 480  */
.novelty:visited		{ background-position: 31.3131% 69.5652%; }					/*  248, 512  */
.pamphlet:visited		{ background-position: 29.1765% 73.913%; }					/*  248, 544  */
.postcard:visited		{ background-position: 29.9517% 78.2609%; }					/*  248, 576  */
.rackcard:visited		{ background-position: 30.3922% 82.6087%; }					/*  248, 608  */
.sticker:visited		{ background-position: 28.3753% 86.9565%; }					/*  248, 640  */
.tabletent:visited		{ background-position: 30.0242% 91.3043%; }					/*  248, 672  */
.ticket:visited		{ background-position: 27.8027% 95.6522%; }					/*  248, 704  */
.windowcling:visited	{ background-position: 32.2917% 100%; }						/*  248, 736  */

.bookmark:hover		{ background-position: 60.1942% 0; }						/*  496,   0  */
.brochure:hover		{ background-position: 59.3301% 4.3478%; }					/*  496,  32  */
.buscard:hover			{ background-position: 64.2487% 8.6957%; }					/*  496,  64  */
.calendar:hover		{ background-position: 59.3301% 13.0435%; }					/*  496,  96  */
.coupon:hover			{ background-position: 57.4074% 17.3913%; }					/*  496, 128  */
.decal:hover			{ background-position: 55.9819% 21.7391%; }					/*  496, 160  */
.doorhanger:hover		{ background-position: 63.7532% 26.0869%; }					/*  496, 192  */
.flyer:hover			{ background-position: 55.2339% 30.4348%; }					/*  496, 224  */
.giftcert:hover		{ background-position: 65.9574% 34.7826%; }					/*  496, 256  */
.greetingcard:hover		{ background-position: 64.5833% 39.1304%; }					/*  496, 288  */
.hangingtag:hover		{ background-position: 62.6263% 43.4783%; }					/*  496, 320  */
.invitation:hover		{ background-position: 59.6154% 47.8261%; }					/*  496, 352  */
.labelretail:hover		{ background-position: 65.0919% 52.1739%; }					/*  496, 384  */
.magnetic:hover		{ background-position: 64.0827% 56.5217%; }					/*  496, 416  */
.mediakit:hover		{ background-position: 59.4724% 60.8696%; }					/*  496, 448  */
.menu:hover			{ background-position: 55.2339% 65.2174%; }					/*  496, 480  */
.novelty:hover			{ background-position: 62.6263% 69.5652%; }					/*  496, 512  */
.pamphlet:hover		{ background-position: 58.3529% 73.913%; }					/*  496, 544  */
.postcard:hover		{ background-position: 59.9034% 78.2609%; }					/*  496, 576  */
.rackcard:hover		{ background-position: 60.7843% 82.6087%; }					/*  496, 608  */
.sticker:hover			{ background-position: 56.7506% 86.9565%; }					/*  496, 640  */
.tabletent:hover		{ background-position: 60.0484% 91.3043%; }					/*  496, 672  */
.ticket:hover			{ background-position: 55.6054% 95.6522%; }					/*  496, 704  */
.windowcling:hover		{ background-position: 64.5833% 100%; }						/*  496, 736  */

.bookmark:active		{ background-position: 90.2913% 0; }						/*  744,   0  */
.brochure:active		{ background-position: 88.9952% 4.3478%; }					/*  744,  32  */
.buscard:active		{ background-position: 96.3731% 8.6957%; }					/*  744,  64  */
.calendar:active		{ background-position: 88.9952% 13.0435%; }					/*  744,  96  */
.coupon:active			{ background-position: 86.1111% 17.3913%; }					/*  744, 128  */
.decal:active			{ background-position: 83.9729% 21.7391%; }					/*  744, 160  */
.doorhanger:active		{ background-position: 95.6298% 26.0869%; }					/*  744, 192  */
.flyer:active			{ background-position: 82.8508% 30.4348%; }					/*  744, 224  */
.giftcert:active		{ background-position: 98.9362% 34.7826%; }					/*  744, 256  */
.greetingcard:active	{ background-position: 96.875% 39.1304%; }					/*  744, 288  */
.hangingtag:active		{ background-position: 93.9394% 43.4783%; }					/*  744, 320  */
.invitation:active		{ background-position: 89.4231% 47.8261%; }					/*  744, 352  */
.labelretail:active		{ background-position: 97.6378% 52.1739%; }					/*  744, 384  */
.magnetic:active		{ background-position: 96.124% 56.5217%; }					/*  744, 416  */
.mediakit:active		{ background-position: 89.2086% 60.8696%; }					/*  744, 448  */
.menu:active			{ background-position: 82.8508% 65.2174%; }					/*  744, 480  */
.novelty:active		{ background-position: 93.9394% 69.5652%; }					/*  744, 512  */
.pamphlet:active		{ background-position: 87.5294% 73.913%; }					/*  744, 544  */
.postcard:active		{ background-position: 89.8551% 78.2609%; }					/*  744, 576  */
.rackcard:active		{ background-position: 91.1765% 82.6087%; }					/*  744, 608  */
.sticker:active		{ background-position: 85.1259% 86.9565%; }					/*  744, 640  */
.tabletent:active		{ background-position: 90.0726% 91.3043%; }					/*  744, 672  */
.ticket:active			{ background-position: 83.4081% 95.6522%; }					/*  744, 704  */
.windowcling:active		{ background-position: 96.875% 100%; }						/*  744, 736  */

/*  **********  End Headers & Inline Text Navigation Links - Portfolio Marketing Tools Page  *********  */

/*  **********  Begin Headers & Inline Text Navigation Links - Portfolio Billboards & Signs Page  *********  */

.banner15x		{ width: 5.8125rem; }					/*  2x X 75%	    tile width:  93px (5.8125rem)		tile height:  24px (1.5rem)  */
.billboard15x		{ width: 7.6875rem; }					/*  2x X 75%    tile width:  123px (7.6875rem)		tile height:  24px (1.5rem)  */
.bldgsign15x		{ width: 9.8438rem; }					/*  2x X 75%	    tile width:  157.5px (9.8438rem)	tile height:  24px (1.5rem)  */
.poster15x		{ width: 5.0625rem; }					/*  2x X 75%	    tile width:  81px (5.0625rem)		tile height:  24px (1.5rem)  */
.sandwich15x		{ width: 12.0469rem; }					/*  2x X 75%	    tile width:  192.75px (12.0469rem)	tile height:  24px (1.5rem)  */
.sign15x			{ width: 11.4375rem; }					/*  2x X 75%	    tile width:  183px (11.4375rem)	tile height:  24px (1.5rem)  */
.tradeshow15x		{ width: 13.5rem; }						/*  2x X 75%	    tile width:  2165px (13.5rem)		tile height:  24px (1.5rem)  */
.vinylwrap15x		{ width: 8.8125rem; }					/*  2x X 75%	    tile width:  141px (8.8125rem)		tile height:  24px (1.5rem)  */
.yardsign15x		{ width: 7.5rem; }						/*  2x X 75%	    tile width:  120px (7.5rem)		tile height:  24px (1.5rem)  */

.banner, .billboard, .bldgsign, .poster, .sandwich, .sign, .tradeshow, .vinylwrap, .yardsign {
	display: block;
	max-width: 100%;
	height: 0;
	background: url(../images/sprites/portfolio/navseSignage.png) left top no-repeat;	/*  Text Left, 9 rows (36 tiles), 4 columns  */
}																	/*  sprite width: 1152px (72rem)  sprite height: 288px (18rem)  */

.banner {
	padding-bottom: 25.8065%;												/*  tile height (32px)  ÷  tile width (124px)  X  100  */
	-webkit-background-size: 929.0323% auto;									/*  sprite width (1152px)  ÷  tile width  X  100  */									
	-moz-background-size: 929.0323% auto;
	-o-background-size: 929.0323% auto;
	background-size: 929.0323% auto;
}

.billboard {
	padding-bottom: 19.5122%;												/*  tile height (32px)  ÷  tile width (164px)  X  100  */
	-webkit-background-size: 702.439% auto;										/*  sprite width (1152px)  ÷  tile width  X  100  */								
	-moz-background-size: 702.439% auto;
	-o-background-size: 702.439% auto;
	background-size: 702.439% auto;
}

.bldgsign {
	padding-bottom: 15.2381%;												/*  tile height (32px)  ÷  tile width (210px)  X  100  */
	-webkit-background-size: 548.5714% auto;									/*  sprite width (1152px)  ÷  tile width  X  100  */									
	-moz-background-size: 548.5714% auto;
	-o-background-size: 548.5714% auto;
	background-size: 548.5714% auto;
}

.poster {
	padding-bottom: 29.6296%;												/*  tile height (32px)  ÷  tile width (108px)  X  100  */
	-webkit-background-size: 1066.6667% auto;									/*  sprite width (1152px)  ÷  tile width  X  100  */									
	-moz-background-size: 1066.6667% auto;
	-o-background-size: 1066.6667% auto;
	background-size: 1066.6667% auto;
}

.sandwich {
	padding-bottom: 12.4514%;												/*  tile height (32px)  ÷  tile width (257px)  X  100  */
	-webkit-background-size: 448.249% auto;										/*  sprite width (1152px)  ÷  tile width  X  100  */									
	-moz-background-size: 448.249% auto;
	-o-background-size: 448.249% auto;
	background-size: 448.249% auto;
}

.sign {
	padding-bottom: 13.1148%;												/*  tile height (32px)  ÷  tile width (244px)  X  100  */
	-webkit-background-size: 472.1311% auto;									/*  sprite width (1152px)  ÷  tile width  X  100  */									
	-moz-background-size: 472.1311% auto;
	-o-background-size: 472.1311% auto;
	background-size: 472.1311% auto;
}

.tradeshow {
	padding-bottom: 11.1111%;												/*  tile height (32px)  ÷  tile width (288px)  X  100  */
	-webkit-background-size: 400% auto;										/*  sprite width (1152px)  ÷  tile width  X  100  */									
	-moz-background-size: 400% auto;
	-o-background-size: 400% auto;
	background-size: 400% auto;
}

.vinylwrap {
	padding-bottom: 17.0213%;												/*  tile height (32px)  ÷  tile width (188px)  X  100  */
	-webkit-background-size: 612.7659% auto;									/*  sprite width (1152px)  ÷  tile width  X  100  */									
	-moz-background-size: 612.7659% auto;
	-o-background-size: 612.7659% auto;
	background-size: 612.7659% auto;
}

.yardsign {
	padding-bottom: 20%;													/*  tile height (32px)  ÷  tile width (160px)  X  100  */
	-webkit-background-size: 720% auto;										/*  sprite width (1152px)  ÷  tile width  X  100  */									
	-moz-background-size: 720% auto;
	-o-background-size: 720% auto;
	background-size: 720% auto;
}
																		/*  x-pos = 100 X tile left  ÷  abs(tile width - sprite width)  */
																		/*  y-pos = 100 X tile top  ÷  abs(tile height - sprite height [256])  */
																		/*  tile position (left, top) (x,y)  */
.banner				{ background-position: 0 0; }								/*  0,   0  		tile width:  124px  */
.billboard			{ background-position: 0 12.5%; }							/*  0,  32  		tile width:  164px  */
.bldgsign				{ background-position: 0 25%; }							/*  0,  64  		tile width:  210px  */
.poster				{ background-position: 0 37.5%; }							/*  0, 128  		tile width:  108px  */
.sandwich				{ background-position: 0 50%; }							/*  0, 160  		tile width:  257px  */
.sign				{ background-position: 0 62.5%; }							/*  0, 192  		tile width:  244px  */
.tradeshow			{ background-position: 0 75%; }							/*  0,  96  		tile width:  288px  */
.vinylwrap			{ background-position: 0 87.5%; }							/*  0, 224  		tile width:  188px  */
.yardsign				{ background-position: 0 100%; }							/*  0, 256  		tile width:  160px  */

.banner:visited		{ background-position: 28.0156% 0; }						/*  288,   0  */
.billboard:visited		{ background-position: 29.1498% 12.5%; }					/*  288,  32  */
.bldgsign:visited		{ background-position: 30.5732% 25%; }						/*  288,  64  */
.poster:visited		{ background-position: 27.5862% 37.5%; }					/*  288, 128  */
.sandwich:visited		{ background-position: 32.1788% 50%; }						/*  288, 160  */
.sign:visited			{ background-position: 31.7181% 62.5%; }					/*  288, 192  */
.tradeshow:visited		{ background-position: 33.3333% 75%; }						/*  288,  96  */
.vinylwrap:visited		{ background-position: 29.8755% 87.5%; }					/*  288, 224  */
.yardsign:visited		{ background-position: 29.0323% 100%; }						/*  288, 256  */

.banner:hover			{ background-position: 56.0311% 0; }						/*  576,   0  */
.billboard:hover		{ background-position: 58.2996% 12.5%; }					/*  576,  32  */
.bldgsign:hover		{ background-position: 61.1465% 25%; }						/*  576,  64  */
.poster:hover			{ background-position: 55.1724% 37.5%; }					/*  576, 128  */
.sandwich:hover		{ background-position: 64.3575% 50%; }						/*  576, 160  */
.sign:hover			{ background-position: 63.4361% 62.5%; }					/*  576, 192  */
.tradeshow:hover		{ background-position: 66.6667% 75%; }						/*  576,  96  */
.vinylwrap:hover		{ background-position: 59.751% 87.5%; }						/*  576, 224  */
.yardsign:hover		{ background-position: 58.0645% 100%; }						/*  576, 256  */

.banner:active			{ background-position: 84.0467% 0; }						/*  864,   0  */
.billboard:active		{ background-position: 87.4494% 12.5%; }					/*  864,  32  */
.bldgsign:active		{ background-position: 91.7197% 25%; }						/*  864,  64  */
.poster:active			{ background-position: 82.7586% 37.5%; }					/*  864, 128  */
.sandwich:active		{ background-position: 96.5363% 50%; }						/*  864, 160  */
.sign:active			{ background-position: 95.1542% 62.5%; }					/*  864, 192  */
.tradeshow:active		{ background-position: 100% 75%; }							/*  864,  96  */
.vinylwrap:active		{ background-position: 89.6266% 87.5%; }					/*  864, 224  */
.yardsign:active		{ background-position: 87.0968% 100%; }						/*  864, 256  */

/*  **********  End Headers & Inline Text Navigation Links - Portfolio Billboards & Signs Page  *********  */

/*  **********  Begin Headers & Inline Text Navigation Links - Portfolio Web Development Page  *********  */

.webdesign15x			{ width: 10.2188rem; }				/*  2x X 75%	    tile width:  163.5px (10.2188rem)	tile height:  24px (1.5rem)  */
.webhosting15x			{ width: 16.3125rem; }				/*  2x X 75%	    tile width:  261px (16.3125rem)	tile height:  24px (1.5rem)  */
.webmaintain15x		{ width: 14.4375rem; }				/*  2x X 75%	    tile width:  231px (14.4375rem)	tile height:  24px (1.5rem)  */
.socialnetwork15x		{ width: 17.8125rem; }				/*  2x X 75%	    tile width:  285px (17.8125rem)	tile height:  24px (1.5rem)  */

.webdesign, .webhosting, .webmaintain, .socialnetwork {
	display: block;
	max-width: 100%;
	height: 0;
	background: url(../images/sprites/portfolio/navsfWebDev.png) left top no-repeat;	/*  Text Left, 4 rows (16 tiles), 4 columns  */
}																		/*  sprite width: 1520px (95rem)  sprite height: 128px (8rem)  */

.webdesign {
	padding-bottom: 14.6789%;												/*  tile height (32px)  ÷  tile width (218px)  X  100  */
	-webkit-background-size: 697.2477% auto;									/*  sprite width (1520px)  ÷  tile width  X  100  */									
	-moz-background-size: 697.2477% auto;
	-o-background-size: 697.2477% auto;
	background-size: 697.2477% auto;
}

.webhosting {
	padding-bottom: 9.1954%;													/*  tile height (32px)  ÷  tile width (348px)  X  100  */
	-webkit-background-size: 436.7816% auto;									/*  sprite width (1520px)  ÷  tile width  X  100  */									
	-moz-background-size: 436.7816% auto;
	-o-background-size: 436.7816% auto;
	background-size: 436.7816% auto;
}

.webmaintain {
	padding-bottom: 10.3896%;												/*  tile height (32px)  ÷  tile width (308px)  X  100  */
	-webkit-background-size: 493.5065% auto;									/*  sprite width (1520px)  ÷  tile width  X  100  */									
	-moz-background-size: 493.5065% auto;
	-o-background-size: 493.5065% auto;
	background-size: 493.5065% auto;
}

.socialnetwork {
	padding-bottom: 8.4211%;													/*  tile height (32px)  ÷  tile width (380px)  X  100  */
	-webkit-background-size: 400% auto;										/*  sprite width (1520px)  ÷  tile width  X  100  */									
	-moz-background-size: 400% auto;
	-o-background-size: 400% auto;
	background-size: 400% auto;
}
																		/*  x-pos = 100 X tile left  ÷  abs(tile width - sprite width)  */
																		/*  y-pos = 100 X tile top  ÷  abs(tile height - sprite height [96])  */
																		/*  tile position (left, top) (x,y)  */
.webdesign			{ background-position: 0 0; }								/*  0,  0  		tile width:  218px  */
.webhosting			{ background-position: 0 33.3333%; }						/*  0, 32  		tile width:  348px  */
.webmaintain			{ background-position: 0 66.6667%; }						/*  0, 64  		tile width:  308px  */
.socialnetwork			{ background-position: 0 100%; }							/*  0, 96  		tile width:  380px  */

.webdesign:visited		{ background-position: 29.1859% 0; }						/*  380,  0  */
.webhosting:visited		{ background-position: 32.4232% 33.3333%; }					/*  380, 32  */
.webmaintain:visited	{ background-position: 31.3531% 66.6667%; }					/*  380, 64  */
.socialnetwork:visited	{ background-position: 33.3333% 100%; }						/*  380, 96  */

.webdesign:hover		{ background-position: 58.3717% 0; }						/*  760,  0  */
.webhosting:hover		{ background-position: 64.8464% 33.3333%; }					/*  760, 32  */
.webmaintain:hover		{ background-position: 62.7063% 66.6667%; }					/*  760, 64  */
.socialnetwork:hover	{ background-position: 66.6667% 100%; }						/*  760, 96  */

.webdesign:active		{ background-position: 87.5576% 0; }						/*  1140,  0  */
.webhosting:active		{ background-position: 97.2696% 33.3333%; }					/*  1140, 32  */
.webmaintain:active		{ background-position: 94.0594% 66.6667%; }					/*  1140, 64  */
.socialnetwork:active	{ background-position: 100% 100%; }						/*  1140, 96  */

/*  **********  End Headers & Inline Text Navigation Links - Portfolio Web Development Page  *********  */

/*  **********  Begin Headers & Inline Text Navigation Links - Portfolio Photography Page  *********  */

.published15x			{ width: 15.9375rem; }				/*  2x X 75%	    tile width:  255px (15.9375rem)tile height:  24px (1.5rem)  */
.restoration15x		{ width: 13.3125rem; }				/*  2x X 75%	    tile width:  213px (13.3125rem)tile height:  24px (1.5rem)  */
.justbecause15x		{ width: 11.25rem; }				/*  2x X 75%	    tile width:  180px (11.25rem)	tile height:  24px (1.5rem)  */

.published, .restoration, .justbecause {
	display: block;
	max-width: 100%;
	height: 0;
	background: url(../images/sprites/portfolio/navsgPhotography.png) left top no-repeat;	/*  Text Left, 3 rows (12 tiles), 4 columns  */
}																		/*  sprite width: 1360px (85rem)  sprite height: 96px (6rem)  */

.published {
	padding-bottom: 9.4118%;													/*  tile height (32px)  ÷  tile width (340px)  X  100  */
	-webkit-background-size: 400% auto;										/*  sprite width (1360px)  ÷  tile width  X  100  */									
	-moz-background-size: 400% auto;
	-o-background-size: 400% auto;
	background-size: 400% auto;
}

.restoration {
	padding-bottom: 11.2676%;												/*  tile height (32px)  ÷  tile width (284px)  X  100  */
	-webkit-background-size: 478.8732% auto;									/*  sprite width (1360px)  ÷  tile width  X  100  */									
	-moz-background-size: 478.8732% auto;
	-o-background-size: 478.8732% auto;
	background-size: 478.8732% auto;
}

.justbecause {
	padding-bottom: 13.3333%;												/*  tile height (32px)  ÷  tile width (240px)  X  100  */
	-webkit-background-size: 566.6667% auto;									/*  sprite width (1360px)  ÷  tile width  X  100  */									
	-moz-background-size: 566.6667% auto;
	-o-background-size: 566.6667% auto;
	background-size: 566.6667% auto;
}
										/*  x-pos = 100 X tile left  ÷  abs(tile width - sprite width)  */
										/*  y-pos = 100 X tile top  ÷  abs(tile height - sprite height [64])  */
																		/*  tile position (left, top) (x,y)  */
.published			{ background-position: 0 0; }								/*  0,  0  		tile width:  340px  */
.restoration			{ background-position: 0 50%; }							/*  0, 32  		tile width:  284px  */
.justbecause			{ background-position: 0 100%; }							/*  0, 64  		tile width:  240px  */

.published:visited		{ background-position: 33.3333% 0; }						/*  340,  0  */
.restoration:visited	{ background-position: 31.5985% 50%; }						/*  340, 32  */
.justbecause:visited	{ background-position: 30.3571% 100%; }						/*  340, 64  */

.published:hover		{ background-position: 66.6667% 0; }						/*  680,  0  */
.restoration:hover		{ background-position: 63.197% 50%; }						/*  680, 32  */
.justbecause:hover		{ background-position: 60.7143% 100%; }						/*  680, 64  */

.published:active		{ background-position: 100% 0; }							/*  1020,  0  */
.restoration:active		{ background-position: 94.7955% 50%; }						/*  1020, 32  */
.justbecause:active		{ background-position: 91.0714% 100%; }						/*  1020, 64  */

/*  **********  End Headers & Inline Text Navigation Links - Portfolio Photography Page  *********  */

/*  **********  Begin Headers & Inline Text Navigation Links - Portfolio Forms & Stationery Page  *********  */

.awardcert15x		{ width: 13.125rem; }					/*  2x X 75%	    tile width:  210px (13.125rem)	tile height:  24px (1.5rem)  */
.emphandbook15x	{ width: 14.625rem; }					/*  2x X 75%	    tile width:  234px (14.625rem)	tile height:  24px (1.5rem)  */
.envelope15x		{ width: 6.9375rem; }					/*  2x X 75%	    tile width:  111px (6.9375rem)	tile height:  24px (1.5rem)  */
.filefolder15x		{ width: 8.4375rem; }					/*  2x X 75%	    tile width:  135px (8.4375rem)	tile height:  24px (1.5rem)  */
.form15x			{ width: 13.875rem; }					/*  2x X 75%	    tile width:  222px (13.875rem)	tile height:  24px (1.5rem)  */
.letterhead15x		{ width: 8.25rem; }						/*  2x X 75%	    tile width:  132px (8.25rem)	tile height:  24px (1.5rem)  */
.labeldisc15x		{ width: 9.5625rem; }					/*  2x X 75%	    tile width:  153px (9.5625rem)	tile height:  24px (1.5rem)  */
.labelmailing15x	{ width: 12rem; }						/*  2x X 75%	    tile width:  192px (12rem)	tile height:  24px (1.5rem)  */
.notepad15x		{ width: 11.625rem; }					/*  2x X 75%	    tile width:  186px (11.625rem)	tile height:  24px (1.5rem)  */

.awardcert, .emphandbook, .envelope, .filefolder, .form, .letterhead, .labeldisc, .labelmailing, .notepad {
	display: block;
	max-width: 100%;
	height: 0;
	background: url(../images/sprites/portfolio/navshFormStationery.png) left top no-repeat;	/*  Text Left, 8 rows (32 tiles), 4 columns  */
}																		/*  sprite width: 1248px (78rem)  sprite height: 288px (18rem)  */


.awardcert {
	padding-bottom: 11.4286%;												/*  tile height (32px)  ÷  tile width (280px)  X  100  */
	-webkit-background-size: 445.7143% auto;									/*  sprite width (1248px)  ÷  tile width  X  100  */									
	-moz-background-size: 445.7143% auto;
	-o-background-size: 445.7143% auto;
	background-size: 445.7143% auto;
}

.emphandbook {
	padding-bottom: 10.2564%;												/*  tile height (32px)  ÷  tile width (312px)  X  100  */
	-webkit-background-size: 400% auto;										/*  sprite width (1248px)  ÷  tile width  X  100  */									
	-moz-background-size: 400% auto;
	-o-background-size: 400% auto;
	background-size: 400% auto;
}

.envelope {
	padding-bottom: 21.6216%;												/*  tile height (32px)  ÷  tile width (148px)  X  100  */
	-webkit-background-size: 843.2432% auto;									/*  sprite width (1248px)  ÷  tile width  X  100  */									
	-moz-background-size: 843.2432% auto;
	-o-background-size: 843.2432% auto;
	background-size: 843.2432% auto;
}

.filefolder {
	padding-bottom: 17.7778%;												/*  tile height (32px)  ÷  tile width (180px)  X  100  */
	-webkit-background-size: 693.3333% auto;									/*  sprite width (1248px)  ÷  tile width  X  100  */									
	-moz-background-size: 693.3333% auto;
	-o-background-size: 693.3333% auto;
	background-size: 693.3333% auto;
}

.form {
	padding-bottom: 10.8108%;												/*  tile height (32px)  ÷  tile width (296px)  X  100  */
	-webkit-background-size: 421.6216% auto;									/*  sprite width (1248px)  ÷  tile width  X  100  */									
	-moz-background-size: 421.6216% auto;
	-o-background-size: 421.6216% auto;
	background-size: 421.6216% auto;
}

.letterhead {
	padding-bottom: 18.1818%;												/*  tile height (32px)  ÷  tile width (176px)  X  100  */
	-webkit-background-size: 709.0909% auto;									/*  sprite width (1248px)  ÷  tile width  X  100  */									
	-moz-background-size: 709.0909% auto;
	-o-background-size: 709.0909% auto;
	background-size: 709.0909% auto;
}

.labeldisc {
	padding-bottom: 15.6863%;												/*  tile height (32px)  ÷  tile width (204px)  X  100  */
	-webkit-background-size: 611.7647% auto;									/*  sprite width (1248px)  ÷  tile width  X  100  */								
	-moz-background-size: 611.7647% auto;
	-o-background-size: 611.7647% auto;
	background-size: 611.7647% auto;
}

.labelmailing {
	padding-bottom: 12.5%;													/*  tile height (32px)  ÷  tile width (256px)  X  100  */
	-webkit-background-size: 487.5% auto;										/*  sprite width (1248px)  ÷  tile width  X  100  */								
	-moz-background-size: 487.5% auto;
	-o-background-size: 487.5% auto;
	background-size: 487.5% auto;
}

.notepad {
	padding-bottom: 12.9032%;												/*  tile height (32px)  ÷  tile width (248px)  X  100  */
	-webkit-background-size: 503.2258% auto;									/*  sprite width (1248px)  ÷  tile width  X  100  */									
	-moz-background-size: 503.2258% auto;
	-o-background-size: 503.2258% auto;
	background-size: 503.2258% auto;
}
																		/*  x-pos = 100 X tile left  ÷  abs(tile width - sprite width)  */
																		/*  y-pos = 100 X tile top  ÷  abs(tile height - sprite height [256])  */
																		/*  tile position (left, top) (x,y)  */
.awardcert			{ background-position: 0 0; }								/*  0,   0  		tile width:  280px  */
.emphandbook			{ background-position: 0 12.5%; }							/*  0,  32  		tile width:  312px  */
.envelope				{ background-position: 0 25%; }							/*  0,  64  		tile width:  148px  */
.filefolder			{ background-position: 0 37.5%; }							/*  0,  96  		tile width:  180px  */
.form				{ background-position: 0 50%; }							/*  0, 128  		tile width:  296px  */
.letterhead			{ background-position: 0 62.5%; }							/*  0, 160  		tile width:  176px  */
.labeldisc			{ background-position: 0 75%; }							/*  0, 192  		tile width:  256px  */
.labelmailing			{ background-position: 0 87.5%; }							/*  0, 224  		tile width:  256px  */
.notepad				{ background-position: 0 100%; }							/*  0, 256  		tile width:  248px  */

.awardcert:visited		{ background-position: 32.2314% 0; }						/*  312,   0  */
.emphandbook:visited	{ background-position: 33.3333% 12.5%; }					/*  312,  32  */
.envelope:visited		{ background-position: 28.3636% 25%; }						/*  312,  64  */
.filefolder:visited		{ background-position: 29.2135% 37.5%; }					/*  312,  96  */
.form:visited			{ background-position: 32.7731% 50%; }						/*  312, 128  */
.letterhead:visited		{ background-position: 29.1045% 62.5%; }					/*  312, 160  */
.labeldisc:visited		{ background-position: 29.8851% 75%; }						/*  312, 192  */
.labelmailing:visited	{ background-position: 31.4516% 87.5%; }					/*  312, 224  */
.notepad:visited		{ background-position: 31.2% 100%; }						/*  312, 256  */

.awardcert:hover		{ background-position: 64.4628% 0; }						/*  624,   0  */
.emphandbook:hover		{ background-position: 66.6667% 12.5%; }					/*  624,  32  */
.envelope:hover		{ background-position: 56.7273% 25%; }						/*  624,  64  */
.filefolder:hover		{ background-position: 58.427% 37.5%; }						/*  624,  96  */
.form:hover			{ background-position: 65.5462% 50%; }						/*  624, 128  */
.letterhead:hover		{ background-position: 58.209% 62.5%; }						/*  624, 160  */
.labeldisc:hover		{ background-position: 59.7701% 75%; }						/*  624, 192  */
.labelmailing:hover		{ background-position: 62.9032% 87.5%; }					/*  624, 224  */
.notepad:hover			{ background-position: 62.4% 100%; }						/*  624, 256  */

.awardcert:active		{ background-position: 96.6942% 0; }						/*  936,   0  */
.emphandbook:active		{ background-position: 100% 12.5%; }						/*  936,  32  */
.envelope:active		{ background-position: 85.0909% 25%; }						/*  936,  64  */
.filefolder:active		{ background-position: 87.6404% 37.5%; }					/*  936,  96  */
.form:active			{ background-position: 98.3193% 50%; }						/*  936, 128  */
.letterhead:active		{ background-position: 87.3134% 62.5%; }					/*  936, 160  */
.labeldisc:active		{ background-position: 89.6552% 75%; }						/*  936, 192  */
.labelmailing:active	{ background-position: 94.3548% 87.5%; }					/*  936, 192  */
.notepad:active		{ background-position: 93.6% 100%; }						/*  936, 224  */

/*  **********  End Headers & Inline Text Navigation Links - Portfolio Forms & Stationery Page  *********  */