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

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

.signage2x { width: 17.875rem; }												/*  tile width:  286px (17.875rem0		tile height:  32px (2rem)  */

.signage {
	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)  */

.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;
}																		/*  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)  */
i.signage				{ background-position: 89.243% 44.4444%; }					/*  1344, 128  */
i.signage:hover		{ background-position: 89.243% 44.4444%; }					/*  1344, 128  */

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

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

.banner2x			{ width: 7.75rem; }											/*  tile width:  124px (7.75rem)		tile height:  32px (2rem)  */
.billboard2x		{ width: 10.25rem; }										/*  tile width:  164px (10.25rem)		tile height:  32px (2rem)  */
.bldgsign2x		{ width: 13.125rem; }										/*  tile width:  210px (13.125rem)		tile height:  32px (2rem)  */
.poster2x			{ width: 6.75rem; }											/*  tile width:  108px (6.75rem)		tile height:  32px (2rem)  */
.sandwich2x		{ width: 16.0625rem; }										/*  tile width:  257px (16.0625rem)	tile height:  32px (2rem)  */
.sign2x			{ width: 15.25rem; }										/*  tile width:  244px (15.25rem)		tile height:  32px (2rem)  */
.tradeshow2x		{ width: 18rem; }											/*  tile width:  288px (18rem)		tile height:  32px (2rem)  */
.vinylwrap2x		{ width: 11.75rem; }										/*  tile width:  188px (11.75rem)		tile height:  32px (2rem)  */
.yardsign2x		{ width: 10rem; }											/*  tile width:  160px (10rem)		tile height:  32px (2rem)  */

.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  */

/*  SAME AS :ACTIVE  */

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

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

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