@font-face { font-family: 'Trajan Pro'; src: url('../fonts/trajan_pro.eot'); src: url('../fonts/trajan_pro.eot?#iefix') format('embedded-opentype'), url('../fonts/trajan_pro.svg#Trajan Pro') format('svg'), url('../fonts/trajan_pro.woff') format('woff'), url('../fonts/trajan_pro.ttf') format('truetype'); font-weight: normal; font-style: normal;}

/*--------------------------------------------------
/	Defaults
/---------------------------------------------------*/
html, body, header, nav, footer, div, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	overflow-y: scroll;
	-webkit-font-smoothing: antialiased;
}
html, body {
	height: 100%;
	font-size: 16px;
}
.page_container {
	min-height: 100%;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
a:active, a:hover {
	outline: 0;
}
header, footer, nav, section, article, hgroup, figure {
    display: block;
}
/*====================================================================================================*/

/*--------------------------------------------------
/	Styles (Mobile First)
/---------------------------------------------------*/
body {
	background-color: #FFFFFF;
	color: #000000;
	-webkit-text-size-adjust:none;
}
header {
	width: 100%;
	overflow: auto;
	border: 0;
	color: #FFFFFF;
	background: #0066d4;
	/* 
	background: #0147FA;
	background: -moz-linear-gradient(top,  #0000cc 0%, #0066ff 90%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0000cc), color-stop(90%,#0066ff));
	background: -webkit-linear-gradient(top,  #0000cc 0%,#0066ff 90%);
	background: -o-linear-gradient(top,  #0000cc 0%,#0066ff 90%);
	background: -ms-linear-gradient(top,  #0000cc 0%,#0066ff 90%);
	background: linear-gradient(to bottom,  #0000cc 0%,#0066ff 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000cc', endColorstr='#0066ff',GradientType=0 );
	-webkit-box-shadow: 0px 2px 3px #808080;
	-moz-box-shadow: 0px 2px 3px #808080;
	box-shadow: 0px 2px 3px #808080;
	*/
}
h1 {
	float: left;
	margin: 0.75em 0 0 0;
	width: 100%;
	text-align: center;
	font-family: 'Trajan Pro', Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.275em;
	letter-spacing: 2px;
	/* text-shadow: 1px 1px 1px #000099; */
}
h2 {
	float: left;
	clear: left;
	margin:0em 0 0.75em 0;
	width: 100%;
	text-align: center;
	font-family: 'Trajan Pro', Verdana, sans-serif;
	color: #FFFFFF;
	font-size: 0.8em;
	/* text-shadow: 1px 1px 1px #000099; */
	font-weight: normal;
}
header nav {
	display: none;
}
/*--------------------------------------------------*/
.content_container {
	padding-bottom: 18em;
	overflow: auto;
	width: 100%;
	max-width: 55em;
	margin: 0 auto;
}
.content {
	padding-top: 2em;
	float: left;
	width: 100%;
	text-align: center;
}
/* Store Front Image */
#store {
	width: 85%;
	height: auto;
	margin-bottom: 0.5em;
	border: 3px #000000 solid;
	-webkit-box-shadow: 2px 2px 2px #808080;
	-moz-box-shadow: 2px 2px 2px #808080;
	box-shadow: 2px 2px 2px #808080;
}
/* Award Image */
#award {
	width: 45%;
	height: auto;
	min-width: 150px;
	max-width: 200px;
	margin: 1em 0 0 0;
}
/* Hanger Image */
#hanger {
	width: 85%;
	height: auto;
	max-width: 360px;
	margin-bottom: 0.5em;
}
/* Map Image */
#map {
	width: 85%;
	height: auto;
	max-width: 334px;
	border: 1px #808080 solid;
	margin-top: 1em;
}
h3 {
	font-family: 'Trajan Pro', Verdana, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	padding: 0.75em 0 0 0;
}
h4 {
	font-family: 'Trajan Pro', Verdana, sans-serif;
	font-size: 1.325em;
	font-weight: normal;
	color: #202020;
	width: 85%;
	max-width: 450px;
	margin: 0 auto 0 auto;
	padding-bottom: 0.5em;
	border-bottom: 1px #808080 solid;
}
h5{
	width: 100%;
	margin: 1em 0 0.25em 0;
	color: #303030;
	font-size: 1.125em;
	font-weight: normal;
	text-align: center;
}
.content p {
	width: 75%;
	margin: 1em auto 0 auto;
	font-family: "Helvetica Neue", Verdana, sans-serif;
	font-size: 1em;
	color: #101010;
}
#services {
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-size: 1.125em;
	font-weight: 300;
	color: #404040;
}
#servicesList {
	width: 12.5em;
	margin: 0 auto 0 auto;
	text-align: center;
}
#about p {
	text-align: justify;
	color: #202020;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
}
#info {
	width: 18em;
	height:  6em;
	margin: 1em auto 2em auto;
	color: #202020;
	font-size: 1em;
	letter-spacing: 0px;
}
#info .infoLeft {
	width: 4.25em;
	padding: 5px 5px 10px 5px;
	text-align: right;
	float: left;
	clear: left;
	color: #606060;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
}
#info .infoRight {
	width: 12.5em;
	padding: 5px 5px 10px 5px;
	text-align: left;
	float: left;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
}
#info a:link {
	color: #202020;
	text-decoration: none;
}
#info a:visited {
	color: #202020;
	text-decoration: none;
}
#info a:hover {
	color: #202020;
	text-decoration: none;
}
/*--------------------------------------------------*/
.sidebar {
	float: left;
	clear: left;
	width: 100%;
	text-align: center;
}
.media_container {
	width: 85%;
	max-width: 250px;
	margin: 0 auto 0 auto;
	padding: 0 0.5% 1em 0.5%;
}
.social_media {
	float: left;
	width: 29.3%;
	margin: 2em 2% 1.5em 2%;
}
.social_media img{
	width: 100%;
}
.social_media img:hover {
	cursor: pointer;
}
#hours_container {
	clear: left;
	width: 100%;
	margin: 2em 0;
	padding: 0.75em 0;
	/* border-top: 1px #808080 solid; */
	background: #0066d4;
	/* 
	background-color: #0066CC;
	background: #0066CC;
	background: -moz-radial-gradient(center, ellipse cover,  #0054fc 0%, #1161f7 60%, #3075f4 91%, #508af4 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0054fc), color-stop(60%,#1161f7), color-stop(91%,#3075f4), color-stop(100%,#508af4));
	background: -webkit-radial-gradient(center, ellipse cover,  #0054fc 0%,#1161f7 60%,#3075f4 91%,#508af4 100%);
	background: -o-radial-gradient(center, ellipse cover,  #0054fc 0%,#1161f7 60%,#3075f4 91%,#508af4 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #0054fc 0%,#1161f7 60%,#3075f4 91%,#508af4 100%);
	background: radial-gradient(ellipse at center,  #0054fc 0%,#1161f7 60%,#3075f4 91%,#508af4 100%);
	*/
	color: #FFFFFF;
	font-family: "Helvetica Neue", Verdana, sans-serif;
	font-size: 0.9em;
	letter-spacing: 1px;
	/* 
	-webkit-box-shadow: 0px 5px 8px #808080;
	-moz-box-shadow: 0px 5px 8px #808080;
	box-shadow: 0px 5px 8px #808080; 
	*/
}
#hours_container .heading {
	width: 75%;
	min-width: 170px;
	margin: 0 auto 0.25em auto;
	padding-bottom: 0.25em;
	font-size: 1.25em;
	font-weight: 600;
	letter-spacing: 1px;
	border-bottom: 1px #FFFFFF solid;
}
#hours {
	height: 6em;
	width: 220px;
	margin: 0 auto;
	font-size: 1.125em;
}
#hours .left {
	width: 100px;
	padding: 5px;
	text-align: right;
	float: left;
	clear: left;
}
#hours .right {
	width: 100px;
	padding: 5px;
	text-align: left;
	float: left;
}
.sidebar .contact_button {
	clear: left;
	display: block;
	text-decoration: none;
	width: 75%;
	margin: 0.5em auto;
	max-width: 300px;
	/* border: 1px solid #404040; */
	border: 0;
	padding: 7px 0;
	text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-radius: 6px;
	background: #0066d4;
	/* -webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #404040;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#404040), to(#000000));
	background: -webkit-linear-gradient(#404040, #000000);
	background: -moz-linear-gradient(#404040, #000000);
	background: -ms-linear-gradient(#404040, #000000);
	background: -o-linear-gradient(#404040, #000000);
	background: linear-gradient(#404040, #000000);
	-pie-background: linear-gradient(#404040, #000000);
	behavior: url(/pie/PIE.htc); */
	color: #FFFFFF;
	font-size: 1.25em;
	font-family: "Helvetica Neue", Verdana, sans-serif;
}
.contact_button:hover {
	cursor: pointer;
}
#tel {
	display: block;
}
#phone {
	display: none;
}
#phone a:link {
	color: #000000;
	text-decoration: none;
}
.clear_both {
    float: left;
    clear: both;
    display: block;
    height: 1em;
}
/*--------------------------------------------------*/
footer {
	clear: both;
	width: 100%;
	height: 18em;
	margin-top: -18em;
	font-size: 1em;
	background: #202020;
}
footer nav ul {
	margin-bottom: 1em;
}
footer ul {
	width: 100%;
	float: left;
}
footer ul li {
	display: block;
	padding: 0.8em 0.5em 0.5em 1em;
	border-top: 1px #202020 solid;
	font-family: "Helvetica Neue", Verdana, sans-serif;
	font-weight: normal;
	background: #0066d4;
	/* background: #0147FA;
	background: -moz-linear-gradient(top,  #0066ff 0%, #0033ff 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0066ff), color-stop(60%,#0033ff));
	background: -webkit-linear-gradient(top,  #0066ff 0%,#0033ff 60%);
	background: -o-linear-gradient(top,  #0066ff 0%,#0033ff 60%);
	background: -ms-linear-gradient(top,  #0066ff 0%,#0033ff 60%);
	background: linear-gradient(to bottom,  #0066ff 0%,#0033ff 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#0033ff',GradientType=0 ); */
	color: #FFFFFF;
	/* text-shadow: 1px 1px 1px #000099; */
}
footer ul li:hover {
	cursor: pointer;
}
footer ul li a:link {
	text-decoration: none;
	color: #FFFFFF;
}
footer ul li a:visited {
	color: #FFFFFF;
}
footer p {
	margin: 0;
	text-align: center;
	color: #FFFFFF;
	/* font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; */
	font-family: "Helvetica Neue", Verdana, sans-serif;
	font-size: 0.875em;
	font-weight: 400;
}
footer img {
	float: right;
}
footer #top {
	padding-top: 1em;
}
footer p a:link {
	color: #FFFFFF;
	text-decoration: none;
}
footer p a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
footer p a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
/*====================================================================================================*/

/*--------------------------------------------------
/	480px
/---------------------------------------------------*/
@media all and (min-width: 30em) {

	/*--------------------------------------------------*/
	.content {
		width: 65%;
	}
	.content #store {
		width: 85%;
	}
	#info {
		padding: 0.2em 0;
		font-family: "Helvetica Neue", Verdana, sans-serif;
		font-size: 1em;
	}
	.sidebar {
		clear: none;
		width: 35%;
		margin-top: 0.5em;
	}
	#hours_container {
		border-top: none;
		background: none;
		background-color: #FFFFFF;
		color: #000000;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#hours_container .heading {
		border-bottom: 1px #808080 solid;
		font-weight: 500;
	}
	#hours {
		letter-spacing: 0px;
		font-size: 1em;
		width: 168px
	}
	#hours .left {
		width: 80px;
		padding: 5px 2px;
		text-align: right;
		float: left;
		clear: left;
	}
	#hours .right {
		width: 80px;
		padding: 5px 2px;
		text-align: left;
		float: left;
	}
	/*--------------------------------------------------*/

}
/*====================================================================================================*/

/*--------------------------------------------------
/	768px
/---------------------------------------------------*/
@media all and (min-width: 48em) {
	header {
		height: 7em;
		/* border-top: 2px #202020 solid;
		border-bottom: 1px #202020 solid; */
	}
	h1 {
		margin: 0.5em 0 0 0;
		text-align: center;
		font-size: 1.75em;
		letter-spacing: 4px;
		/* text-shadow: 1px 1px 1px #000099; */
	}
	h2 {
		margin: 0;
		font-size: 1em;
		letter-spacing: 0px;
	}
	h3 {
		font-size: 1.25em;
	}
	header nav {
		display: block;
		width: 100%;
		margin: 0.75em 0 0 0;
		float: left;
		clear: left;
		text-align: center;
		font-family: "Helvetica Neue", Verdana, sans-serif;
		font-size: 1em;
		letter-spacing: 1px;
		/* text-shadow: 1px 1px 1px #000099; */
	}
	header ul li {
		display: inline-block;
		margin: 0 2em 0 2em;
	}
	header ul li a:link {
		color: #FFFFFF;
		text-decoration: none;
	}
	header ul li a:visited{
		color: #FFFFFF;
		text-decoration: none;
	}
	header ul li a:hover {
		color: #FFFFFF;
	}
	header ul li a:active {
		color: #FFFFFF;
	}
	/*--------------------------------------------------*/
	.content_container {
		padding-bottom: 9.5em;
	}
	.content {
		float: left;
		width: 65%;
	}
	#store {
		max-width: 400px;
	}
	#award {
		max-width: 175px;
	}
	#info {
		font-size: 1.125em;
	}
	.sidebar {
		float: right;
		width: 35%;
	}
	#hours {
		height: 6em;
		width: 220px;
		margin: 0 auto;
		font-size: 1.125em;
		letter-spacing: 1px;
	}
	#hours .left {
		width: 100px;
		padding: 5px;
	}
	#hours .right {
		width: 100px;
		padding: 5px;
	}
	#tel {
		display: none;
	}
	#phone {
		display: block;
		clear: left;
		width: 75%;
		margin: 0.5em auto;
		max-width: 300px;
		padding: 7px 0;
		text-align: center;
		color: #000000;
		font-size: 1.375em;
		font-family: "Helvetica Neue", Verdana, sans-serif;
	}
	/*--------------------------------------------------*/
	footer {
		height: 7.5em;
		margin-top: -7.5em;
		/* 
		background: -moz-linear-gradient(top,  #101010 5%, #202020 90%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#101010), color-stop(90%,#202020));
		background: -webkit-linear-gradient(top,  #101010 5%,#202020 90%);
		background: -o-linear-gradient(top,  #101010 5%,#202020 90%);
		background: -ms-linear-gradient(top,  #101010 5%,#202020 90%);
		background: linear-gradient(to bottom,  #101010 5%,#202020 90%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#202020',GradientType=0 ); 
		*/
	}
	footer nav {
		display:none;
	}
}
/*====================================================================================================*/

/*--------------------------------------------------
/	1040px
/---------------------------------------------------*/
@media all and (min-width: 65em) {
	header {
		height: 7.4em;
		/* border-top: 3px #101010 solid; */
		/* border-bottom: 2px #202020 solid; */
	}
	h1 {
		letter-spacing: 5px;
		/* text-shadow: 2px 2px 1px #101010; */
	}
	h2 {
		letter-spacing: 1px;
	}
	header nav {
		margin: 0.7em 0 0 0;
		letter-spacing: 2px;
	}
	header ul li a:link {
		/* text-shadow: 2px 2px 1px #101010; */
	}
	header ul li a:hover {
		color: #FFFFFF;
		/* text-shadow: 1px 1px 1px #000000; */
	}
	/*--------------------------------------------------*/
	#store {
		max-width: 450px;
	}
}
/*====================================================================================================*/

/*--------------------------------------------------
/	Fade In animation
/---------------------------------------------------*/
@keyframes FadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}
@-webkit-keyframes FadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

.content {
	-webkit-animation: FadeIn 2s ease;
	animation: FadeIn 2s ease;
}


/* message */
.message {
	background: #eee;
}
.message_container {
	max-width: 48rem;
	margin: 0 auto;
	padding: 25px 50px;
	font-size: 18px;
	font-weight: bold;
}
.message_icon {
	text-align: center;
}
.message_container svg {
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}