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

/*  **********  Begin Header Contact Information - Contact Page *********  */

#contactInfo {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

.contactFormButton {
	position: relative;
	display: inline-block;
	top: 0;
	float: right;
	margin: 1rem auto;
}

.contactOpen, .contactAddress {
	display: inline-block;
	margin: 1rem auto;
	text-align: left;
}

.contactOpen span, .contactAddress span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
}

.ofchours2x, .address2x	{ width: 12.5rem; }										/*  tile width:  200px (12.5rem)	tile height:  32px (2rem)  */

.ofchours, .address { width: 12.5rem; }

.ofchours, .address {
	display: block;
	max-width: 100%;
	height: 0;
	padding-bottom: 16%;													/*  tile height (32px)  ÷  tile width (200px)  X  100  */								
	background: url(../images/sprites/contact/contactInfo.png) left top no-repeat;
	-webkit-background-size: 100% auto;										/*  sprite width (200px)  ÷  tile width  X  100  */
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% 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)  */
.ofchours				{ background-position: 0 0; }								/*  0,  0			tile width:  160px  */
.address				{ background-position: 37.5% 100%; }						/*  0, 32			tile width:  116px  */

/*  **********  End Header Contact Information - Contact Page *********  */

/*  **********  Begin Inline Text Navigation Links - Contact & ContactForm Page *********  */
																		/*  ContentContainer 80%, Content 95%~76% Size Adjustment 1.24  */
.information1x			{ width: 12.4%;	min-width: 9.3rem; }					/*  tile width:  160px (10rem)	x 1.24	tile height:  16px (1rem)  */
.design1x				{ width: 8.99%;	min-width: 6.7425rem; }					/*  tile width:  116px (7.25rem)	x 1.24	tile height:  16px (1rem)  */
.payment1x			{ width: 13.33%;    min-width: 9.9975rem; }					/*  tile width:  172px (10.75rem)  x 1.24	tile height:  16px (1rem)  */
.filetransfer1x		{ width: 12.71%;	min-width: 9.5325rem; }					/*  tile width:  164px (10.25rem)  x 1.24	tile height:  16px (1rem)  */
.sitemaster1x			{ width: 6.82%;	min-width: 5.115rem; }					/*  tile width:   88px (5.5rem)	x 1.24	tile height:  16px (1rem)  */

.information, .design, .payment, .filetransfer, .sitemaster {
	display: block;
	max-width: 100%;
	height: 0;
	background: url(../images/sprites/contact/navsContactPage.png) left top no-repeat;			/*  Text Left, 5 rows, 4 columns (20 tiles)  */
}																		/*  sprite width: 688px (43rem)  sprite height: 80px (5rem)  */

.information {
	padding-bottom: 10%;													/*  tile height (16px)  ÷  tile width (160px)  X  100  */
	-webkit-background-size: 430% auto;										/*  sprite width (688px)  ÷  tile width  X  100  */
	-moz-background-size: 430% auto;
	-o-background-size: 430% auto;
	background-size: 430% auto;
}

.design {
	padding-bottom: 13.7931%;												/*  tile height (16px)  ÷  tile width (116px)  X  100  */
	-webkit-background-size: 593.1034% auto;									/*  sprite width (688px)  ÷  tile width  X  100  */
	-moz-background-size: 593.1034% auto;
	-o-background-size: 593.1034% auto;
	background-size: 593.1034% auto;
}

.payment {
	padding-bottom: 9.3023%;													/*  tile height (16px)  ÷  tile width (172px)  X  100  */
	-webkit-background-size: 400% auto;										/*  sprite width (688px)  ÷  tile width  X  100  */
	-moz-background-size: 400% auto;
	-o-background-size: 400% auto;
	background-size: 400% auto;
}

.filetransfer {
	padding-bottom: 9.5%;													/*  tile height (16px)  ÷  tile width (164px)  X  100  */
	-webkit-background-size: 419.5122% auto;									/*  sprite width (688px)  ÷  tile width  X  100  */
	-moz-background-size: 419.5122% auto;
	-o-background-size: 419.5122% auto;
	background-size: 419.5122% auto;
}

.sitemaster {
	padding-bottom: 18%;													/*  tile height (16px)  ÷  tile width (88px)  X  100  */
	-webkit-background-size: 781.8182% auto;									/*  sprite width (688px)  ÷  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 [64])  */
																		/*  tile position (left, top) (x,y)  */
.information			{ background-position: 0 0; }								/*  0,  0			tile width:  160px  */
.design				{ background-position: 0 25%; }							/*  0, 16			tile width:  116px  */
.payment				{ background-position: 0 50%; }							/*  0, 32 		tile width:  172px  */
.filetransfer			{ background-position: 0 75%; }							/*  0, 48 		tile width:  164px  */
.sitemaster			{ background-position: 0 100%; }							/*  0, 64 		tile width:   88px  */

.information:visited	{ background-position: 32.5758% 0; }						/*  172,  0  */
.design:visited		{ background-position: 30.0699% 25%; }						/*  172, 16  */
.payment:visited		{ background-position: 33.3333% 50%; }						/*  172, 32  */
.filetransfer:visited	{ background-position: 32.8244% 75%; }						/*  172, 48  */
.sitemaster:visited		{ background-position: 28.6667% 100%; }						/*  172, 64  */

.information:hover		{ background-position: 65.1515% 0; }						/*  344, 96  */
.design:hover			{ background-position: 60.1399% 25%; }						/*  344, 16  */
.payment:hover			{ background-position: 66.6667% 50%; }						/*  344, 32  */
.filetransfer:hover		{ background-position: 65.6489% 75%; }						/*  344, 48  */
.sitemaster:hover		{ background-position: 57.3333% 100%; }						/*  344, 64  */

.information:active		{ background-position: 97.7273% 0; }						/*  516, 96  */
.design:active			{ background-position: 90.2098% 25%; }						/*  516, 16  */
.payment:active		{ background-position: 100% 50%; }							/*  516, 32  */
.filetransfer:active	{ background-position: 98.4733% 75%; }						/*  516, 48  */
.sitemaster:active		{ background-position: 86% 100%; }							/*  516, 64  */

/*  **********  End Headers & Inline Text Navigation Links - Contact Page  *********  */