@charset "utf-8";

* { margin: 0; padding: 0; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
img { border: 0; -ms-interpolation-mode: bicubic; width: 100%; }
input[type="submit"]::-moz-focus-inner { border: 0; }


body { background: #ebf4fc;	font: normal normal normal 1em/1.4em 'Source Sans Pro', Arial, Helvetica, sans-serif; color: #222; }

.container { margin: 0 auto; width: 96%; padding: 0 2% 0 2%; max-width: 990px; }
@media only screen and (max-width: 480px) { .container { width: 92%; padding: 0 4% 0 4%; } }  /* Smartphone Portrait */


h1 { font-size: 2.4em; line-height: 1.1em; font-weight: 700; color: #06C; padding: 0 0 12px 0; }

h2 { font-size: 1.5em; line-height: 1.2em; font-weight: 600; color: #222; padding: 12px 0 12px 0; }

p { padding: 0 0 16px 0; }


.unpadded { padding: 0; }

.phone { font-weight: bold; color: #06C; }
h2 .phone { font-weight: inherit; }

.liintro { padding: 0 0 8px 0; }
ul { margin: 0 0 6px 24px; padding: 0; }
li { margin: 0; padding: 0 0 6px 0; }
ul li ul { padding: 6px 0 0 0; margin: 0 0 -6px 24px; }


a { color: #06C; text-decoration: none; }
a:hover { color: #06C; text-decoration: underline; }
/*a:visited { color: #003973; }*/
a:hover, a:active { outline: 0; }


.floatleft { float: left; }
.floatright { float: right; }
.clearfloats { clear: both; }

.image-right { width: 25%; float: right; padding: 0 0 5px 1.5%; }
@media only screen and (max-width: 768px) { .image-right { width: 47%; float: right; padding-left: 3%; } } /* Tablet Portrait */
@media only screen and (max-width: 480px) { .image-right { width: 100%; float: none; padding: 0 0 12px 0; } }


.caption { font-size: 0.8em; font-style: italic; padding: 0; line-height: 1.1em; }
.image-right .caption { text-align: right; }

.red { color: #ff0000; }
.blue { color: #06c; }


.show { display: block; }
.hide { display: none; }




/* LAYOUT */
.banner { width: 100%; margin: 10px 0 0 0; }
	.logo { float: left; width: 70%; padding: 24px 0 4px 0; }
	.bannerphone { float: left; width: 20%; padding: 16px 0 0 10%; }

.menu { clear: both; width: 100%; padding: 14px 0 0 0; }

.fullwidth { clear: both; width: 100%; padding: 14px 0 0 0; }

.main { float: left; width: 70%; padding: 14px 0 0 0; }

.side { float: left; width: 20%; padding: 14px 0 0 10% }

.footer { clear: both; width: 100%; padding: 14px 0 0 0; }

.shoe { clear: both; width: 100%; padding: 10px 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; }

@media only screen and (max-width: 768px) { /* Tablet Portrait */
	.logo { width: 65%; }
	.bannerphone { width: 35%; padding-left: 0; text-align: right; }
	.menu { width: 20%; float: left; }
	.fullwidth { clear: none; float: left; width: 73%; padding-left: 7%; }
	.main { float: left; width: 73%; padding-left: 7%; }
	.side { clear: both; width: 73%; padding-left: 27%; }
}
@media only screen and (max-width: 640px) { /* Smartphone Landscape */
	.logo { width: 100%; padding: 24px 0 4px 0; }
	.bannerphone { display: none; }
	.menu { width: 100%; float: none; }
	.fullwidth, .main, .side { clear: both; float: none; width: 100%; padding-left: 0; }
}




/* MENUS & BUTTONS */
.menu a, .footer a, a.btn {
	display: block; float: left; padding: 7px 10px 8px 10px; margin: 6px 10px 6px 0;
	line-height: 1.2em; text-decoration: none; color: #06c;
	background: #fafdff;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	box-shadow: 0px 1px 3px rgba(000,054,107,0.7), inset 0px 0px 3px rgba(000,054,107,0.2);
}
.menu a:hover, .footer a:hover, a.btn:hover {
	margin: 5px 10px 7px 0;
	box-shadow: 0px 2px 3px rgba(000,054,107,0.7), inset 0px 0px 3px rgba(000,054,107,0.2);
}
.menu a.on, .footer a.on {
	color: #fff; background: #06c; margin: 7px 10px 5px 0;
	box-shadow: 0px 0px 0px rgba(000,000,000,0.3), inset 0px 1px 3px rgba(000,000,000,0.6);
}
.menu a.on:hover, #footer a.on:hover { cursor: default; }

@media only screen and (max-width: 768px) { .menu a { width: 100%; } } /* Tablet Portrait */
@media only screen and (max-width: 640px) { .menu a { width: auto; } } /* Smartphone Landscape */
	



/* BANNER */
.banner a { color: #222; }
.banner a:hover { text-decoration: none; }
.name { font-size: 3.25em; font-weight: 300; margin: 0 0 9px 0; }
.ac { font-size: 3.25em; letter-spacing: 1px; margin: 0 0 1px 3px; }
.letters { font-size: 1.4em; letter-spacing: 1px; font-weight: 600; padding: 0 0 0 1px; }
.bannerphone { font-size: 1.4em; font-weight: 300; color: #06c; }

@media only screen and (max-width: 480px) { /* Smartphone Landscape */
	.name { font-size: 2.2em; font-weight: 400; margin: 0 0 1px 0; }
	.ac { font-size: 2.2em; letter-spacing: 1px; margin: 0 0 -6px 6px; }
	.letters { font-size: 0.95em;  font-weight: 600; padding: 0 0 0 2px; }
}




/* SIDE COLUMN */
.side .btn { width: calc(100% - 20px); }
.side .callout { width: 100%; margin: 30px 0 30px 0; }
.side .callout p { font-size: 1.4em; line-height: 1.2em; font-weight: 300; padding: 0; }
.side .callout .caption { font-size: 0.8em;  font-weight: 400; padding: 6px 0 0 0; }


/* CLINICS */
.practicelogo { max-width: 287px; }
table { padding: 0 0 12px 0; }
td { padding: 0 0 0 6px; }
table tr td:first-child { text-align: right; }
td .phone {font-size: 1.3em; }
.map { font-size: 0.7em; margin: 8px 0 8px 0; }
.map iframe { width: 100%; height: 300px; border: 0; margin: 0; }
.map p { padding: 0; }
@media only screen and (max-width: 768px) { .map iframe { width: 85%; } } /* Tablet Portrait */



/* HOMEPAGE */
.star { padding: 0; margin: 0 0 -18px 0; }
.starred { margin: 0 0 0 7px; }


/* RESOURCES */
.resources a { display: list-item; margin: 0 0 0 24px; }


/* FAQs */
.faqArrow { clear: both; float: left; width: 21px; height: 28px; }
.faqQuestion { margin: 0 0 12px 3px; min-height: 28px; }
.faqAnswer { clear: both; margin: 8px 0 12px 22px; }


/* TESTIMONIALS */
.quote, .quotesp, .quoteep { padding: 10px 5% 0 5%; text-indent: -15px; }
.quoteep { text-indent: 0; }
.quote:before, .quotesp:before { content: url(../images/ldquo.png); }
.quote:after, .quoteep:after { content: url(../images/rdquo.png); }
.quotee { font-style: italic; padding: 6px 5% 20px 8%; }


/* LEGAL */
.lastupdated { font-size: 0.8em; padding: 0; margin: -12px 0 12px 0; }


/* SHOE */
.copy { padding: 8px 0 12px 0; }