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

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, 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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;/**/
}									

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

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

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;
-webkit-text-size-adjust: none; /* Never autoresize text */}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
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;}

del {text-decoration: line-through;}

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

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: none; background:#bebdb7; margin: 1em 0; padding: 0;}
footer hr {background:#4c7893;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: middle;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  
.clear{ clear: both; }  
/* ------------------------------------------------- */
/* --------------- Begin Site Styles --------------- */
/* ------------------------------------------------- */
/* -----  FONTS ---- */
@font-face {
    font-family: 'allerbold';
    src: url('fonts/aller_bd-webfont.woff2') format('woff2'),
         url('fonts/aller_bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aller_lightregular';
    src: url('fonts/aller_lt-webfont.woff2') format('woff2'),
         url('fonts/aller_lt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'allerregular';
    src: url('fonts/aller_rg-webfont.woff2') format('woff2'),
         url('fonts/aller_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* =============================== */
/* ======== CONTENT STYLES ======= */
/* =============================== */
#content p, #left-col p, #right-col p {
	margin:0 0 25px 0;
	padding:0;
	line-height:22px;
}
.box p {
	color:#838d93;
}
.inside #left-col p {
	padding-left:2px;
}
h1, h2, h3, h4, h5, h6 {
	color:#5483a1;
	font-family:"aller_lightregular", sans-serif; margin-bottom:.6em;
	font-weight:normal!important;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a h2, a h3, a h4, a h5, a h6 {
	color:#5483a1;
	text-decoration:none;
	font-weight:normal!important;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
	color:#222!important;
}
.home #left-col h2 a {
	color:#649bbf;
}
h1 {
	font-size:32px;
	margin:0 0 15px 0;
	font-weight:normal;
}
h2 {
	font-weight:normal;
	font-size:26px;
	line-height:36px;
}
h3 {
	font-weight:normal;
	text-transform:normal;
	font-size:21px;
	line-height:23px;
	color:#000;
}
.home #right-col .box h3, .home #right-col .box h4 {
	color:#5483a1;
	text-align:center;
}
h4 {
	font-size:19px;
}
footer h4, footer h4 a {
	color:#fff;
}
h5 {
	font-size:23px;
}
h6 {
	font-size:17px;
	text-transform:uppercase;
	letter-spacing:.08em;
}
#content p a, #content ul li a, #content ol li a {
	text-decoration:none;
	color:#649bbf;
	font-family:"allerregular", sans-serif;
	transition:all .25s;
}
#content a:hover {
	text-decoration:none;
	color:#222;
}
.inside #content ul {
	margin:0 0 30px 55px;
}
.inside #content ul li {
	list-style:disc;
}
.inside #content ul.nobullets {
	margin-left:0;
}
.inside #content ul.nobullets li {
	list-style:none;
}
.inside #content ul.nobullets.inline li {
	display:inline-block;
	margin-right:10px;
}
.inside #content ol {
	margin:0 0 30px 53px;
}
.float-right {
	float:right;
	margin:5px 0 20px 20px;
}
.float-left {
	float:left;
	margin:5px 20px 20px 0;
}
.no-margin {
	margin:0!important;
}
.photo {
	border:none;
	border-radius:6px;
}
.img-responsive img {
	width:100%;
	height:auto;
}
a:hover img.photo {
	opacity:.8;
}
.no-margin {margin:0!important;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text22 {font-size:22px;}
.text20 {font-size:20px; line-height:28px;}
fieldset {
	border: solid 1px #ccc;
	margin-bottom: 20px;
	margin-top: 0px;
	padding: 0 20px;
}
legend {
	font-weight: normal;
	font-size:26px;
	font-family:"aller_lightregular", sans-serif;
	margin: 0 0 10px 0;
	padding: 0 5px;
	color:#5483a1;
}
.inpsec {visibility:hidden;}
/* ========================================================= Input and table styles ==== */
input, textarea, select {
	border:1px solid #ccc;
	outline:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:0 5px 0 0;
	padding:8px;
	color:#232323;
	box-sizing:border-box;
	width:100%;
}
input.input-short {
	width:50%;
}
input:hover, textarea:hover, select:hover {border-color:#649bbf;}
table {
	border-bottom: none;
	margin: 0 0 1.625em;
	width: 100%;
	text-align:left;
	font-size:100%;
}
table thead {
	width:100%;
}
table th {
	color:#fff;
	background:#838d93;
	font-size: 85%;
	font-weight:normal;
	line-height:normal;
	text-transform:uppercase;
	padding:5px;
	text-align:left;
	vertical-align:middle;
}
table th:first-child {
	border-radius:3px 0 0 3px;
}
table th:last-child {
	border-radius:0 3px 3px 0;
}
table td {
	/*border-top: 1px solid #fff;*/
	padding: 4px 0;
}
table input[type=button], table input[type=submit], input[type=button], input[type=submit], a.button {
	font-size:14px;
	font-family:"allerregular"!important;
	width:inherit;
	padding:10px 15px;
	color:#fff;
	background:#838d93;
	border:none;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-appearance:none;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .15s;
}
a.button {
	display:inline-block;
	color:#fff!important;
	background:#838d93;
	padding:5px 15px;
	font-family:"allerregular"!important;
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
	border-radius:2px;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .15s;
	border:none!important;
}
a.button.fullwidth {
	display:block;
}
a.button.info {
	padding:15px;
	display:block;
	float:none;
	margin-top:20px;
	font-size:16px;
}
table input[type=button]:hover, table input[type=submit]:hover, input[type=button]:hover, input[type=submit]:hover, a:hover.button {
	color:#fff!important;
	background-color:#649bbf;
	text-shadow:0 1px 0px rgba(0,0,0,.25);
}
table input[type=radio] {
	margin-bottom:0;
	vertical-align:middle;
	margin-bottom:2px;
	width:inherit;
}


/* -----  Provider table styles ---- */

table.providers {
	width:100%;
	margin: 40px 0;
}
table.providers tr td {
	padding: 0;
	padding-bottom:20px;
	width:25%;
}
table.providers.cnp tr td {
	box-sizing:border-box;
	padding:0 5px;
}


table.providers a img {
	text-decoration:none;
	margin-bottom: 10px;
	/*border: solid 1px rgba(225,138,134,.3);*/
	width:150px;
	height:210px;
}

table.providers a:hover img, table.providers a:active img {
}

table.providers a {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#649bbf;
}
.mobile-only {display:none;}

/* Home page specific styles */
.home #left-col h3 {
	margin-bottom:0;
}
.home #left-col ul li {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:solid 1px #c1cee1;
}
.home #left-col ul li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
/* end Home page specific styles */

/* --------------- Main Structure ---------------- */
body {
	background:#fefcf8;
	font-family:"aller_lightregular", sans-serif;
	font-size:16px;
	color:#000;
	margin:0;
	padding:0;
	/*min-width:1090px;*/
	z-index:0;
	overflow:hidden;
}
#wrapper {
	min-width:1090px;
	height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:1;
}
#header-wrapper {
	width:100%;
	min-width:1090px;
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:visible;
	background:#fcfaf6 url(images/bg-header.jpg) repeat-x 0 0;
}
header {
	width:1090px;
	min-height:186px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
#nav-wrapper {
	width:100%;
	background:#649bbf;
}
#content-wrapper {
	width:100%;
	margin:0 auto;
	background:#fafafa;
	padding:0;
	position:relative;
	z-index:0;
	overflow:hidden;
}
#content-container {
	width:1090px;
	min-height:620px;
	margin:0 auto;
	padding:12px 0;
	position:relative;
	z-index:2;
	box-sizing:border-box;
}
#content {
	padding:1% 0 0 3%;
}
#footer-wrapper {
	width:100%;
	z-index:1;
	background:url(images/bg-footer.png) repeat-y center 0;
	background-size:100% 1px;
}
footer {
	width:1090px;
	margin:0 auto;
	padding:20px 60px 20px 60px;
	box-sizing:border-box;
	color:#fff;
	font-size:12px;
	position:relative;
}
/* ------------ Page Structure (columns) ----------- */
#left-col, #callouts .left-col {
	width:35%;
	float:left;
	margin:0;
	padding:0 1% 0 0;
	position:relative;
	box-sizing:border-box;
}
#right-col, #callouts .right-col {
	width:65%;
	float:right;
	margin:0;
	padding:0;
	box-sizing:border-box;
	position:relative;
}
.box {
	background:#ebf1f5;
	border:solid 1px #c1cee1;
	padding:30px 35px 0 35px;
}
#right-col .box {
	background:#f7f9f8;
	border-color:#e6e8e7;
	padding:20px 20px 0 20px;
}
#right-col .left-col, #right-col .right-col {
	box-sizing:border-box;
	width:48.5%;
	margin-right:3%;
	float:left;
}
#right-col .right-col {
	margin-right:0;
}
footer .col {
	width:25%;
	padding:0 0 0 20px;
	box-sizing:border-box;
	float:left;
	border-left:solid 1px #4c7893;
}
footer .col:first-child {
	border:none;
}
/* ------------- Main Navigation ---------- */
nav#main-nav {
	width:1090px;
	margin:0 auto;
	position:relative;
	z-index:1000;
}
nav#main-nav ul {
	width:1090px;
	margin:0;
	padding:0;
	position:relative;
	display:table;
	z-index:1000;
}
nav#main-nav ul > li {
	margin:0;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
	z-index:1000;
	width:auto;
}
nav#main-nav ul > li.divider {
	width:1px;
	height:100%;
}
nav#main-nav ul > li:before {
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background: rgb(176,203,221);
	background: -moz-linear-gradient(top,  rgba(176,203,221,1) 0%, rgba(132,143,156,1) 50%, rgba(117,147,167,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(176,203,221,1) 0%,rgba(132,143,156,1) 50%,rgba(117,147,167,1) 100%);
	background: linear-gradient(to bottom,  rgba(176,203,221,1) 0%,rgba(132,143,156,1) 50%,rgba(117,147,167,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0cbdd', endColorstr='#7593a7',GradientType=0 );
	opacity:0;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
nav#main-nav ul > li a {
	overflow:hidden;
	position:relative;
	background:transparent;
	font:18px/76px "aller_lightregular", sans-serif;
	font-weight:normal;
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:center;
	z-index:1000;
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
}
nav#main-nav ul > li a:hover, nav#main-nav ul > li.current {
	color:#fff;

}
nav#main-nav ul > li:hover:before, nav#main-nav ul > li.current:before {
	opacity:1;
	height:100%;
}
/* ---- Dropdown Subnav ---- */
nav#main-nav ul > li.sub {
	position:relative!important;
	z-index:2000!important;
}
nav#main-nav ul > li.sub > ul.dropdown {
	margin:0;
	padding:5% 15% 5% 17%;
	position:absolute;
	top:76px;
    background:rgba(132,143,156,1);
	background:#ebf1f5;
	width:250px;
	height:auto;
	border:solid 1px #c1cee1;
    border-top:none;
	z-index:900;
	opacity:0;
	visibility:hidden;
	-webkit-box-shadow:0 5px 10px -5px rgba(0,0,0,.4);
	-moz-box-shadow:0 5px 10px -5px rgba(0,0,0,.4);
	box-shadow:0 5px 10px -5px rgba(0,0,0,.4);
	-moz-transition:top .25s, opacity .25s;
	-webkit-transition:top .25s, opacity .25s;
	transition:top .25s, opacity .25s, visibility .1s;
}
nav#main-nav ul > li.sub:hover > ul.dropdown {
	position:absolute;
	opacity:1;
	visibility:visible;
	top:76px;
	left:0;
	z-index:2000;
}
nav#main-nav ul > li.sub > ul.dropdown.wnarrow {
	width:175px;
}
nav#main-nav ul > li.sub > ul.dropdown.wmedium {
	width:250px;
}
nav#main-nav ul > li.sub > ul.dropdown.wwide {
	width:300px;
}
nav#main-nav ul > li.sub:hover > ul.dropdown.last {
	left:inherit;
	right:0;
}
nav#main-nav ul > li.sub a {
	position:relative;
	z-index:10;
}
nav#main-nav ul > li.sub:hover a {
	color:#fff;
}
nav#main-nav ul > li.sub:hover ul.dropdown li a {
	background:none;
}
nav#main-nav ul > li > ul.dropdown > li {
	height:auto;
	margin:0;
	padding:0;
	display:block;
	float:none;
	background:none;
	position:relative;
	z-index:2000;
	-moz-transition:background .15s;
	-webkit-transition:background .15s;
	transition:background .15s;
}
nav#main-nav ul > li.sub > ul.dropdown > li:last-child a {
	/*border-bottom:none;*/
}
nav#main-nav ul > li.sub > ul.dropdown > li a {
	font:16px/30px "allerregular", sans-serif;
	text-align:left;
	display:block;
	float:none;
	color:#649bbf!important;
	z-index:2000;
}
nav#main-nav ul > li.sub:hover ul.dropdown li a:hover {
	color:#222!important;
}
nav#main-nav ul > li.sub:hover ul.dropdown li:before {
	display:none;
}
/* for font awesome icon in dropdown menus - "i" (icon) markup in the HTML not needed this way - only use this in the dropdowns where you don't have to specify any larger icon sizes (fa-lg, fa-2x, fa-3x) as they won't work */
.icon::before {
    display: inline-block;
    margin-right: .5em;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
/* end font awesome icon for dropdown menus */

/* ------ Subnav (sidebar) ------ */
.subnav {
	padding:0;
}
nav.subnav h1 {display:none; visibility:collapse;}
nav.subnav > ul {
	margin:0 0 40px 0;
	padding:0;
	background:none;
	text-align:left;
}
nav.subnav > ul > li {
	list-style:none!important;
	margin:0;
	font-size:16px;
	border-bottom:solid 1px #fff;
}
nav.subnav > ul > li:last-child {
	border-bottom:none;
}
nav.subnav > ul > li a {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin:0 auto;
	padding:15px;
	display:block;
	font-family:"allerregular", sans-serif;
	font-weight:normal;
	font-size:16px;
	color:#222;
	text-decoration:none;
	line-height:23px;
	background-color:rgba(131,141,147,.99);
	background-color:rgba(255,255,255,.99);
	-webkit-transition:background-color .35s, box-shadow .35s, border-color .35s;
	-moz-transition:background-color .35s, box-shadow .35s, border-color .35s;
	transition:background-color .35s, box-shadow .35s, border-color .35s, color .25s;
}
nav.subnav > ul > li:first-child a {
	border-radius:4px 4px 0 0;
}
nav.subnav > ul > li:last-child a {
	border-radius:0 0 4px 4px;
}
nav.subnav > ul > li:only-child a {
	border-radius:4px;
}
nav.subnav > ul > li a:before {
	content:'\00BB'; 
	color:#222; 
	font-family:"Georgia", sans-serif; 
	margin-right:10px;
	font-size:20px;
	position:relative;
	display:inline-block;
	transition:transform .25s ease-in-out, color .25s;
}
nav.subnav > ul > li a:hover:before, nav.subnav > ul > li a.selectedon:before {
	transform:translateX(5px);
	color:#fff;
}
nav.subnav > ul > li a:hover, nav.subnav > ul > li a.selectedon {
	color:#fff!important;
	text-decoration:none;
	background:rgba(100,155,191,.9);
	-webkit-box-shadow:15px 5px 20px -15px rgba(0,0,0,.6), -15px 5px 20px -15px rgba(0,0,0,.6);
	-moz-box-shadow:15px 5px 20px -15px rgba(0,0,0,.6), -15px 5px 20px -15px rgba(0,0,0,.6);
	box-shadow:15px 5px 20px -15px rgba(0,0,0,.35), -15px 5px 20px -15px rgba(0,0,0,.35);
}
/* ------ Logo ----- */
h1#logo {
	position:relative;
	float:left;
	margin:20px 0;
	padding-top:20px;
}
h1#logo a {
	margin:0;
	padding:0;
	font:25px/20px 'aller_lightregular', sans-serif;
	color:#3b2628;
	text-decoration:none;
	display:block;
}
h1#logo span.logo-northatlanta {
	display:block;
	text-indent:-900em;
	width:210px;
	height:34px;
	background:url(images/logo-naed.png) no-repeat center 0;
	-webkit-transition:transform .5s;
	-moz-transition:transform .5s;
	transition:transform .5s;
}
h1#logo span.logo-naed {
	display:block;
	text-indent:-900em;
	width:210px;
	height:60px;
	background:url(images/logo-naed.png) no-repeat center -34px;
	-webkit-transition:transform .5s;
	-moz-transition:transform .5s;
	transition:transform .5s;
}
h1#logo span.logo-tagline {
	display:block;
	text-indent:-900em;
	width:210px;
	height:26px;
	background:url(images/logo-naed.png) no-repeat center bottom;
	-webkit-transition:transform .5s;
	-moz-transition:transform .5s;
	transition:transform .5s;
}
h1#logo a:hover span.logo-northatlanta {
	transform:translateX(-40px);
}
h1#logo a:hover span.logo-tagline {
	transform:translateX(53px);
}
/* -------------- slideshow -------------- */
#banner-wrapper {
	width:100%;
	position:relative;
	background:url(images/bg-banner-wrapper.jpg) repeat-x center 0;
	z-index:0;
	box-sizing:border-box;
}
#banner {
	width:1090px;
	max-height:399px;
	margin:0 auto;
	position:relative;
	z-index:0;
	box-sizing:border-box;
}
.slide {
	position:relative;
	max-height:399px;
	box-sizing:border-box;
	overflow:hidden;
}
.slide a span {
	width:70%;
	display:block;
	opacity:0;
	position:absolute;
	top:55%;
	left:0%;
	text-decoration:none;
	font-size:18px;
	color:#3b2628;
	background:#fff;
	/*border:solid 1px #fff;*/
	padding:20px 40px;
	border-radius:6px 6px 0 6px;
	z-index:-1;
	transition:all .6s;
}
.slide a:hover span {
	transform:translateX(-30%);
	opacity:1;
	box-shadow:0 5px 20px rgba(190,188,178,.3);
}
.slide a {
	color:#3b2628;
	text-decoration:none;
	display:inline-block;
	width:auto;
	height:auto;
	position:relative;
	float:right;
	overflow:hidden;
}
.slide a img {
	transition:all .6s;
}
.slide a:hover img {
	transform:scale(1.05);
}
#slider {
	float:right;
}
.slide div.info {
	box-sizing:border-box;
	padding:100px 15px 0 15px;
	float:left;
	width:210px;
	min-height:399px;
	text-align:center;
	font-size:18px;
	font-family:"allerregular";
	color:#000;
	background: rgb(131,141,147);
	background: -moz-linear-gradient(top,  rgba(131,141,147,1) 0%, rgba(180,183,186,1) 20%, rgba(253,252,250,1) 50%, rgba(180,183,186,1) 80%, rgba(131,141,147,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(131,141,147,1) 0%,rgba(180,183,186,1) 20%,rgba(253,252,250,1) 50%,rgba(180,183,186,1) 80%,rgba(131,141,147,1) 100%);
	background: linear-gradient(to bottom,  rgba(131,141,147,1) 0%,rgba(180,183,186,1) 20%,rgba(253,252,250,1) 50%,rgba(180,183,186,1) 80%,rgba(131,141,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838d93', endColorstr='#838d93',GradientType=0 );

}
a.btn-info {
	display:block;
	margin:10px auto;
	padding:15px 10px;
	text-align:center;
	color:#fff;
	font-family:"aller_lightregular";
	text-shadow:0 1px 0px rgba(131,141,147,.5), 0 -1px 0px rgba(131,141,147,.5);
	border-radius:2px;
	background: rgb(131,141,147);
	background: -moz-linear-gradient(45deg,  rgba(131,141,147,1) 20%, rgba(201,204,207,1) 50%, rgba(131,141,147,1) 80%, rgba(131,141,147,1) 80%);
	background: -webkit-linear-gradient(45deg,  rgba(131,141,147,1) 20%,rgba(201,204,207,1) 50%,rgba(131,141,147,1) 80%,rgba(131,141,147,1) 80%);
	background: linear-gradient(45deg,  rgba(131,141,147,1) 20%,rgba(201,204,207,1) 50%,rgba(131,141,147,1) 80%,rgba(131,141,147,1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838d93', endColorstr='#838d93',GradientType=1 );
	transition:transform .35s;
}
a:hover.btn-info {
	background:rgba(131,141,147,.8);
	/*transform:translateY(-5px);*/
}

a#btn-announcement, div#btn-announcement {
	display:block;
	padding:20px;
	margin:0 0 10px 0;
	text-align:center;
	/*color:#ffed00;
	color:#fbf38b;*/
	color:#000;
	/*background:#257bb1;*/
	background:#fbf38b;
	font-size:22px;
	font-weight:normal!important;
	font-family:"source_sans_proregular", sans-serif;
	border: solid 3px red;
	border-radius:6px;
	box-shadow:0 0 5px rgba(17,86,70,.4);
	/*text-shadow:0 1px 0px #154563;*/
	text-shadow:0 1px 0px rgba(0,0,0,.2);
	transition:background .5s;
	text-transform:none;
	text-decoration:none;
}
a#btn-announcement span, div#btn-announcement span {
	font-family:"source_sans_problack", sans-serif;
}
a:hover#btn-announcement {
	/*background:#2c927a;*/
	background:#257bb1;
	color:#fff;
	text-shadow:0 1px 0px #154563;
}

#tech {
	vertical-align:middle!important;
}


a#tech {
	vertical-align:middle!important;
}

a:hover#tech {
	vertical-align:middle!important;
}

/* address callouts, appt req, portal at top */
#locations {
	position:relative;
	padding-top:20px;
	margin-right:2%;
	text-align:right;
	float:right;
}
div.location {
	margin:0 0 20px 20px;
	display:inline-block;
}
#locations a.address {
	display:block;
	margin-bottom:10px;
	font-size:20px;
	font-family:'allerregular';
	font-weight:normal;
	line-height:26px;
	color:#838d93;
	text-decoration:none;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
#locations a:hover.address {
	color:#649bbf;
}
#locations a.address i {
	color:#649bbf;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
#locations a:hover.address i {
	color:#000;
}
#locations a.phone {color:#000; font-size:24px; display:block; line-height:20px; font-family:"allerbold"; margin-bottom:20px;}
#locations a.phone {color:#000; text-decoration:none; font-size:24px;} /* for mobile that turns phone number into link */
#locations a.phone span {color:#838d93; font-size:18px; font-family:"aller_lightregular";}
#locations a.phone i {position:relative; bottom:-2px;}
#locations span.fax {display:block; color:#838d93; font-size:21px; font-family:"aller_lightregular";}
#locations span.fax a {color:#838d93;}
#locations span.fax span {font-size:18px;}
#locations a#portal-btn {
	color:#e18a86;
	display:inline-block;
	margin-top:5px;
	font-size:20px;
	line-height:23px;
	text-decoration:none;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
#locations a:hover#portal-btn {
	background-position:0 -36px;
	color:#3b2628;
}
a#fb, a#ig, a#google {
	color:#649bbf;
	display:block;
	position:absolute;
	/*right:380px;*/
	right:510px;
	bottom:0;
	text-align:center;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
a#ig {
	/*right:310px;*/
	right:450px;
}
a#google {
	/*right:440px;*/
	right:560px;
	font-size:1.5em;
}
a:hover#fb, a:hover#ig, a:hover#google {
	color:#838d93;
	/*transform:translateY(-5px);*/
}
a#btn-greview {
    position: absolute;
    top: 72px;
    left: -460px;
}
/*a#weight-mgmt {
    position: absolute;
    top: 80px;
    left: -510px;
}
	a#weight-mgmt span {
		position:absolute;
		top:0;
		left:0;
		opacity:0;
		transition:opacity .25s;
	}
	a:hover#weight-mgmt span {
		opacity:1;
	}*/ 
/*a#clinical-research {
    position: absolute;
    top: 80px;
    left: -510px;
}
	a#clinical-research span {
		position:absolute;
		top:0;
		left:0;
		opacity:0;
		transition:opacity .25s;
	}
	a:hover#clinical-research span {
		opacity:1;
	}*/
a#diabetes-classes {
    position: absolute;
    top: 80px;
    /*left: -50px;*/
    left: -130px;
}
	a#diabetes-classes span {
		position:absolute;
		top:0;
		left:0;
		opacity:0;
		transition:opacity .25s;
	}
	a:hover#diabetes-classes span {
		opacity:1;
	}
/* Callouts div - buttons under banner */
div#callouts {
	width:1090px;
	margin:0 auto;
	padding:15px 0;
}
#callouts a.btn, #left-col a#billpay.btn, a#portal-btn {
	text-decoration:none;
	color:#fff;
	font-family:"allerregular";
	font-size:18px;
	padding:20px 0;
	text-align:center;
	background:#838d93;
	border-radius:6px;
	display:block;
	box-sizing:border-box;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
#callouts a:hover.btn, #left-col a:hover#billpay.btn {
	background:#649bbf;
}
#callouts .right-col a.btn {
	width:32.2%;
	display:inline-block;
	margin:0;
}
#callouts .right-col a.btn:nth-child(2) {
	margin:0 1%;
}
#callouts .right-col a.btn:last-child, a#portal-btn {
	background:#649bbf;
}
#callouts .right-col a:hover.btn:last-child, a:hover#portal-btn {
	background:#838d93;
}
a#billpay.btn {
	margin-bottom:2%;
}
a#portal-btn {
	padding:25px 0;
}
	.inside a#portal-btn {
		padding:7px 0;
	}
/*a#portal-btn i.fa-lock {
	position:relative;
	left:29%; top:15%;
	text-shadow:-1px -1px 0px #649bbf, -2px -2px 0px #649bbf, 1px 1px 0px #649bbf, 2px 2px 0px #649bbf;
}
a:hover#portal-btn i.fa-lock {
	text-shadow:-1px -1px 0px #838d93, -2px -2px 0px #838d93, 1px 1px 0px #838d93, 2px 2px 0px #838d93;
}
a#portal-footer i.fa-lock {
	position:relative;
	left:29%; top:15%;
	text-shadow:-1px -1px 0px #649bbf, -2px -2px 0px #649bbf, 1px 1px 0px #649bbf, 2px 2px 0px #649bbf;
}*/
a#portal-btn svg.fa-lock {
	position:relative;
	left:29%; top:15px;
	text-shadow:-1px -1px 0px #649bbf, -2px -2px 0px #649bbf, 1px 1px 0px #649bbf, 2px 2px 0px #649bbf;
}
a:hover#portal-btn svg.fa-lock {
	text-shadow:-1px -1px 0px #838d93, -2px -2px 0px #838d93, 1px 1px 0px #838d93, 2px 2px 0px #838d93;
}
a#portal-footer svg.fa-lock {
	position:relative;
	left:29%; top:15%;
	text-shadow:-1px -1px 0px #649bbf, -2px -2px 0px #649bbf, 1px 1px 0px #649bbf, 2px 2px 0px #649bbf;
}
a#portal-footer span {
	margin-right:-1.9em;
}
/* ----------- News ----------- */
/* -- give some space before each heading on the news.php page -- */
#content h4.newslistingbodycontent {
	padding:0 0 5px 0;
	text-decoration:none;
	font-weight:normal;
}
div.newsmessage5 {
	margin-bottom:30px;
}
/* ---------  -------- */
/* ------------ Breadcrumb Nav ------------ */
#breadcrumbtree {
	margin:0;
	padding:3% 0 2% 3%;
	position:relative;
	font-size:80%;
	text-align:left;
}
#breadcrumbtree a {
	text-decoration:underline;
	font-weight:normal;
	font-size:95%;
	text-transform:uppercase;
	display:inline-block;
	color: #649bbf;
    font-family: 'allerbold';
}
#breadcrumbtree a:hover {
	text-decoration:none;
}
/* ----------- Footer Content ---------- */
footer a {
	color:#fff;
	text-decoration:none;
	transition:all .35s;
}
footer a:hover, footer h4 a:hover {text-decoration:none; color:#a3dafd!important; 	text-shadow:0 1px 0px rgba(0,0,0,.125);
}
footer ul {
	padding-bottom:20px;
}
footer ul li {
	font-size:12px;
	margin-bottom:5px;
}
footer ul li a {
	font-family:"allerregular";
}
footer ul.fa-ul {
	margin-left:1.6em;
}
/*---- PDF link icon ----*/
a[href $='.pdf'] { 
   padding-right: 24px;
   background: transparent url(images/icon_pdf.gif) no-repeat center right;
}
/* Style to make telephone link non-clickable in (most) browser */
a[href^="tel"] { text-decoration: none; pointer-events: none; cursor: default; }

/*---- Print Styles -----*/
.screenonly {
	display:block;
	visibility:visible;
}
.printonly {
	display:none;
	visibility:collapse;
}

a#button-style {
	font-size:16px;
	font-weight:bold;
	padding:3px 20px;
	color:#00190c;
	font-color:#ffffff;
	background: #649bbf;
	border:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

a#button-style:hover {
	color:#fff;
	background: #00190c;
}




/* @@@@@@@@@ ========== Begin Responsive Styles ========== @@@@@@@@@ */

@media only screen 
and (min-width : 0px) 
and (max-width : 1089px) {
	body, #wrapper, #header-wrapper, header, nav#main-nav, nav#main-nav ul, #content-container, #banner, div#callouts, #footer {width:100%; min-width:100%; padding:0; box-sizing:border-box;}
	a#btn-greview {
		top: 10px;
		left: -310px;
	}
	/*a#weight-mgmt {
		top:0;
		left:-140px;
	}*/
	a#clinical-research, a#diabetes-classes {
		top:20px;
		left:-140px;
	}
	a#ig {
		right:300px;
	}
	a#fb {
		right:355px;
	}
	a#google {
		right:400px;
	}
	div#callouts {padding:2%;}
	div#callouts .right-col a.btn {
		width:32%;
	}
	#left-col {
		width:35%;
		padding:2%;
	}
	#right-col {
		width:65%;
		padding:2%;
	}
	#banner div.slide {
		padding:0 15% 2% 15%;
	}
	.slide div.info {
		padding:2% 0;
		width:100%;
		min-height:inherit;
		background:none;
		color:#fff;
	}
	.slide div.info a.button {
		background-color:#649bbf;
		border-radius:6px;
	}
	.slide a {
		display:inline;
		float:none;
	}
	.inside #left-col .box {
		padding:2% 3% 0 3%;
	}
	nav#main-nav ul > li a {font-size:95%;}
	nav#main-nav ul.menu.menu-toggle {
	margin:0;
	padding:0;
	height:inherit;
	}
	.inside nav#main-nav, .inside nav#main-nav ul.menu.menu-toggle {
	width:100%;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wnarrow {
		width:225px;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wmedium {
		width:300px;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wwide {
		width:350px;
	}
	#breadcrumbtree {padding:2% 0 4% 0;}
	.subnav {min-height:inherit;}
	nav.subnav > ul > li a {
		width:auto;
	}
	#footer {
		padding:2% 2% 2% 2%;
		max-height:none;
	}
	#footer .col {
		padding:0 2%;
	}
}
@media only screen 
and (min-width : 0px) 
and (max-width : 849px) {
	a#btn-greview {
		top: 10px;
		left: -190px;
		max-width:180px;
	}
}
@media only screen 
and (min-width : 0px) 
and (max-width : 799px) {
	#left-col, #right-col, .inside #left-col, .inside #right-col {width:100%; padding:2% 2% 0 2%; float:none; box-sizing:border-box;}
	div#callouts, div#callouts .left-col, div#callouts .right-col {width:100%; padding:2% 0 0 0; float:none; box-sizing:border-box;}
	div#callouts {padding:0 2%;}
	div#callouts .right-col a.btn {
		display:block;
		width:100%;
		margin:0 0 2% 0!important;
	}
	#locations {
		text-align:center;
		float:none;
		margin:0;
	}
	#locations a.address {
		font-size:3.5vw;
		background: #649bbf;
		border-radius: 4px;
		padding: 10px 5px;
		color:#fff;
	}
	#locations a.address i {
		color:#fff;
	}
	div.location {
		margin:0 0 5px 0;
		width:32vw;
	}
	#locations span.fax {
		font-size:2.5vw;
		display:inline-block;
		margin-right:5vw;
		display:none;
	}
	a#fb, a#ig, a#google {
		font-size:2vw;
		display:inline-block;
		position:relative;
		right:inherit;
		bottom:inherit;
		margin:0 20px;
	}
	.mobile-only {
		display:block;
	}
	a#google {
		font-size:3vw;
		margin:0 16px;
	}
	a#weight-mgmt, a#clinical-research, a#diabetes-classes {
		display:inline-block;
		position:relative;
		left:inherit;
		bottom:inherit;
		top:0;
		margin:20px 10px 0 10px;
	}
	a#google .fa-stack {
		vertical-align:inherit!important;
		top:7px;
	}
	a#btn-greview {
		top: inherit;
		left: inherit;
		position:relative;
		display: block;
	    margin: 1em auto 0 auto;
		max-width:180px;
	}
	h1#logo {
		float:none;
		width:210px;
		margin:0 auto;
	}
	#content-container {
		padding-bottom:2%;
	}
	#content {
		padding:0;
	}
	.home #left-col {padding-top:6%;}
	.inside #left-col div#content {
		padding-right: 0;
	}
	span.remove {display:none;} /* This removes an item with class .remove */
	table.providers tr td {
		font-size:80%;
	}
	#content iframe {
		max-width:100%;
		height:auto;	
	}
	#footer .col {
		width:50%;
		border:none;
	}
	#footer .col:nth-child(3) {
		clear:both;
	}
	/* ------------- Main Navigation ---------- */
	#nav-wrapper {
		border-bottom:none;
		width:96%;
		margin:10px 2% 0 2%;
		border-radius:6px;
		/*box-shadow:0 -3px 10px rgba(225,221,209,.7);*/
	}
	nav#main-nav {
		width:100%;
		height:auto;
		margin:0 auto 1% auto;
		padding-top:69px;
		position:relative;
		bottom:inherit;
		top:0;
		left:0;
		z-index:1000;
	}
	nav#main-nav ul.menu.menu-toggle {
		margin:0;
		padding:0;
		width:100%;
		height:inherit;
		position:relative;
		display:none;
		z-index:1000;
	}
	nav#main-nav ul > li {
		height:auto;
		margin:0;
		padding:0;
		display:block;
		position:relative;
		z-index:1000;
		width:auto;
	}
	nav#main-nav ul > li.divider, nav#main-nav ul > li:before {
		display:none;
	}
	nav#main-nav ul > li a {
		height:auto;
		font-size:16px;
		line-height:50px;
		display:block;
		padding:0 0 0 20px;
		border-top:solid 1px #222;
		border-bottom:none;
		text-decoration:none;
		text-align:left;
		position:relative;
		z-index:1000;
		-webkit-transition:all .1s;
		-moz-transition:all .1s;
		transition:all .1s;
	}
	nav#main-nav ul > li a i {
		display:none;
	}
	nav#main-nav ul > li a:hover, nav#main-nav ul > li a.current {
		background:#838d93;
		color:#fff;
	}
	nav#main-nav ul li:last-child a {
		border-radius:0 0 6px 6px;
	}
	.mobile-hidden {display:none;}
	nav#main-nav ul > li.sub > ul.dropdown {
		display:none;
	}
	
	/* hamburger toggle */
	a.mtoggle {
	  position:absolute;
		/*width:50px;*/
		width:97%;
		height:50px;
		top:7px;
		left:7px;
		background:none;
		z-index:9999;
		cursor:pointer;
		display:block;
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	}
	a.mtoggle .icon {
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	  position: absolute;
	  height: 4px;
	  width: 30px;
	  top: 22px;
	  left:9px;
	  background-color: #000;
	}
	a.mtoggle .icon:before {
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	  position: absolute;
	  width: 30px;
	  height: 4px;
	  background-color: #000;
	  content: "";
	  top: -10px;
	}
	a.mtoggle .icon:after {
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	  position: absolute;
	  width: 30px;
	  height: 4px;
	  background-color: #000;
	  content: "";
	  top: 10px;
	}
	a.mtoggle .icon:hover {
	  cursor: pointer;
	}
	a.mtoggle.open .icon {
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	  background: transparent;
	}
	a.mtoggle.open .icon:before {
	  -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
			  transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
	}
	a.mtoggle.open .icon:after {
	  -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
			  transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
	}
	a.mtoggle span {
		position:absolute;
		left:50px;
		bottom:15px;
		font-size:14px;
		text-transform:uppercase;
		color:#000;
		font-family:"allerregular";
	}
	/* end hamburger toggle */

}
@media only screen 
and (min-width : 0px) 
and (max-width : 639px) {
	h1#logo {
		transform:scale(.75);
		padding-top:10px;
	}
	#locations a.address {
		font-size:3.5vw;
		background: #649bbf;
		border-radius: 4px;
		padding: 10px 5px;
		color:#fff;
	}
	#locations a.address i {
		color:#fff;
	}
	#locations a.phone {
		font-size:6vw;
		margin-top:10px;
	}
	#locations span.fax, #locations a.phone span {
		/*font-size:3.5vw;*/
		display:none;
	}
	#locations span.fax span {
		font-size:3.5vw;
	}
	#right-col #content .left-col, #right-col #content .right-col {
		float:none;
		width:100%;
		margin:0 0 2% 0;
	}
	a#fb, a#ig {
		font-size:3.5vw;
	}
	a#google {
		font-size:5vw;
	}
	a#google .fa-stack {
		top:4px;
	}
	#banner div.slide {
		padding:0 5% 2% 5%;
	}
	#right-col img {
		width:48%;
		height:auto;
	}
	#right-col img.fullwidth {
		width:100%;
		height:auto;
	}
	.home #left-col img {
		width:inherit;
	}
	#right-col table.providers tr td img {
		width:75%;
		height:auto;
	}
	#right-col table.providers tr td:nth-child(4) {
		clear:left;
	}
	/* Style to make telephone link clickable in phone browser */
	a[href^="tel"] { text-decoration: none; pointer-events: inherit; cursor: default; }
}
@media only screen 
and (min-width : 0px) 
and (max-width : 549px) {
	#locations a.address {
		font-size:3.5vw;
	}
	#locations a.phone {
		font-size:6.7vw;
	}
	table.providers tr td {
		font-size:60%;
		float:left;
		width:33.3333%;
	}
	#right-col img {
		width:48%;
		height:auto;
	}
	#right-col img.fullwidth {
		width:100%;
		height:auto;
	}
	.home #left-col img {
		width:inherit;
	}
	#right-col table.providers tr td img {
		width:75%;
		height:auto;
	}
	#right-col table.providers tr td:nth-child(4) {
		clear:left;
	}
	table.formrequest td, form#apptform td {
		display:block;
		height:auto;
	}
	input.input-short {
		width:100%;
		margin-bottom:10px;
	}
}

@media only screen 
and (min-width : 0px) 
and (max-width : 499px) {
	#banner-wrapper {
		padding:0 2%;
		background:none;
	}
	#banner div.slide {
		padding:0;
	}
	.slide div.info {
		padding-top:1%;
	}
	a.button.info {
		margin-top:0;
	}
	span.remove, .remove-br {display:none;} /* This removes an item with class .remove */
	.mobile-only {display:inline;}
	input[type=text] {
		max-width:100%;
	}
}
@media only screen 
and (min-width : 0px) 
and (max-width : 384px) {
	#footer .col {
		width:100%;
		border:none;
	}
}
@media only screen
and (min-width : 800px) { /* This ensure that the mobile toggle doesn't display and that the main nav displays */
	a.mtoggle {
		display:none!important;
	}
	nav#main-nav ul.menu.menu-toggle {
		display:table!important;
	}
}