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

/*  **********  Begin Headers Specialty Publications - Programs - Sprites *********  */

.specPub2x { width: 20.125rem; }												/*  tile width:  322px (20.125rem		tile height:  32px (2rem)  */

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

.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;
}
																		/*  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.specPub				{ background-position: 91.4286% 22.2222%; }					/*  1344,  64  */
i.specPub:hover		{ background-position: 91.4286% 22.2222%; }					/*  1344,  64  */


.program2x { width: 21.25rem; }												/*  tile width:  340px (21.25rem)		tile height:  32px (2rem)  */

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

.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;
}																		/*  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)  */
i.program				{ background-position: 99.6139% 66.6667%; }					/*  1032, 320  */
i.program:hover		{ background-position: 99.6139% 66.6667%; }					/*  1032, 320  */

/*  **********  End Headers Specialty Publications - Programs - Sprites  *********  */

/*  ==========  Begin Specialty Publications - Index - Programs - Sprite  ==========  */

.operahousetheatre20051x,
.operahousetheatre20061x, 
.operahousetheatre20071x, 
.operahousetheatre20081x, 
.operahousetheatre20091x, 
.operahousetheatre20101x, 
.operahousetheatre20111x, 
.operahousetheatre20121x, 
.operahousetheatre20131x, 
.operahousetheatre20141x, 
.operahousetheatre20151x, 
.operahousetheatre20161x, 
.operahousetheatre20171x, 
.operahousetheatre20181x, 
.operahousetheatre20191x { width: 12rem; }

.operahousetheatre2005,
.operahousetheatre2006, 
.operahousetheatre2007, 
.operahousetheatre2008, 
.operahousetheatre2009, 
.operahousetheatre2010, 
.operahousetheatre2011, 
.operahousetheatre2012, 
.operahousetheatre2013, 
.operahousetheatre2014, 
.operahousetheatre2015, 
.operahousetheatre2016, 
.operahousetheatre2017, 
.operahousetheatre2018, 
.operahousetheatre2019 {
	display: block;
	max-width: 100%;
	height: 0;
	padding-bottom: 8.4433%;												/*  tile height(16px) ÷  tile width(192px)  */  
	background: url(../../images/sprites/portfolio/c_specPub/navsProgramOHTC1x.png) left top no-repeat;
	-webkit-background-size: 400% auto;
	-moz-background-size: 400% auto;
	-o-background-size: 400% auto;
	background-size: 400% auto;											/*  sprite width = 758px  sprite height = 240px -- 15 tiles  */
}																	/*  x-pos = 100 X tile left  ÷  abs(tile width - sprite width)  */
																	/*  y-pos = 100 X tile top  ÷  abs(tile height - sprite height)  */
																	/*  tile position (left, top) (x,y)  */
.operahousetheatre2005				{ background-position: 0 0; }				/*  0, 0  */
.operahousetheatre2006				{ background-position: 0 7.1429%; }		/*  0, 16  */
.operahousetheatre2007				{ background-position: 0 14.2857%; }		/*  0, 32  */
.operahousetheatre2008				{ background-position: 0 21.4286%; }		/*  0, 48  */
.operahousetheatre2009				{ background-position: 0 28.5714%; }		/*  0, 64  */
.operahousetheatre2010				{ background-position: 0 35.7143%; }		/*  0, 80  */
.operahousetheatre2011				{ background-position: 0 42.8571%; }		/*  0, 96  */
.operahousetheatre2012				{ background-position: 0 50%; }			/*  0, 112  */
.operahousetheatre2013				{ background-position: 0 57.1428%; }		/*  0, 128  */
.operahousetheatre2014				{ background-position: 0 64.2857%; }		/*  0, 144  */
.operahousetheatre2015				{ background-position: 0 71.4286%; }		/*  0, 160  */
.operahousetheatre2016				{ background-position: 0 78.5714%; }		/*  0, 176  */
.operahousetheatre2017				{ background-position: 0 85.7143%; }		/*  0, 192  */
.operahousetheatre2018				{ background-position: 0 92.8571%; }		/*  0, 208  */
.operahousetheatre2019				{ background-position: 0 100%; }			/*  0, 224  */

.operahousetheatre2005:visited		{ background-position: 33.3333% 0; }		/*  192, 0  */
.operahousetheatre2006:visited		{ background-position: 33.3333% 7.1429%; }	/*  192, 16  */
.operahousetheatre2007:visited		{ background-position: 33.3333% 14.2857%; }	/*  192, 32  */
.operahousetheatre2008:visited		{ background-position: 33.3333% 21.4286%; }	/*  192, 48  */
.operahousetheatre2009:visited		{ background-position: 33.3333% 28.5714%; }	/*  192, 64  */
.operahousetheatre2010:visited		{ background-position: 33.3333% 35.7143%; }	/*  192, 80  */
.operahousetheatre2011:visited		{ background-position: 33.3333% 42.8571%; }	/*  192, 96  */
.operahousetheatre2012:visited		{ background-position: 33.3333% 50%; }		/*  192, 112  */
.operahousetheatre2013:visited		{ background-position: 33.3333% 57.1428%; }	/*  192, 128  */
.operahousetheatre2014:visited		{ background-position: 33.3333% 64.2857%; }	/*  192, 144  */
.operahousetheatre2015:visited		{ background-position: 33.3333% 71.4286%; }	/*  192, 160  */
.operahousetheatre2016:visited		{ background-position: 33.3333% 78.5714%; }	/*  192, 176  */
.operahousetheatre2017:visited		{ background-position: 33.3333% 85.7143%; }	/*  192, 192  */
.operahousetheatre2018:visited		{ background-position: 33.3333% 92.8571%; }	/*  192, 208  */
.operahousetheatre2019:visited		{ background-position: 33.3333% 100%; }		/*  192, 224  */

.operahousetheatre2005:hover			{ background-position: 66.6667% 0; }		/*  384, 0  */
.operahousetheatre2006:hover			{ background-position: 66.6667% 7.1429%; }	/*  384, 16  */
.operahousetheatre2007:hover			{ background-position: 66.6667% 14.2857%; }	/*  384, 32  */
.operahousetheatre2008:hover			{ background-position: 66.6667% 21.4286%; }	/*  384, 48  */
.operahousetheatre2009:hover			{ background-position: 66.6667% 28.5714%; }	/*  384, 64  */
.operahousetheatre2010:hover			{ background-position: 66.6667% 35.7143%; }	/*  384, 80  */	
.operahousetheatre2011:hover			{ background-position: 66.6667% 42.8571%; }	/*  384, 96  */
.operahousetheatre2012:hover			{ background-position: 66.6667% 50%; }		/*  384, 112  */
.operahousetheatre2013:hover			{ background-position: 66.6667% 57.1428%; }	/*  384, 128  */
.operahousetheatre2014:hover			{ background-position: 66.6667% 64.2857%; }	/*  384, 144  */
.operahousetheatre2015:hover			{ background-position: 66.6667% 71.4286%; }	/*  384, 160  */
.operahousetheatre2016:hover			{ background-position: 66.6667% 78.5714%; }	/*  384, 176  */
.operahousetheatre2017:hover			{ background-position: 66.6667% 85.7143%; }	/*  384, 192  */
.operahousetheatre2018:hover			{ background-position: 66.6667% 92.8571%; }	/*  384, 208  */
.operahousetheatre2019:hover			{ background-position: 66.6667% 100%; }		/*  384, 224  */

.operahousetheatre2005:active			{ background-position: 100% 0; }			/*  576, 0  */
.operahousetheatre2006:active			{ background-position: 100% 7.1429%; }		/*  576, 16  */
.operahousetheatre2007:active			{ background-position: 100% 14.2857%; }		/*  576, 32  */
.operahousetheatre2008:active			{ background-position: 100% 21.4286%; }		/*  576, 48  */
.operahousetheatre2009:active			{ background-position: 100% 28.5714%; }		/*  576, 64  */
.operahousetheatre2010:active			{ background-position: 100% 35.7143%; }		/*  576, 80  */
.operahousetheatre2011:active			{ background-position: 100% 42.8571%; }		/*  576, 96  */
.operahousetheatre2012:active			{ background-position: 100% 50%; }			/*  576, 112  */
.operahousetheatre2013:active			{ background-position: 100% 57.1428%; }		/*  576, 128  */
.operahousetheatre2014:active			{ background-position: 100% 64.2857%; }		/*  576, 144  */
.operahousetheatre2015:active			{ background-position: 100% 71.4286%; }		/*  576, 160  */
.operahousetheatre2016:active			{ background-position: 100% 78.5714%; }		/*  576, 176  */
.operahousetheatre2017:active			{ background-position: 100% 85.7143%; }		/*  576, 192  */
.operahousetheatre2018:active			{ background-position: 100% 92.8571%; }		/*  576, 208  */
.operahousetheatre2019:active			{ background-position: 100% 100%; }		/*  576, 224  */

/*  ++++++++++  End Portfolio Spec Publications - Programs - Index - Opera House Theatre  ++++++++++  */

/*  ++++++++++  Begin Portfolio Spec Publications - Program - Index - Rocky Mountain Accordion Celebration  ++++++++++  */

.rockymtnaccordioncelebration20051x,
.rockymtnaccordioncelebration20061x { width: 12rem; }

.rockymtnaccordioncelebration2005,
.rockymtnaccordioncelebration2006 {
	display: block;
	max-width: 100%;
	height: 0;
	padding-bottom: 16.6667%;												/*  tile height(32px) ÷  tile width(192px)  */  
	background: url(../../images/sprites/portfolio/c_specPub/navsProgramRMAC1x.png) left top no-repeat;
	-webkit-background-size: 400% auto;
	-moz-background-size: 400% auto;
	-o-background-size: 400% auto;
	background-size: 400% auto;												/*  sprite width = 758px  sprite height = 64px -- 2 tiles  */
}																		/*  x-pos = 100 X tile left  ÷  abs(tile width - sprite width)  */
																		/*  y-pos = 100 X tile top  ÷  abs(tile height - sprite height)  */
																		/*  tile position (left, top) (x,y)  */
.rockymtnaccordioncelebration2005			{ background-position: 0 0; }			/*    0,  0  */
.rockymtnaccordioncelebration2006			{ background-position: 0 100%; }		/*    0, 32  */

.rockymtnaccordioncelebration2005:visited	{ background-position: 33.3333% 0; }	/*  192,  0  */
.rockymtnaccordioncelebration2006:visited	{ background-position: 33.3333% 100%; }	/*  192, 32  */

.rockymtnaccordioncelebration2005:hover		{ background-position: 66.6667% 0; }	/*  384,  0  */
.rockymtnaccordioncelebration2006:hover		{ background-position: 66.6667% 100%; }	/*  384, 32  */

.rockymtnaccordioncelebration2005:active	{ background-position: 100% 0; }		/*  576,  0  */
.rockymtnaccordioncelebration2006:active	{ background-position: 100% 100%; }	/*  576, 32  */

/*  ++++++++++  End Portfolio Spec Publications - Program - Index - Rocky Mountain Accordion Celebration  ++++++++++  */

