/* -------------------------- Main Website Styles -------------------------- */

body {
	background-color : #ffffff;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	margin-bottom: 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	line-height: 24px;
	color: #000000;
}
img, a img {	
	border: 0 none;
}
*,
*::after, 
*::before {
	 -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
				box-sizing: border-box;
}
a {
	outline: none;
}
a[href^="tel"]{
    color:inherit!important;
    text-decoration:none!important;
}
H1 {
	font-size : 18px;
	margin-bottom : 0px;
	margin-top: 0px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}
H2 {
	font-size : 24px;
	margin-bottom : 5px;
	margin-top: 0px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
	line-height: 24px;
	font-family: "Times New Roman", Times, serif;
}
H3 {
	font-size : 14px;
	margin-bottom : 0px;
	margin-top: 0px;
	font-weight: bold;
	font-style: normal;
	color: #000000;
}
H4 {
	font-size : 12px;
	margin-bottom : 0px;
	margin-top: 0px;
	font-weight: bold;
	color: #000000;
}
hr /* Make sure you upate all the color hexes when changing, different browsers read this tag differently. */
	{
	border: 0px solid #cccccc;
	color: #cccccc;
	height: 1px;
	background-color: #cccccc;
}
A, A:Link, A:Visited {
	color: #f13f31;
	text-decoration: none;
	font-weight: bold;
}
A:Hover {
	color: #f18231;
	text-decoration: underline;
}



/* ------ Grid Column Classes ------ */

/* Example Layout:
*  
*
*	<div class="section group">
*		<div class="col span_6">
*			Content Goes Here.
*		</div>
*		<div class="col span_6">
*			Content Goes Here.
*		</div>
*	</div>
*
*
*/

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/* GROUPING */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* Grid-Style Div Classes */

.col {
	display: block;
	float: left;
}
.col_padding {
	padding: 5px;
}

/* 
Span classes are all out of 12 columns.
i.e .span_6 = length of 6 columns out of 12, or half width. 
*/

.span_12 {
	width: 100%;
}

.span_11 {
	width: 91.66%;
}

.span_10 {
	width: 83.33%;
}

.span_9 {
	width: 75%;
}

.span_8 {
	width: 66.66%;
}

.span_7 {
	width: 58.33%; 
}

.span_6 {
	width: 50%;
}

.span_5 {
	width: 41.66%; 
}

.span_4 {
	width: 33.33%; 
}

.span_3 {
	width: 25%;
}

.span_2 {
	width: 16.66%; 
}

.span_1 {
	width: 8.33%; 
}


   /* -------------------------- Specialty Website Styles -------------------------- */

.pencil {
	width: 16px!important;
	height: 16px!important;
}
.hiddenPic {
   display:none;
}
@media print {
	.noprint { display: none; }
}
.over img:hover { 
	filter : alpha(opacity=70); 
	-moz-opacity: 0.7; 
	opacity:0.7; /* FX/Opera/Safari/Chrome */
}
.clearer {
	clear: both;
}
.categories-text {
	line-height: 18px;
	font-size: 12px;
}
.box-categories a:link, 
.box-categories a:visited {
	font-size: 14px;
}
.font-white,
.font-white h1,
.font-white h2,
.font-white h3,
.font-white h4,
.font-white a,
.font-white a:link,
.font-white a:visited {
	color: white;
}
.font-black,
.font-black h1,
.font-black h2,
.font-black h3,
.font-black h4,
.font-black a,
.font-black a:link,
.font-black a:visited {
	color: black;
}
.font-gray,
.font-gray h1,
.font-gray h2,
.font-gray h3,
.font-gray h4,
.font-gray a,
.font-gray a:link,
.font-gray a:visited {
	color: #5f5f5f;
}
#directions a{
	text-decoration: underline!important;
	font-size: 11px!important;
	color: -webkit-link;
}

   /* -------------------------- Structure Style Classes Go Here -------------------------- */

.main-container  {
	width: 100%; 
   position: relative;
	text-align: left;
}
.boxed {
	width: 1050px;
	margin: 0 auto;
}
.padding {
	padding: 20px;
}
.padding2 {
	padding: 15px;
}
.padding-center {
	padding-top: 25px;
	padding-bottom: 25px;
}
.padding-left {
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
}
.padding-right {
	padding-top: 25px;
	padding-left: 25px;
	padding-bottom: 25px;
}
.bg-body {
	background-color: white;
}
.box-body {

}
.box-left {

}
.box-right {

}
.box-main {
	
}
.box-story-content {
	
}


/* -------------------------- Button Style Classes Go Here -------------------------- */


.btn,
.btn:link,
.btn:visited {
    display: inline-block;
    padding: 5px;
    min-width: 100px;
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
    color: white;
	border: none; 
}
.btn:hover {
	text-decoration: none;
	cursor: pointer;
}

.btn-blue,
.btn-blue:link,
.btn-blue:visited {
    background-color: #323079;
	color: white;
}
.btn-blue:hover {
    background-color: #5755a9;
}

	

   /* -------------------------- Header Style Classes Go Here -------------------------- */

.slicknav_menu,
.js #menu {
display: none;
}  
.bg-top {
	
}
.box-top {
	
}
.bg-header {
	
}
.box-header {  
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
.bg-menu {
	
}
.box-menu {
	
}
.box-logo {
	
}   


/* -------------------------- Footer Style Classes Go Here -------------------------- */
   

.bg-footer {

}
.box-footer {

}
.footer-left {
	
}
.footer-right {
	text-align: right;
}


/* -------------------------- Home Classes Go Here -------------------------- */






/* -------------------------- Custom Style Classes Go Here -------------------------- */

.box-art-display img {
	max-width: 100%;
	height: auto;
}
.box-art-details {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}
.box-art-details h2 {
	margin-bottom: 15px;
}
.box-contact {
	position: fixed;
}