/* TEMPLATE STYLESHEET =============================================================================  */

/* html5reset.css  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
    line-height: 1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000; 
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration:  line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;   
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

pre {
	padding: 0;
	margin: 0;
	font-family: 'PT Mono', monospace;
    color: #000;
	white-space: pre-wrap;
	font-size: 1.1rem;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 26, 2013 */

@font-face {
    font-family: 'exotc350_dmbd_btdemi-bold';
    src: url('../fonts/webfontkit1/exotic_350_demi-bold_bt-webfont.eot');
    src: url('../fonts/webfontkit1/exotic_350_demi-bold_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfontkit1/exotic_350_demi-bold_bt-webfont.woff') format('woff'),
         url('../fonts/webfontkit1/exotic_350_demi-bold_bt-webfont.ttf') format('truetype'),
         url('../fonts/webfontkit1/exotic_350_demi-bold_bt-webfont.svg#exotc350_dmbd_btdemi-bold') format('svg');
    font-weight: normal;
    font-style: normal;

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

}

/* BASIC PAGE SETUP ============================================================================= */

html { 
font-size: 100% 16px 1rem;
}

body { 
margin : 0 auto;
padding : 0;
font : 100%/1rem 'Droid Sans', arial, helvetica, sans-serif; 	
color : #4A4848; 
text-align: center;
background: #FFF url('') left top;
}

button, 
input, 
select, 
textarea { 
font-family : 'Noto Serif', Palatino, Georgia, serif; 
color : #FFFFFF; }


/*== LOGO ========================================= */
.logo-top {
margin: -8px auto 10px 10px;
text-align: left;
font-family: 'exotc350_dmbd_btdemi-bold', 'peignotregular', Futura, Tahoma, Geneva, sans-serif;
font-size: 2.5rem;
color: #00264C;
letter-spacing: -1px;
}
.logo-top img { vertical-align: text-top; padding-right: 6px; }

.logo-top a:link, .logo-top a:visited { color: #ABC4CB; text-decoration: none; }
.logo-top a:hover { color: #ABC4CB; text-decoration: none; }

#title-box {
position: absolute;
top: 12vh;
text-align: center;
vertical-align: middle;
width: 100%;
height: auto;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
background-color: rgba(0, 0, 0, 0.6);
}


/*== MAIN NAV ========================================= */
nav {
display: inline-block;
text-align: left;
margin-right: 0;
list-style-type: none;
 }
 
nav li {
display: inline;
width: auto;
text-align: left;
font-size: 1.25rem;
color: #ABC4CB;
margin: 0 0.75rem 0.5rem 0;
 }
nav li img { vertical-align: middle; padding-right: 6px; } 
 
nav li:last-of-type { position: absolute; right: 0; text-align: right; padding-right:0; white-space: nowrap; } 
 
nav li a:link, nav li a:visited { color: #ABC4CB; text-decoration: none; }
nav li a:hover { color: #49C4C7; text-decoration: none; } 
 


/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
font-family: 'exotc350_dmbd_btdemi-bold', 'peignotregular', Futura, Tahoma, Geneva, sans-serif;
font-weight : normal;
letter-spacing: -1px;
}

h1 { 
text-align: center;
font-family: 'exotc350_dmbd_btdemi-bold', 'lucida sans unicode';
font-size : 3.5rem; /* 40 / 16 */
color: #4C78A5;
line-height : 115%;
margin-bottom: 1.5rem;
}

h1.title { 
text-align: center;
color: #FFF;
white-space: nowrap;
padding: 1.25rem 0 1.5rem 0;
} 

h2 { 
text-align: center;
margin: 0 0 15px 0;
font-size: 1.75rem; /* 32 / 16 */
line-height: 1.2;
color: #5483B6;
}

h2.plaintext {
 text-align: left;
 font-family: 'PT Sans', 'lucida sans unicode', sans-serif;
 font-size: 1.5rem;
 line-height: 120%;
 word-spacing: -1px;
 color: #252412;
}

h3 { 
text-align: center;
letter-spacing: -1px;
font-size: 1.75rem; /* 28 / 16 */
line-height: 1.3;
color: #4C78A5;
margin-bottom: 0.5rem;
}
 
h3.left { margin-left: 1rem; }


h4,
h4.center { 	  
margin-bottom: 12px;
font-size: 1.5rem; /* 24 / 16  */
line-height: 1.25;
color: #6698CA;
 }

	footer h4 { 
        text-align: left;
        color: #91AABF;
	}

h5 {
font-family: 'PT Sans', 'lucida sans unicode', sans-serif;  
margin: 0 0 .50rem 0;
font-size: 1.125rem; /* 20 / 16 */ 
font-weight: 700;
letter-spacing: .125px;
line-height: 1.5rem;
color: #6698CA;
}

h6 { 
font-family: 'PT Sans', 'lucida sans unicode', sans-serif;  
font-size : 1rem; /* 16 / 16  */ }
letter-spacing: .175px;
margin-bottom: 1rem;
color: #6698CA;
}

/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address { 
font-family: 'PT Sans', 'lucida sans unicode', sans-serif; 
font-size: 1rem; /* 16 / 16 = 1 */
color: #252412;
margin-bottom : 1rem;
 }

p {
hyphens : auto; 
 }
 
p, p.main {
font-family: 'PT Sans', 'lucida sans unicode', sans-serif;
hyphens : auto;
text-align: justify;
font-size: 1.2rem;
line-height: 120%;
letter-spacing: 0.25px;
word-spacing: -1px;
color: #252412;
margin: 0 0 0.75rem 0;
padding: 0 0.925rem;
} 

p.introtext {
text-align: left;
font-family: 'PT Sans', 'lucida sans unicode', sans-serif;
font-size : 1.45rem; /* 24 / 16 */
line-height: 1.65rem;
letter-spacing: -.50px;
color: #00476A;
margin-bottom: 1rem;
}

p.small { 
font-size: 0.825rem;
line-height: 1.25em;
margin: 0 1.5rem .75rem 0;
}

p.important {
 text-align: left;
 font-family: 'PT Sans', 'lucida sans unicode', sans-serif;
 font-size: 1.5rem;
 font-style: italic;
 line-height: 120%;
 word-spacing: -1px;
 color: #252412;
}

.center, p.center {
text-align: center;
padding: 0;
margin: .5rem 10% .5rem 10%;
}

.left { text-align: left; padding-left: 0; }
.right { text-align:right; padding-right: 0; }

.caption { text-align: center; margin: 0 auto; }

.phone {
text-align: center;
font-family: 'Crimson Text', Palatino, 'Palatino Linotype', Georgia, serif;
font-size : 1.875rem; /* 30 / 16 */
font-weight: bold;
color: #803899;
line-height: 1.5rem;
letter-spacing: -.50px;
margin-bottom: 0.5em;
}

.copyright {
font-size: .8rem;
text-align: center;
color: #CCC;
margin-top: 15px;
 }

ul.main, ol.main {
 margin: 0 10px 1em .50rem;
 padding: 0;
 border: none;
 list-style-type: circle;
 }
 
ul.main li, ol.main li {
font-family: 'PT Sans', 'lucida sans unicode', sans-serif; 
font-size: 1rem;
font-weight: normal;
line-height: 1.3rem;
padding-right: .50rem;
margin: 0 0 .5rem 0;
 } 
 
ul.contactinfo {
 list-style-type: none;
 margin-right: 1rem;
 } 
ul.contactinfo li {
 font: bold 1.25rem 'PT Sans', 'lucida sans unicode', sans-serif;
 margin-bottom: 10px;
 } 
 
b, strong { 
font-weight : bold; 
 }

hr { 
display : block; 
margin : 1em 0; 
padding : 0;
height : 1px; 
border : 0; 
border-top : 2px double #D2C6C6;
}

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

.subtext {
	color: #666;
	}
    
.nowrap { white-space: nowrap; }  

.indent { margin-left: 1.5rem; } 

.white { color: #FFF; } 
.blue { color: #527FB4; }

/* LINKS =============================================================================  */

a { 
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}

a:visited { 
color : ; }

a:focus { 
outline : thin dotted; 
color : ; }

a:hover, 
a:active { 
outline : 0;
color: #9FCAD7;
}

#current {
color: ;
}

footer a { 
color : #ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

footer a:visited { 
color : #fff; }

footer a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

footer a:hover, 
footer a:active { 
outline : 0;
color : #fff;
}

/* IMAGES ============================================================================= */

img {
max-width: 100%;
border: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

img.floatleft { float: left; margin: 0 1.5rem 10px 0; }
img.floatright { float: right; margin: 0 0 10px 1.5rem; }
img.center { margin: 0 auto; text-align: center; }

img.noshadow { 
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

img.border { border-left: 1.5px solid #6698CA; border-bottom: 1.5px solid #6698CA; }

.round {
position: relative;
width: 80%;
height: auto;
max-width: 300px;
max-height: 300px;
text-align: center;
margin: 0 auto 1rem auto;
-moz-border-radius:150px;
-webkit-border-radius:150px;
border-radius:150px;
box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
} 


/*  MAIN LAYOUT	============================================================================= */

#skiptomain { display: none; }

#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
    background-color: #FFF;
    background-attachment: fixed;
}

	#headcontainer {
		width: 100%;
        height: 68px;
        position: fixed;
        top: 0;
        left: 0;
        padding: 0.25rem auto 0.75rem auto;
        z-index: 100;
        background-image: url('../graphics/browntile.jpg');
        border-bottom: 6px double #4C78A5;     
	}

		header {
			clear: both;
			width: 96%; /* 1000px / 1250px */
			font-size: 1rem; /* 16 / 16 */
			max-width: 100rem; /* 1600px / 13 */
			margin: 0;
			padding: 4px 12px;
            position: relative;
			color: #000;
			text-align: left;
		}
        
 /*-- shapes        
        .shape-top {
         position: absolute; 
         left: 10px;
         top: 20px;
         z-index: 3000;
         width: 150px;
         height: 150px;
         background-color: #00121C;
         background-image: url('../images/footer-dark.jpg');
         border: 6px double #E7F1F2;
         border-radius: 100px;
        }--*/


    .hero {
        width: 100%;
        height: 50vh;
        margin-top: 68px;
        background-image: url('../images/main-street.jpg');
        background-size: cover;
        background-repeat: no-repeat;      
        }    
        /*--© Kzlobastov | Dreamstime.com - <a href="https://www.dreamstime.com/royalty-free-stock-photo-main-street-american-town-image21425435#res131140">
        Main Street In American Town Photo</a>--*/
    .hero404 { 
        width: 100vw;
        min-height: 98vh;
        margin-top: 68px;
        /*--background-image: url('../images/rudy-exhausted.jpg');
        background-size: 100% 100%;
        background-size: cover;
        background-repeat: no-repeat;--*/      
        }    
    .hero404 a, .hero404 a:visited { color: #00A5C8; text-decoration: underline;  } 
    .hero404 a:hover { color: #00CCC8; text-decoration: underline; }
    
    #maincontentcontainer {
		width: 100%;
        padding: 0; 
        border-top: 4px solid #4C78A5;
        border-bottom: 4px double #4C78A5;
        /*--border-bottom: 8px double #527FB4;--*/   
	    } 

		#standardcontainer {
	     width: 100%;
         /*--border-top: 1.5px solid #779093;--*/
         border-bottom: 4px double #779093;
		 }
		
		#bluecontainer {
         background-image: url('../graphics/blue-tile-lt.jpg');
         border-top: 1.75px solid #4C78A5;
         border-bottom: 4px double #4C78A5;      
		}

		#lightcontainer { 
		}
        /*===Anchor Links=============================*/
		    #top { position:relative; top: -86px; }
            #contact-link { position: relative; padding-top: 80px;  }
        
			#maincontent{
				clear: both;
				width: 96%; /* 1000px / 1250px */
                max-width: 92rem; /* 1472px / 16 */
				font-size: 0.8125rem; /* 13 / 16 */
				margin: 0 auto 2em auto;
				padding: 0.75rem;
				color: #333;
				line-height: 1.5em;
				position: relative;
                
			}
		
			.maincontent {
				clear: both;
				width: 96%; /* 1000px / 1250px */
                max-width: 92rem; /* 1472px / 16 */
				font-size: 0.8125rem; /* 13 / 16 */
				margin: 0 auto;
				padding: 0.75rem;
				color: #F0F0F4;
				line-height: 1.5em;
                min-height: 350px;
				position: relative;
                background: rgb(124, 28, 241, 0.3);
			}
            
            #maincontent a:link, #maincontent a:visited { color: #3C86B0; text-decoration: underline; }
            .maincontent a:link, .maincontent a:visited { color: #3C86B0; text-decoration: underline; }
            #maincontent a:hover { color: #49C4C7; text-decoration: underline; }
		    .maincontent a:hover { color: #49C4C7; text-decoration: underline; }
            
            #box {
            width: 100%;
            margin: 1rem 2rem 0 0;
            padding: 1rem;
            border-radius: 6px;
            background: #000 url('../graphics/browntile.jpg');
            }
            #box p { color: #FFF;S }

	#footercontainer {
		width: 100%;	
		border-top: 4px solid #4C78A5;
		background-color: #4B4040; 
        background-image: url('../graphics/browntile.jpg');
        background-transparency: 0.5; 
	}
	
		footer {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 92.3em; /* 1200px / 13 */
			margin: 0 auto;
			padding: 20px 0px 5px 0px;
			color: #CCD4D4;
		}

		footer strong {
			font-size: 1.025rem; /* 14 / 13 */
			color: #aaa;
		}
        
        footer p { 
            text-align: left;
            font-family: 'PT Sans', 'lucida sans unicode', sans-serif;
            font-size: 1.025rem;
            line-height: 112%;
            color: #CCD4D4;
            margin-left: 0;
            padding-left: 0;
        }
        
        footer ul { text-align: center; margin: 0.5rem 0 1rem 1rem; }
        footer ul li {
            font-size: 0.925rem;
            text-align: left;
            color: #CCD4D4;
            padding-bottom: 0.5rem;
        }
        
        .lined { list-style-type: none; text-decoration: underline; } 

		footer a:link, footer a:visited { color: #CCD4D4; text-decoration: none; }
		footer a:hover { color: #fff; text-decoration: none; }

		ul.footicons {
			display: inline-block;
            text-align: center;
			margin: 0px auto;
			padding: 0px;
            list-style-type: none;
		}

		ul.footicons li, ul.footicons li img {
			margin: 0;
			padding: 0px 5px 3px 0px;
			display: inline;
            text-align: center;
            vertical-align: top;
            font-size: 2rem;
			line-height: 1.5em;
			font-weight: normal;
			background: none;
            border: none;    
		}
        
		ul.footicons a img {
			text-decoration: none;
            opacity: 0.75;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
			filter: alpha( opacity  = 75);
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
		}

		ul.footicons a:hover img {
			opacity: 1.0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha( opacity  = 100);
		}
        
/* FOOTER ICONS========================== */

@media all and (max-width: 680px) {
 ul.footicons { width: 100%; margin: auto; }
 ul.footicons li { text-align: justify; }
 ul.footicons li img { max-width: 30%; }
}

			#smallprint {
                text-align: center;
                font-family: 'PT Sans', 'lucida sans unicode', sans-serif;
				margin-top: 20px;
                padding-bottom: 1rem;
				line-height: 1.4em;
				color: #A9B9B9;
				font-size: 0.825rem; /* 12 / 13 */
			}

			#smallprint p {
                text-align: center;
				vertical-align: middle;
                font-size: 0.725rem;
                color: #A9B9B9;
			}


			#smallprint img {
                text-align: center;
				margin: 0px 10px 15px 10px;
				vertical-align: middle;
				opacity: 0.5;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter: alpha( opacity  = 50);
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}


			#smallprint a:hover img {
				opacity: 1.0;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha( opacity  = 100);
			}

			#smallprint a:link, #smallprint a:visited { color: #A9B9B9; text-decoration: none; }
			#smallprint a:hover { color: #FFFFFF; text-decoration: none; }


/*  SECTIONS  ============================================================================= */

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

aside { 
width: 98%; 
padding: 1rem 1.5rem; 
border-left: 1px solid #252412;
border-right: 1px solid #252412;
margin: 0 auto 0 auto; }

aside img { float: left; margin: 0 0.5rem 0.5rem 0; }

.appointment,
.inset {
margin: 0 auto 0 auto;
padding: 1rem .5rem 1rem 1rem;
text-align: center;
font-size: 1.1rem;
line-height: 1.1rem;
color: #533E54;
background-color: transparent;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:inset 0px 0px 6px #B4C7C8;
-webkit-box-shadow:inset 0px 1px 6px #B4C7C8;
box-shadow:inset 0px 1px 6px #B4C7C8;
 }
.appointment { max-width: 600px; } 
.inset { text-align: left; }
.inset p { font-size: 1rem; line-height: 1.3rem; padding-bottom: 1rem; }


/*  EXAMPLE  ============================================================================= */
#example .col {
	background: #ccc;
	background: rgba(204, 204, 204, 0.85);
}

/*  APPT FORM  ============================================================================= */

.apptform { margin: -25px 0 0 0; }

/*  SCREENS  ============================================================================= */
.siteimage {
	max-width: 90%;
	padding: 5%;
	margin: 0 0 1em 0;
	background: transparent url(/images/stripe-bg.png);
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.siteimage:hover {
	background: #bbb url(/images/stripe-bg.png);
	position: relative;
	top: -2px;
	
}

/*  BUTTONS  ============================================================================= */
#appointment-button {
    display:inline-block;
    width: 90%;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
    background: #803899;
	padding: 1rem;
	margin: 0 0 12px 0;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
	box-shadow: 0 2px 3px rgba(0,0,0,.3);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: 'Noto Serif', Georgia, serif;
	font-size : 1.4rem; /* 24 / 16 */
    line-height: 1.5rem;
    font-style: italic;
				
}
#appointment-button:hover {
	background: #BB72CE; 
	color: #fff;
	text-decoration: none;
}
#appointment-button:active {
	background: #803899; 
	color: #fff;
	position: relative;
	top: 1px;
}
#appointment-button:visited { 
	color : #fff;
}

/*  SHARE BUTTONS,BOTTOM LOGO,INFO BUTTON ============================================================================= */

#social { text-align: left; margin: 0; }
.logo-badge { float: right; }

.siteinfo { 
  display: inline-block;
  position: relative;
  bottom: .50rem;
  left: 1rem;
  padding: 0;
  margin: 0;
  font-size: small; 
  }
.siteinfo a:hover img {
  opacity: 1.0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha( opacity  = 100);
 }

.siteinfo a:link, .siteinfo a:visited { color: #CCC; text-decoration: none; }
.siteinfo a:hover { color: #FFFFFF; text-decoration: none; }

  

/*  HOME BIOS TOGGLE ============================================================================= */
.toggle {
    display: inline-block;
    width: auto;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
    padding: 6px .5em;
	margin: 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #A2B8DD;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: 'Noto Serif', Palatino, 'Palatino Linotype', Georgia, serif;
	font-size : 1.075rem; /* 24 / 16 */
    line-height: 1rem;
    font-style: italic;
 }
 
.toggle:hover {
	background: #CCD1E5; 
	color: #4479A6;
	text-decoration: none;
}
  
/*  GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both; }

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


p.introtext:before, /* Min P Width w Float */
p.small:before {
  content: "";
  width: 10rem;
  display: block;
  overflow: hidden;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.centered, #centered { position: relative; margin-left: auto; margin-right: auto; text-align: center; }

.noshadow {
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
 }

 a#contact { padding-top: 98px; }
 a#map { padding-top: 98px; }
 
 
 /*  GRID COLUMN SETUP   ============================================================================= */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
} 
 
/*  COLUMNS  ============================================================================= */
.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }
  
/*  GRID OF THREE   ============================================================================= */

.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.1%; 
}

.span_1_of_3 {
	width: 32.2%; 
    text-align: justify;
} 
  
/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.46%;
}

.span_10_of_12 {
	width: 83%;
}

.span_9_of_12 {
	width: 74.54%;
}

.span_8_of_12 {
	width: 66.08%;
}

.span_7_of_12 {
	width: 57.62%; 
}

.span_6_of_12 {
	width: 49.16%; 
}

.span_5_of_12 {
	width: 40.7%; 
}

.span_4_of_12 {
	width: 32.24%; 
}

.span_3_of_12 {
	width: 23.78%;
}

.span_2_of_12 {
	width: 15.32%; 
}

.span_1_of_12 {
	width: 6.86%; 
}

/* MEDIA QUERIES ============================================================================= */
@media all and (max-width: 1024px) and (min-width: 800px) {
  nav li { font-size: 1.1rem; margin: 0 0.2rem; }
  h1 { font-size: 2.75rem; }
  h1.title { font-size: 3rem; }
  h2, h2.plaintext { font-size: 1.25rem; }
  .span_7_of_12 { width: 49.16%; }
  .span_5_of_12 { width: 49.16%; }
 }
 
@media all and (max-width: 799px) and (min-width: 481px) {
  header p { text-align: right; right; margin-top: 0; padding: 0; }
  .logo-top { font-size: 2rem; }
  h1 { font-size: 2.25rem; }
  h1.title { font-size: 2.975rem; white-space: normal; padding: 0.5rem; }
  h2, h2.plaintext { font-size: 1.25rem; }
  aside { border: none; }
  h3 { font-size: 1.65rem; }
  p.introtext { font-size: 1.37rem; margin-left: auto; margin-right: auto;}
  p, p.main { text-align: left; }
  .span_9_of_12 { width: 100%; }
  .span_7_of_12 { width: 100%; }
  .span_6_of_12 { width: 100%; }
  .span_5_of_12 { width: 100%; }
  .span_4_of_12 { width: 100%; } 
  .span_3_of_12 { width: 100%; }
  .span_1_of_3 { width: 49.16%; }
  .span_1_of_3#respect { width: 100%; }
  #social { float: left; padding-top: 10px; } 
 }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_12_of_12 {
		width: 100%; 
	}
	.span_11_of_12 {
		width: 100%; 
	}
	.span_10_of_12 {
		width: 100%; 
	}
	.span_9_of_12 {
		width: 100%; 
	}
	.span_8_of_12 {
		width: 100%; 
	}
	.span_7_of_12 {
		width: 100%; 
	}
	.span_6_of_12 {
		width: 100%; 
	}
	.span_5_of_12 {
		width: 100%; 
	}
	.span_4_of_12 {
		width: 100%; 
	}
	.span_3_of_12 {
		width: 100%; 
	}
	.span_2_of_12 {
		width: 100%; 
	}
	.span_1_of_12 {
		width: 100%; 
	}
    
    .span_1_of_3 {
		width: 100%;
	}
    
    .logo-top { font-size: 1.75rem; }
    header p { text-align: right; margin-top: -25px; padding: 0; }
    h1 { font-size: 2rem; }
    h1.title { font-size: 1.75rem; white-space: normal; padding: 0.5rem; }
    #box { padding: 6px; font-size: 1.25rem; }
    h2 { font-size: 1.25rem; }
    h2.plaintext { font-size: 1.25rem; text-align: center; }
    h3 { font-size: 1.35rem; } 
    aside { text-align: center; margin: auto; border: none; }
    aside img { float: none; text-align: center; margin: 0.5rem auto; }
    p.important { font-size: 1.25rem; text-align: center; }
    p, p.main { text-align: left; font-size: 1rem; padding: 0 0.25rem; }
    a#contact, a#map { padding-top: 93px; }
    #social { width: 100%; margin: 0 auto; }
    .logo-badge {float:none; margin: 0 auto; }
    .siteinfo { margin-top: 10px; margin-bottom: 16px; }
}


  
/* VENDOR-SPECIFIC ============================================================================= */
html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(146,187,209,0.5); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }

#mainstreet {
h2, h3, h4, h5, h6 { text-align: left; }
a { font-size: 1.5rem; text-align: left; }
}