@charset "utf-8";
/* MB Photo 2.0 CSS Document */

@media (orientation: landscape) /*and (min-width: 1201px)*/
{
 BODY
	{}

	#contact_backstop
		{ }
		#contact_backstop .loading
			{ }
			#contact_backstop .loading .text
				{ }

	#contact_popup
		{
		 width: 50%; height: auto;
		 margin: 0 25%;
		}
		#contact_popup #contact_inner
			{ }
			#contact_inner #contact_title
				{
				 position: absolute;
				 left: 1vmax; top: 0.7vmax;
				 font-size: 2.5vmax;
				}
	
				#contact_inner #contact_title .arobase
					{
					 font-size: 3vmax;
					 vertical-align:baseline;
					}
/*@media (orientation: landscape)*/
			#contact_inner #contact_close
				{
				 width: 2vmax; height: 2vmax;
				 position: absolute;
				 right: 1vmax; top: 1vmax;
				 z-index: 4400;
				}
			#contact_inner #contact_close:active
				{ top: 1.2vmax; }

			#contact_inner #contact_content
				{
				 padding: 5vmax 2vmax 2vmax;
				 position: relative;
				 left: 0; top: 0;
				 z-index: 2200;
				}
				#contact_inner #contact_content UL
					{
					 font-size: 2vmax;
					 padding: 1vmax 2vmax; margin: 0;
					}
					#contact_inner #contact_content UL LI
						{
						 width: 100%; height: 3.5vmax;
						 line-height: 3.5vmax;
						 padding: 0.5vmax 0;
						 float: none;
						}
					#contact_inner #contact_content UL LI.desktop.normal
						{ display: list-item; }
					#contact_inner #contact_content UL LI.mobile.normal
						{ display: none; }
					#contact_inner #contact_content UL LI.truncated
						{ display: none; }
						#contact_inner #contact_content UL LI.desktop.normal A:visited
							{ color: darkblue; }
/*@media (orientation: landscape)*/
						#contact_inner #contact_content UL LI IMG
							{ width: auto; height: 3.5vmax; }
						#contact_inner #contact_content UL LI IMG.icon
							{ margin-right: 1vmax; }

							#contact_inner #contact_content UL LI A IMG.obf
								{ width: auto; height: 3.5vmax; }
	
							#contact_inner #contact_content UL LI A IMG.obf.link
								{ }
							#contact_inner #contact_content UL LI A IMG.obf.hover
								{ }
	
							#contact_inner #contact_content UL LI A:hover IMG.obf.hover
								{ }
							#contact_inner #contact_content UL LI A:hover IMG.obf.link
								{ }
	
							#contact_inner #contact_content UL LI A:active IMG.obf
								{ position: relative; left: 0; top: 1px; }
	
						#contact_inner #contact_content UL LI SPAN.hours
							{ font-size: 70%; }

						#contact_inner #contact_content UL LI A#phone_toggle.showing,
						#contact_inner #contact_content UL LI A#vcard_toggle.showing/**/
							{ color: blue; }
/*@media (orientation: landscape)*/	
			#contact_inner .qr_container
				{
				 width: calc(100% - 4vmax);
				 height: auto; /*calc(100% - 12.5vmax);*/
				 position: absolute; left: 0; top: 0;
				 z-index: 3300;
				 padding-top: 1.5vmax;
				 margin: 5vmax 2vmax 2vmax;
				 background-color: white; /*rgba(0,0,255,0.25);*/
				}
				#contact_inner .qr_container IMG.qr_phone_number
					{
					 width: 8vmax; height: auto;
					 margin: 0 1vmax 0 2vmax;
					 float: left;
					}
				#contact_inner .qr_container IMG.qr_vcard
					{
					 width: 12.5vmax; height: auto;
					 margin: 0 1vmax 0 2vmax;
					 float: left;
					}
				#contact_inner .qr_container P.qr_directions
					{
					 margin-right: 2vmax;
					 margin-top: 1vmax;
					 font-size: 1.5vmax;
					}
} /*@media (orientation: landscape)*/

@media (orientation: portrait)
{
 BODY
	{}

	#contact_backstop
		{ }
		#contact_backstop .loading
			{ }
			#contact_backstop .loading .text
				{ }

	#contact_popup
		{
		 width: 80%; height: auto;
		 margin: 0 10%;
		}
		#contact_popup #contact_inner
			{ }
			#contact_inner #contact_title
				{
				 position: absolute;
				 left: 1vmax; top: 0.5vmax;
				 font-size: 3.3vmax;
				}
	
				#contact_inner #contact_title .arobase
					{
					 font-size: 4vmax;
					 vertical-align:baseline;
					}
/*@media (orientation: portrait)*/
			#contact_inner #contact_close
				{
				 width: 3vmax; height: auto;
				 position: absolute;
				 right: 1.2vmax; top: 1.2vmax;
				 z-index: 4400;
				}
			#contact_inner #contact_close:active
				{ top: 1.2vmax; }

			#contact_inner #contact_content
				{
				 padding: 6.2vmax 2vmax 2vmax;
				 position: relative;
				 left: 0; top: 0;
				 z-index: 2200;
				}
				#contact_inner #contact_content UL
					{
					 font-size: 3vmax;
					 padding: 1vmax 2vmax; margin: 0;
					}
					#contact_inner #contact_content UL LI
						{
						 width: 100%; height: 5vmax;
						 line-height: 5vmax;
						 padding: 0.5vmax 0;
						 float: none;
						}
					#contact_inner #contact_content UL LI.normal
						{ display: none; }
					#contact_inner #contact_content UL LI.desktop.normal
						{ display: none; }
					#contact_inner #contact_content UL LI.truncated
						{ display: list-item; }
						#contact_inner #contact_content UL LI.desktop.normal A:visited
							{ color: darkblue; }
				
/*@media (orientation: portrait)*/
						#contact_inner #contact_content UL LI IMG
							{ width: auto; height: 5vmax; }
						#contact_inner #contact_content UL LI IMG.icon
							{ margin-right: 1vmax; }

							#contact_inner #contact_content UL LI A IMG.obf
								{ width: auto; height: 5vmax; }
	
							#contact_inner #contact_content UL LI A IMG.obf.link
								{ }
							#contact_inner #contact_content UL LI A IMG.obf.hover
								{ }
	
							#contact_inner #contact_content UL LI A:hover IMG.obf.hover
								{ }
							#contact_inner #contact_content UL LI A:hover IMG.obf.link
								{ }
	
							#contact_inner #contact_content UL LI A:active IMG.obf
								{ position: relative; left: 0; top: 1px; }
	
						#contact_inner #contact_content UL LI SPAN.hours
							{ font-size: 70%; }

						#contact_inner #contact_content UL LI A#phone_toggle.showing,
						#contact_inner #contact_content UL LI A#vcard_toggle.showing/**/
							{ color: blue; }
/*@media (orientation: landscape)*/	
			#contact_inner .qr_container
				{
				 width: calc(100% - 4vmax);
				 height: auto; /*calc(100% - 12.5vmax);*/
				 position: absolute; left: 0; top: 0;
				 z-index: 3300;
				 padding-top: 1.5vmax;
				 margin: 5vmax 2vmax 2vmax;
				 background-color: white; /*rgba(0,0,255,0.25);*/
				}
				#contact_inner .qr_container IMG.qr_phone_number
					{
					 width: 8vmax; height: auto;
					 margin: 0 1vmax 0 2vmax;
					 float: left;
					}
				#contact_inner .qr_container IMG.qr_vcard
					{
					 width: 12.5vmax; height: auto;
					 margin: 0 1vmax 0 2vmax;
					 float: left;
					}
				#contact_inner .qr_container P.qr_directions
					{
					 margin-right: 2vmax;
					 margin-top: 1vmax;
					 font-size: 1.5vmax;
					}
} /*@media (orientation: portrait)*/