/* Site Styles */

/* colour palette
#0f3877		blue (logo)
#a1a3a5		grey (logo)

#141838		dark blue (menu links)
#939598		grey (logo)
#0f3877		blue (ticker)

#80a3bf		box 1 (green)
#79c4c7		box 2 (blue)
#c63f85		box 3 (purple)
#646968		box 4 (grey)
*/

/* media settings for different screen sizes */
@media screen and (min-width: 1300px) {
	body {
		height: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		font-stretch: condensed;
		/*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/
		font-family: 'Open Sans', sans-serif;
		font-size: 11pt;
		background: #ffffff;
		/*background-image: url("images/default-background.jpg");
		background-image: cover;
		background-attachment: fixed;*/
	}
	#page-container {
		position: relative;
		height: 100%;
		width: 100%;
		max-width: 1300px;
		padding: 0;
		margin-right: auto;
		margin-left: auto;
		top: 0;
		background-image: cover;
		background-attachment: fixed;
		background: #ffffff;		
	}	
	p {
		font-size: 1.1em;
		color: #333333;
	}
		
	/* header */
	#header {
		position: relative;
		display: inline-block;
		padding: 0;
		width: 100%;
		height: 245px;
		float: left;
	}	
	
	/* welcome banner */
	#welcome-banner {
		position: relative;
		display: inline-block;
		float: left;
		width: 100%;
		text-align: left;
		background: #80a3bf;
		padding: 10px 5% 30px 5%;
		box-sizing: border-box; -moz-box-sizing: border-box;
		color: #ffffff;	
	}
	.largeFont {
		position: relative;
		top: 10px;
		text-transform: uppercase;
		font-size: 2.0em;
		color: #ffffff;
		margin: 0;
	}
	.largeScript {
		position: relative;
		top: 20px;	
		font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;
		color: #ffffff;
		text-shadow: 4px 4px 3px rgba(0,0,0,0.1);
		font-size: 2.6em;
		font-weight: normal;	
	}
	@-webkit-keyframes fadi {
		0%   { opacity: 0; }
		100% { opacity: 1; }
	}
	@-moz-keyframes fadi {
		0%   { opacity: 0; }
		100% { opacity: 1; }
	}	
	.spacer {
		position: relative;
		display: inline-block;
		width: 200px;
	}
	
	/* service table */
	.service-col {
		position: relative;
		display: inline-block;
		padding: 1%;
		width: 45%;
		float: left;
		text-align: left;
	}	
	
	#mobileQRpanel {
		position: absolute;
		display: inline-block;
		top: -200px;
		right: 0;
		z-index: 100;
		padding: 0;
	}
	#mobileQRpanel img {
		float: left;
		margin: 0;
		padding: 0;
	}
	#mobileQRpanel a {
		position: absolute;
		display: inline-block;
		bottom: 0;
		left: 30px;
		font-size: 1.1rem;
		text-transform: uppercase;
		text-decoration: none;
		background: rgba(255,255,255,0.1);
		padding: 2%;
		text-align: center;
		width: 96%;
		color: #ffffff;	
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;	
	}
	.shiftDown {
		transform-origin: right bottom;
		-moz-transform-origin: right bottom;
		-webkit-transform-origin: right bottom;
		transform:rotate(270deg) translateX(0);
		-moz-transform:rotate(270deg) translateX(0);
		-webkit-transform:rotate(270deg) translateX(0);
		-moz-transform:rotate(270deg);
		-o-transform:rotate(270deg);	
	}
	.shiftUp {
		transform-origin: right bottom;
		-moz-transform-origin: right bottom;	
		-webkit-transform-origin: right bottom;
		transform: rotate(270deg) translateX(100%);
		-moz-transform:rotate(270deg) translateX(100%);		
		-webkit-transform:rotate(270deg) translateX(100%);
		-moz-transform:rotate(270deg);
		-o-transform:rotate(270deg);
	}
	#mobileQRpanel a:hover {
		background: #999999;	
	}	
	
	/* button style link */
	#overlay {
		display: none;
		position: absolute; 
		z-index: 400; 
		width:100%; 
		height: 100%; 
		background: rgba(0,0,0,0.5);
	}
	a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {
		position: absolute;
		right: -15px;
		top: -15px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		font-size: 1.5em;
		color: #ffffff;
		background: #80a3bf;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.2s ease;  
		-moz-transition: all 0.2s ease;  
		-o-transition: all 0.2s ease;  
		-ms-transition: all 0.2s ease;  
		transition: all 0.2s ease; 		
	}
	a#closeRequestForm:hover {
		color: #ffffff;
		background: #80a3bf;
		width: 45px;
		height: 40px;
		font-size: 1.8em;
		right: -20px;
		top: -20px;	
		padding-top: 5px;
		box-shadow: 0 0 10px #333333;
	}
	
	/* button style link */
	a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {
		position: absolute;
		top: -42px;
		right: 40px;
		display: inline-block;
		padding: 20px;
		margin: 0;
		color: #ffffff;
		background: #80a3bf;
		text-decoration: none;
		font-size: 1.2em;
		z-index: 20;
		border-radius: 0.5em;
		-webkit-border-radius: 0.5em;
		-mobile-border-radius: 0.5em;
		/* easing for slow fade change of background color */
		-o-transition:color .2s ease-out, background 0.5s ease-in;
		-ms-transition:color .2s ease-out, background 0.5s ease-in;
		-moz-transition:color .2s ease-out, background 0.5s ease-in;
		-webkit-transition:color .2s ease-out, background 0.5s ease-in;
		/* ...and now override with proper CSS property */
		transition:color .2s ease-out, background 0.5s ease-in;
	}
	a.requestBtn:hover {
		color: #ffffff;
		background: #939598;
	}
	
	#headerCTA {
		position: absolute;
		top: 35px;
		right: 30px;
		text-decoration: none;
		color: #0f3877;
		font-size: 1.5rem;	
		font-weight: bold;
		text-align: right;
	}
	a.large-phone:link, a.large-phone:active, a.large-phone:visited, a.large-phone:hover  {
		position: absolute;
		top: 100px;
		right: 30px;
		text-decoration: none;
		color: #a1a3a5;
		font-size: 1.5rem;
		text-align: right;
	}
	a.large-phone:hover  {
		color: #0f3877;
	}	
	a.large-email:link, a.large-email:active, a.large-email:visited, a.large-email:hover  {
		position: absolute;
		top: 125px;
		right: 30px;
		text-decoration: none;
		color: #a1a3a5;
		font-size: 1.5rem;
		text-align: right;		
	}	
	a.large-email:hover  {
		color: #0f3877;
	}
	div.doctor-callout {
		position: absolute;
		bottom: 25px;
		right: 30px;
		text-decoration: none;
		color: #0f3877;
		font-size: 1.2rem;
		text-align: right;		
		font-weight: bold;
	}
	
	/* logo and page header settings */
	a.logo img {
		position: absolute;
		display: inline-block;
		top: 30px;
		left: 30px;
		z-index: 2;
		-webkit-transition: all .2s;
	}
	a.logo img:hover {
	}
	h1#logo-title {
		position: absolute;
		left: -9999px;
	}
	.small-logo {
		display: none;
	}
	.small-logo img {
		position: relative;
		height: 35px;
		margin-right: 5px;
		margin-bottom: 2px;
	}
	.small-contact {
		display: none;
	}
	.small-contact img {
		margin-bottom: 10px;
		position: relative;
		height: 20px;
		margin-left: 5px;
	}	
	#contact-icon {
		position: relative;
		display: inline-block;
	}
	#contact-icon:hover > #show-address-box {
		display: inline-block;
	}
	#show-address-box {
		display: none;
		position: absolute;
		bottom: -80px;
		left: -100px;
		width: 170px;
		height: 60px;
		font-size: 0.9em;
		color: #ffffff;
		background: rgba(0,0,0,0.9);
		border: 2px solid #80a3bf;
		box-shadow: 0 0 10px #999999;
		padding: 10px;
		border-radius: 0 0 0.8em 0.8em;
		moz-border-radius: 0 0 0.8em 0.8em;
		webkit-border-radius: 0 0 0.8em 0.8em;
	}
	
	/* banner */
	#banner {
		position: relative;
		width: 100%;
		overflow: hidden;
		background: #ffffff;
		float: left;
	}
	#banner img {
		position: relative;
		display: inline-block;
		float: left;
	}	
	
	#banner h2 {
		position: relative;
		display: inline-block;
		text-align: center;
		background: #839cb6;
		z-index: 10;
		margin: 0;
		padding: 2%;
		color: #ffffff;		
		text-transform: capitalize;
		font-size: 0.9em;
		width: 100%;
	}
	#banner h3 {
		position: relative;
		display: inline-block;
		text-align: center;
		z-index: 10;
		margin: 0;
		padding: 1%;
		color: #333333;		
		text-transform: capitalize;
		font-size: 0.9em;		
	}
	
	#request-section {
		padding: 0 20px 10px 20px;
	}	
	
	#association-section {
		position: relative;
		display: inline-block;
		width: 100%;
		float: left;
		text-align: center;
		padding: 20px;	
		background: #fafafa;
		border-top: 2px solid #D0D1CF;		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}	
	#association-section h1 {
		font-style: normal;
		color: #000000;
		font-size: 2.5em;
		margin: 20px 0 20px 0;
	}
	#association-section h1 > i {
		color: #777777;
	}
	
	/* set up rotating banner */
	ul.rotatingBanner {
		position: relative;
		display: inline-block;
		float: left;
		height: 398px;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	ul.rotatingBanner li {
		position: absolute;
		display: inline-block;
		width: 100%;
		list-style: none;	
		margin: 0;
		padding: 0;
		background: #fff;
	}
	ul.rotatingBanner img {
		display: none;
		width: 100%;
	}
	li.show {
		z-index: 1;
	}	
	
	/* banner call-outs */
	.banner-call-out {
		position: absolute;
		display: inline-block;
		/*font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;*/
		font-size: 3.0em;
		font-weight: normal;
		/*background: rgba(255,255,255,0.4);*/
		/*background: rgba(0,127,197,0.6);*/
		/*font-family: Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;*/
		color: #a1a3a5;
		/*text-shadow: 1px 1px #1e1916;*/
		padding: 10px;
		width: 450px;
		z-index: 2;	
	}
	#banner-call-out-1 {
		left: 80px;
		top: 40px;
	}
	#banner-call-out-2 {
		display: none;
		left: 80px;
		top: 30px;
	}
	#banner-call-out-3 {
		display: none;	
		left: 80px;
		top: 50px;
	}
	#banner-call-out-4 {
		display: none;	
		left: 80px;
		top: 50px;		
	}
	
	/* content */
	#content {
		position: relative;
		display: inline-block;
		width: 100%;
		float: left;
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	}
	#content-inside {
		position: relative;
		display: inline-block;
		text-align: justify;
		padding: 2% 5% 5% 5%;
		width: 100%;
		font-size: 1.0em;
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		-webkit-animation: fadi 2s 1;
	}
	
	/* two column layout */
	.fluid2col {
		position: relative;
		display: inline-block;
		width: 50%;
		float: left;
		padding-right: 25px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-wekit-box-sizing: border-box;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;	
	}
	.fluid2col last {
		padding-left: 25px;
	}	
	
	/* three column layout */
	.fluid3col {
		position: relative;
		display: inline-block;
		float: left;
		padding-right: 25px;
		width: 33.33333333333%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;		
	}
	.fluid3col last {
		padding-left: 25px;
	}
	
	/* four column layout */
	.fluid4col {
		position: relative;
		display: inline-block;
		float: left;
		padding-right: 25px;
		width: 25%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;		
	}
	.fluid4col last {
		padding-left: 25px;
	}		
	
	.insetPhoto {
		position: relative;
		display: inline;
		float: right;
		margin: 15px 0 10px 10px;
		box-shadow: 5px 5px 5px #999999;
		border-radius: 0;		
		width: 33.33333%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	.homePara {
		padding-left: 10%;
	}
	
	/* service boxes */
	a.panel h1 {
		color: #939598;
		font-size: 1.5rem;
		text-align: center;
	}
	a.panel img {
		position: relative;
		bottom: 0;
		right: 0;
	}
	a.panel:link, a.panel:active, a.panel:visited {
		position: relative;
		display: inline-block;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 25%;
		padding: 10px 10px 10px 10px;
		text-align: center;
		margin-bottom: 10px;
		color: #333333;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;	
	}
	a.panel:hover {
		background: rgba(131,156,182,0.3);
		color: #ffffff;
	}
	
	.profileLeft {
		position: relative; float: left; display: inline-block; width: 20%; text-align: center;	
	}
	.profileRight {
		position: relative; float: left; display: inline-block; width: 80%;
	}		
	
	/* service boxes */
	a.serviceBox h1 {
		color: #ffffff;
	}
	a.serviceBox img {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	a.serviceBox:link, a.serviceBox:active, a.serviceBox:visited {
		position: relative;
		display: inline-block;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 49%;
		padding: 10px 50px 10px 10px;
		text-align: left;
		margin-bottom: 10px;
		color: #ffffff;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	a.serviceBox:hover {
		background: #939598;
		color: #ffffff;
	}
	.sbox1 {
		background: #80a3bf;
	}
	.sbox2 {
		background: #79c4c7;
	}	
	.sbox3 {
		background: #c63f85;
	}	
	.sbox4 {
		background: #646968;
	}
	.sboxMarginRight {
		margin-right: 2%;
	}
	
	h1.sectionH1 {
		color: #0f3877;
		font-size: 3.0rem;
		text-align: center;
		margin: 30px 0 30px 0;
		text-transform: uppercase;
		font-style: normal;
	}
	
	/* mabile connect buttons */
	#call-now, #map-it {
		display: none;
	}
	
	/* footer */
	#footer-container {
		position: relative;
		display: inline-block;
		width: 100%;
		background: #ffffff; 
		color: #333333;
		font-size: 1.0em;
		float: left;
		box-sizing: border-box; 
		-moz-box-sizing: border-box;
		border-top: 1px solid #ececec;
	}
	#footer-center {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		padding: 2%;
		box-sizing: border-box; 
		-moz-box-sizing: border-box;
	}
	#footer-container a {
		text-decoration: none;	
	}		
	div.footer-col {
		position: relative;
		display: inline-block;
		padding: 10px;
		float: left;
		width: 33.33333333333333333%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		min-height: 220px;
	}
	.borderRight {
		border-right: 1px solid #ffffff;
	}
	.alignCenter {
		text-align: center;
	}	
	#designedByContainer {
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 60px 30px 60px 30px;
		background: #ffffff;
		color: #666666;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: left;
		text-align: center;
		text-transform: uppercase;
	}
	
	/* hide dynamic phone navigation */
	#phone-nav-dynamic {
		display: none;
	}
	
	/* set title tags h1, h2, h3 sizes and margins */
	h1 {
		font-size: 1.7em;
		margin: 5px 0 5px 0;		
	}
	h2 {
		font-size: 1.3em;
		margin: 15px 0 5px 0;
		line-height: 90%;
	}
	h3 {
		font-size: 1.3em;
		margin: 10px 0 5px 0;
		font-weight: bold;
	}		
	.blue {
		color: #80a3bf;
		line-height: 40px;
	}
	.green {
		color: #80a3bf;
		line-height: 40px;	
	}
		
	/* menu styles */
	#menu {
		/* menu container */
		text-transform: uppercase;
	}
	a.menu:link, a.menu:visited, a.menu:active, a.menu:hover {
		position: relative;
		display: inline-block;
		padding:  10px 20px 6px 20px;
		height: 40px;
		text-align: center;
		margin: 0;
		color: #a1a3a5;
		font-weight: bold;	
		text-decoration: none;
		font-size: 1.0em;
		/* easing for slow fade change of background color */
		-webkit-transition: all 0.4s ease;  
		-moz-transition: all 0.4s ease;  
		-o-transition: all 0.4s ease;  
		-ms-transition: all 0.4s ease;  
		transition: all 0.4s ease;
		/* ...and now override with proper CSS property */
		transition:color .2s ease-out, background 0.5s ease-in;	
		border-top: 1px solid #fff;		
	}
	a.menu:hover {
		color: #0f3877;
		border-top: 1px solid #0f3877;
	}	
	a.selected:link, a.selected:active, a.selected:visited, a.selected:hover {
		position: relative;
		display: inline-block;
		padding:  10px 20px 6px 20px;
		height: 40px;
		margin-right: 0;
		color: #0f3877;
		font-weight: bold;	
		text-decoration: none;
		font-size: 1.0em;
		border-top: 1px solid #0f3877;
	}	
	a.selected:hover {
		color: #0f3877; 
	}
	#menubar { 
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 0;
		height:  40px;
	}
	#menubar li { 
		float: left;
		list-style: none;
		margin: 0 0 0 0;
		padding: 0;		
	}
	#menubar li ul { 
		margin: 0 0 0 0;
		padding: 0;
		position: absolute;
		display: none;
		z-index: 30;
	}
	#menubar li ul li { 
		float: none;
	}
	#menubar li:hover ul {
		display: block;
	}
	a.menu-drop:link, a.menu-drop:visited, a.menu-drop:active, a.menu-drop:hover {
		position: relative;
		display: inline-block;
		width: 230px;
		color: #ffffff;
		padding:  5px;
		font-weight: normal;	
		text-decoration: none;
		text-align: left;
		font-size: 1.0em;
		background: #0f3877; 
		border-bottom: 1px solid #ffffff; 
		/* easing for slow fade change of background color */
		-o-transition:color .2s ease-out, background 0.5s ease-in;
		-ms-transition:color .2s ease-out, background 0.5s ease-in;
		-moz-transition:color .2s ease-out, background 0.5s ease-in;
		-webkit-transition:color .2s ease-out, background 0.5s ease-in;
		/* ...and now override with proper CSS property */
		transition:color .2s ease-out, background 0.5s ease-in;
	}
	a.menu-drop:hover {
		background: #ececec; 
		color: #000000; 
		border-bottom: 1px solid #000000; 		
	}	
	.menu-regular {
		position: absolute;
		display: inline-block;
		width: 100%;
		text-align: left;
		height: 60px;
		bottom: 0;
		padding: 0 0 0 30px;
		left: 0;
		z-index: 30;
		border-top: 1px solid #a1a3a5;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.menu-fixed {
		position: fixed;
		top: 0;
		left: 0;
		display: inline-block;
		width: 100%;
		background: rgba(255,255,255,0.9);
		box-shadow: 0 0 10px #999999;
		moz-box-shadow: 0 0 10px #999999;
		webkit-box-shadow: 0 0 10px #999999;
		height: 40px;
		z-index: 100;
		text-align: center;
	}
	.divider {
		position: relative;
		display: inline-block;
		padding-top: 9px;
		color: #80a3bf;
	}	
	
	#contactContainer {
		position: relative;
		display: inline-block;
		height: 300px;
		width: 920px;
	}
	
	#officeHours {
		position: relative;
		display: inline-block;
		background: #336cc2;
		color: #fff;
		padding: 10px;
		margin: 0;
		border-radius: 0.5em 0 0 0.5em;
		-moz-border-radius: 0.5em 0 0 0.5em;
		-webkit-border-radius: 0.5em 0 0 0.5em;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float: left;
		height: 100%;
	}
	#officeHours h3 {
		color: #fff;
		text-transform: capitalize;
	}
	
	/* referral form */
	#referralFrm {
		position: relative;
		display: inline-block;
		margin: 0;
		width: 50%;
		max-width: 700px;
		background: #0f3877;
		padding: 10px;
		z-index: 2;
		border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		-webkit-border-radius: 0.5em;		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float: left;
		height: 100%;
		color: #fff;
	}	
	#referralFrm b {
		color: #fff;
	}
	
	/* contact form */
	#contactFrm {
		position: relative;
		display: inline-block;
		margin: 0;
		width: 100%;
		max-width: 700px;
		background: #0f3877;
		padding: 10px;
		z-index: 2;
		border-radius: 0 0.5em 0.5em 0;
		-moz-border-radius: 0 0.5em 0.5em 0;
		-webkit-border-radius: 0 0.5em 0.5em 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float: left;
		height: 100%;
	}
	#contact-lcol {
		position: relative;
		float: left;
		width: 50%;
		padding: 0 1% 0 0;
		box-sizing: border-box;
	}
	#contact-rcol {
		position: relative;
		float: right;
		width: 50%;
		padding: 0 0 0 1%;
		box-sizing: border-box;		
	}
	#contactFrm h3 {
		width: 100%;
		text-align: center;
		color: #fff;
		text-transform: capitalize;		
	}
	input.contact-form {
		position: relative;
		width: 100%;
		border: none;
		padding: 2% 2% 2% 10%;
		margin: 1% 0 1% 0;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #333333;
		outline: none;
		font-size: 1.1em;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	input.contact-form:hover {
		/*background: #ececec;*/
	}	
	textarea.contact-form  {
		position: relative;
		width: 100%;
		height: 40px;
		border: none;
		padding: 2% 2% 2% 10%;
		margin: 1% 0 1% 0;
		background: #fff;	
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		font-size: 1.1em;
		color: #333333;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
		outline: none;
		box-sizing: border-box;
		-moz-box-sizing: border-box;		
	}
	textarea.contact-form:hover {
		background: #ececec;
	}		
	.contact-form-button {
		position: relative;
		display: inline-block;
		float: right;
		margin-right: 0;
		margin-top: 2%;
		cursor: pointer;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #fff;
		padding: 1% 5% 1% 5%;
		background: #ffffff; 
		color: #0f3877;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
		outline: none;
		border: none;
		font-size: 1.1em;
		text-align: center;
		-webkit-transition: all 0.2s ease;  
		-moz-transition: all 0.2s ease;  
		-o-transition: all 0.2s ease;  
		-ms-transition: all 0.2s ease;  
		transition: all 0.2s ease;		
	}	
	.contact-form-button:hover {
		background: #ffffff; 
		color: #a1a3a5;
	}

	#contact-left-column {
		background:#eee; border:1px solid #ccc; padding:5px 10px; float: left; margin-right: 10px; width: 35%; display: inline-block;
	}
	#contact-right-column {
		background:#eee; border:1px solid #ccc; padding:5px 10px; float: right; margin-right: 10px; width: 55%; display: inline-block;
	}		
	
	/* request appointment form */
	#request-appointment {
		position: relative;
		display: inline-block;
		border-radius: .3em;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		width: 100%;
		padding: 0;
	}
	table.request-form-table {
		width: 100%;
	}
	table.request-form-table td {
		padding: 1%;
	}
	.request-input {
		margin: 3px 0 3px 0;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		font-size: 1.1em;
		width: 96%;
		border-radius: .3em;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border: 1px solid #80a3bf;
		padding: 2%;
		outline: none;
	}	
	.request-input:hover {
		background: #ececec;
		border: 1px solid #808080;
	}		
	.request-form-button {
		position: relative;
		display: inline-block;
		margin-right: 0;
		margin-top: 2%;
		cursor: pointer;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #fff;
		padding: 1% 5% 1% 5%;
		background: #80a3bf; 
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
		outline: none;
		border: none;
		font-size: 1.1em;
		text-align: center;
	}
	.request-form-button:hover {
		color: #ffffff; 
		background: #808080; 
	}	
	#ra-form {
		position: relative;
		display: inline-block;
		width: 100%;
	}
	.request-lcol {
		position: relative;
		display: inline-block;
		width: 45%;
		float: left;
	}
	.request-rcol {
		position: relative;
		display: inline-block;
		width: 45%;
		float: right;
	}	
	img.smile-gallery {
		width: 200px;
	}
}
@media screen and (min-width: 601px) and (max-width: 1299px) {
	body {
		height: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		font-stretch: condensed;
		/*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/
		font-family: 'Open Sans', sans-serif;
		font-size: 11pt;
		/*background-image: url("images/default-background.jpg");
		background-image: cover;
		background-attachment: fixed;*/
	}
	#page-container {
		position: relative;
		height: 100%;
		width: 100%;
		max-width: 1300px;
		padding: 0;
		margin-right: auto;
		margin-left: auto;
		top: 0;
		background-image: cover;
		background-attachment: fixed;			
	}
	p {
		font-size: 1.1em;
		color: #333333;
	}	
	
	/* header */
	#header {
		position: relative;
		display: inline-block;
		padding: 0;
		width: 100%;
		height: 245px;
		float: left;
		/*font-family: "TrajanBold";*/
		background-image: url("images/header_tooth_watermark.png");
		background-repeat: no-repeat;
		background-position: right;
	}	
	
	/* welcome banner */
	#welcome-banner {
		position: relative;
		display: inline-block;
		float: left;
		width: 100%;
		text-align: left;
		background: #80a3bf;
		padding: 10px 5% 30px 5%;
		box-sizing: border-box; -moz-box-sizing: border-box;
		color: #ffffff;	
	}
	.largeFont {
		position: relative;
		top: 10px;
		text-transform: uppercase;
		font-size: 2.0em;
		color: #ffffff;
		margin: 0;
	}
	.largeScript {
		position: relative;
		top: 20px;	
		font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;
		color: #ffffff;
		text-shadow: 4px 4px 3px rgba(0,0,0,0.1);
		font-size: 2.6em;
		font-weight: normal;	
	}
	@-webkit-keyframes fadi {
		0%   { opacity: 0; }
		100% { opacity: 1; }
	}
	@-moz-keyframes fadi {
		0%   { opacity: 0; }
		100% { opacity: 1; }
	}	
	.spacer {
		position: relative;
		display: inline-block;
		width: 5%;
	}
	
	/* service table */
	.service-col {
		position: relative;
		display: inline-block;
		padding: 1%;
		width: 45%;
		float: left;
		text-align: left;
	}	
	
	#mobileQRpanel {	
		display: none;
	}		
	
	/* button style link */
	#overlay {
		display: none;
		position: absolute; 
		z-index: 400; 
		width:100%; 
		height: 100%; 
		background: rgba(0,0,0,0.5);
	}
	a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {
		position: absolute;
		right: -15px;
		top: -15px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		font-size: 1.5em;
		color: #ffffff;
		background: #80a3bf;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.2s ease;  
		-moz-transition: all 0.2s ease;  
		-o-transition: all 0.2s ease;  
		-ms-transition: all 0.2s ease;  
		transition: all 0.2s ease; 		
	}
	a#closeRequestForm:hover {
		color: #ffffff;
		background: #80a3bf;
		width: 45px;
		height: 40px;
		font-size: 1.8em;
		right: -20px;
		top: -20px;	
		padding-top: 5px;
		box-shadow: 0 0 10px #333333;
	}
	
	/* button style link */
	a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {
		position: absolute;
		top: -42px;
		right: 20px;
		display: inline-block;
		padding: 1%;
		margin: 0;
		color: #ffffff;
		background: #80a3bf;
		text-decoration: none;
		font-size: 1.1em;
		z-index: 20;
		border-radius: 0.3em;
		-webkit-border-radius: 0.3em;
		-mobile-border-radius: 0.3em;
		/* easing for slow fade change of background color */
		-o-transition:color .2s ease-out, background 0.5s ease-in;
		-ms-transition:color .2s ease-out, background 0.5s ease-in;
		-moz-transition:color .2s ease-out, background 0.5s ease-in;
		-webkit-transition:color .2s ease-out, background 0.5s ease-in;
		/* ...and now override with proper CSS property */
		transition:color .2s ease-out, background 0.5s ease-in;
	}
	a.requestBtn:hover {
		color: #ffffff;
		background: #939598;
	}
	
	#headerCTA {
		position: absolute;
		top: 35px;
		right: 10px;
		text-decoration: none;
		color: #0f3877;
		font-size: 1.5rem;	
		font-weight: bold;
		text-align: right;
	}	
	a.large-phone:link, a.large-phone:active, a.large-phone:visited, a.large-phone:hover  {
		position: absolute;
		top: 100px;
		right: 10px;
		text-decoration: none;
		padding: 2px;
		font-size: 1.5em;
		text-align: right;
		color: #a1a3a5;
	}
	a.large-phone:hover  {
		color: #333333;		
		border-radius: 0.2em;
		-moz-border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
	}	
	a.large-email:link, a.large-email:active, a.large-email:visited, a.large-email:hover  {
		position: absolute;
		top: 125px;
		right: 10px;
		text-decoration: none;
		color: #a1a3a5;
		padding: 2px;
		font-size: 1.5em;
	}	
	a.large-email:hover  {
		color: #333333;		
		border-radius: 0.2em;
		-moz-border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
	}
	div.doctor-callout {
		position: absolute;
		bottom: 5px;
		right: 10px;
		text-decoration: none;
		color: #0f3877;
		font-size: 1.2rem;
		text-align: right;	
		font-weight: bold;
	}	
	
	/* logo and page header settings */
	a.logo img {
		position: absolute;
		display: inline-block;
		top: 5%;
		left: 2%;
		max-width: 600px;
		z-index: 2;
		-webkit-transition: all .2s;
	}
	a.logo img:hover {
	}
	h1#logo-title {
		position: absolute;
		left: -9999px;
	}
	.small-logo {
		display: none;
	}
	.small-logo img {
		position: relative;
		height: 35px;
		margin-right: 5px;
	}
	.small-contact {
		display: none;
	}
	.small-contact img {
		margin-bottom: 10px;
		position: relative;
		height: 20px;
		margin-left: 5px;
	}	
	#contact-icon {
		position: relative;
		display: inline-block;
	}
	#contact-icon:hover > #show-address-box {
		display: inline-block;
	}
	#show-address-box {
		display: none;
		position: absolute;
		bottom: -80px;
		left: -100px;
		width: 170px;
		height: 60px;
		font-size: 0.9em;
		color: #ffffff;
		background: rgba(0,0,0,0.9);
		border: 2px solid #80a3bf;
		box-shadow: 0 0 10px #999999;
		padding: 10px;
		border-radius: 0 0 0.8em 0.8em;
		moz-border-radius: 0 0 0.8em 0.8em;
		webkit-border-radius: 0 0 0.8em 0.8em;
	}
	
	/* banner */
	#banner {
		position: relative;
		width: 100%;
		overflow: hidden;
		float: left;	
	}
	#banner img {
		position: relative;
		display: inline-block;
		float: left;
	}	
	
	#banner h2 {
		position: relative;
		display: inline-block;
		text-align: center;
		background: #839cb6;
		z-index: 10;
		margin: 0;
		padding: 1%;
		color: #ffffff;		
		text-transform: capitalize;
		font-size: 0.9em;
		width: 100%;		
	}
	#banner h3 {
		position: relative;
		display: inline-block;
		text-align: center;
		z-index: 10;
		margin: 0;
		padding: 1%;
		color: #333333;		
		text-transform: capitalize;
		font-size: 0.9em;		
	}	
	
	/* set up rotating banner */
	ul.rotatingBanner {
		position: relative;
		display: inline-block;
		float: left;
		height: 398px;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	ul.rotatingBanner li {
		position: absolute;
		display: inline-block;
		width: 100%;
		list-style: none;	
		margin: 0;
		padding: 0;
		background: #fff;
	}
	ul.rotatingBanner img {
		width: 100%;
	}
	li.show {
		z-index: 1;
	}	
	
	/* banner call-outs */
	.banner-call-out {
		position: absolute;
		display: inline-block;
		/*font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;*/
		color: #a1a3a5;
		font-size: 3.0em;
		font-weight: normal;
		/*background: rgba(0,127,197,0.6);*/
		/*font-family: Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;*/
		/*text-shadow: 1px 1px #1e1916;*/
		padding: 10px;
		width: 450px;
		z-index: 2;	
	}
	#banner-call-out-1 {
		left: 80px;
		top: 20px;
	}
	#banner-call-out-2 {
		display: none;	
		left: 80px;
		top: 10px;
	}
	#banner-call-out-3 {
		display: none;	
		left: 80px;
		top: 10px;
	}
	#banner-call-out-4 {
		display: none;	
		left: 80px;
		top: 10px;
	}	
	
	/* content */
	#content {
		position: relative;
		display: inline-block;
		width: 100%;
	}
	#content-inside {
		position: relative;
		display: inline-block;
		text-align: justify;
		width: 100%;
		padding: 0 2% 2% 2%;
		font-size: 1.0em;
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		-webkit-animation: fadi 2s 1;		
	}
	
	#association-section {
		position: relative;
		display: inline-block;
		width: 100%;
		float: left;
		text-align: center;
		padding: 20px;	
		background: #fff;
		border-top: 2px solid #D0D1CF;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}	
	#association-section h1 {
		font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif; 
		font-style: normal;
		color: #000000;
		font-size: 2.5em;
		margin: 20px 0 20px 0;
	}
	#association-section h1 > i {
		color: #777777;
	}	
	
	/* two column layout */
	.fluid2col {
		position: relative;
		display: inline-block;
		width: 50%;
		float: left;
		padding-right: 25px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-wekit-box-sizing: border-box;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;	
	}
	.fluid2col last {
		padding-left: 25px;
	}	
	
	/* three column layout */
	.fluid3col {
		position: relative;
		display: inline-block;
		float: left;
		padding-right: 25px;
		width: 33.33333333333%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;		
	}
	.fluid3col last {
		padding-left: 25px;
	}
	
	/* four column layout */
	.fluid4col {
		position: relative;
		display: inline-block;
		float: left;
		padding-right: 25px;
		width: 25%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;		
	}
	.fluid4col last {
		padding-left: 25px;
	}		
	
	#request-section {
		padding: 2%;
	}		
	
	.insetPhoto {
		position: relative;
		display: inline;
		float: right;
		margin: 15px 0 10px 10px;
		box-shadow: 5px 5px 5px #999999;	
		border-radius: 0;		
		width: 33.33333%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}	
	
	.homePara {
		padding-left: 10%;
	}
	
	/* service boxes */
	a.panel h1 {
		color: #939598;
		font-size: 1.5rem;
		text-align: center;
	}
	a.panel img {
		position: relative;
		bottom: 0;
		right: 0;
	}
	a.panel:link, a.panel:active, a.panel:visited {
		position: relative;
		display: inline-block;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 25%;
		padding: 10px 10px 10px 10px;
		text-align: center;
		margin-bottom: 10px;
		color: #333333;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;		
	}
	a.panel:hover {
		background: rgba(131,156,182,0.3);
		color: #ffffff;
	}
	
	.profileLeft {
		position: relative; float: left; display: inline-block; width: 30%; text-align: center;	
	}
	.profileRight {
		position: relative; float: left; display: inline-block; width: 70%;
	}		
	
	/* service boxes */
	a.serviceBox h1 {
		color: #ffffff;
	}
	a.serviceBox img {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	a.serviceBox:link, a.serviceBox:active, a.serviceBox:visited {
		position: relative;
		display: inline-block;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 49%;
		padding: 10px 50px 10px 10px;
		text-align: left;
		margin-bottom: 10px;
		color: #ffffff;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;		
	}
	a.serviceBox:hover {
		background: #939598;
		color: #ffffff;
	}
	.sbox1 {
		background: #80a3bf;
	}
	.sbox2 {
		background: #79c4c7;
	}	
	.sbox3 {
		background: #c63f85;
	}	
	.sbox4 {
		background: #646968;
	}
	.sboxMarginRight {
		margin-right: 2%;
	}
	
	h1.sectionH1 {
		color: #0f3877;
		font-size: 3.0rem;
		text-align: center;
		text-transform: uppercase;
		font-style: normal;
	}	
	
	/* mabile connect buttons */
	#call-now, #map-it {
		display: none;
	}
	
	/* footer */
	#footer-container {
		position: relative;
		display: inline-block;
		width: 100%;
		background: #ffffff; 
		color: #333333;
		font-size: 1.0em;
		float: left;
		border-top: 1px solid #ececec;
	}
	#footer-center {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		padding: 2%;
		box-sizing: border-box; -moz-box-sizing: border-box;
	}
	#footer-container a {
		text-decoration: none;	
	}		
	div.footer-col {
		position: relative;
		display: inline-block;
		font-size: 1.0em;
		padding: 1%;
		float: left;
		width: 33.3333333333333333%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.alignCenter {
		text-align: center;
	}
	#designedByContainer {
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 30px;
		background: #ffffff;
		color: #666666;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: left;
		text-align: center;
		text-transform: uppercase;
	}
	
	/* hide social media tab */
	.social-media-tab {	
		display: none;
	}
	
	/* set title tags h1, h2, h3 sizes and margins */
	h1 {
		font-size: 1.7em;
		margin: 5px 0 5px 0;		
	}
	h2 {
		font-size: 1.3em;
		margin: 15px 0 5px 0;
		line-height: 90%;
	}
	h3 {
		font-size: 1.1em;
		margin: 20px 0 5px 0;
		font-weight: bold;
	}		
	.blue {
		color: #80a3bf;
		line-height: 40px;
	}
	.green {
		color: #80a3bf;
		line-height: 40px;	
	}
	
	/* hide dynamic phone navigation */
	#phone-nav-dynamic {
		display: none;
	}	
	
	/* menu styles */
	#menu {
		/* menu container */
		text-transform: uppercase;
	}
	a.menu:link, a.menu:visited, a.menu:active, a.menu:hover {
		position: relative;
		display: inline-block;
		padding:  10px 20px 6px 20px;
		height: 24px;
		text-align: center;
		margin: 0;
		color: #a1a3a5;
		font-weight: bold;	
		text-decoration: none;
		font-size: 1.0em;
		/* easing for slow fade change of background color */
		-webkit-transition: all 0.4s ease;  
		-moz-transition: all 0.4s ease;  
		-o-transition: all 0.4s ease;  
		-ms-transition: all 0.4s ease;  
		transition: all 0.4s ease;
		/* ...and now override with proper CSS property */
		transition:color .2s ease-out, background 0.5s ease-in;
		border-top: 1px solid #fff;		
	}
	a.menu:hover {
		color: #0f3877;
		border-top: 1px solid #0f3877;
	}	
	a.selected:link, a.selected:active, a.selected:visited, a.selected:hover {
		position: relative;
		display: inline-block;
		padding:  10px 20px 6px 20px;
		height: 24px;
		margin-right: 0;
		color: #0f3877;
		font-weight: bold;	
		text-decoration: none;
		font-size: 1.0em;
		border-top: 1px solid #0f3877;
	}	
	a.selected:hover {
		color: #0f3877; 
		border-top: 1px solid #0f3877;
	}
	#menubar { 
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 0;
		height:  40px;
	}
	#menubar li { 
		float: left;
		list-style: none;
		margin: 0 0 0 0;
		padding: 0;		
	}
	#menubar li ul { 
		margin: 0 0 0 0;
		padding: 0;
		position: absolute;
		display: none;
		z-index: 30;
	}
	#menubar li ul li { 
		float: none;	
	}
	#menubar li:hover ul {
		display: block;
	}
	a.menu-drop:link, a.menu-drop:visited, a.menu-drop:active, a.menu-drop:hover {
		position: relative;
		display: inline-block;
		width: 230px;
		color: #ffffff;
		padding:  5px;
		font-weight: normal;	
		text-decoration: none;
		text-align: left;
		font-size: 1.0em;
		background: #0f3877; 
		border-bottom: 1px solid #ffffff; 
		/* easing for slow fade change of background color */
		-o-transition:color .2s ease-out, background 0.5s ease-in;
		-ms-transition:color .2s ease-out, background 0.5s ease-in;
		-moz-transition:color .2s ease-out, background 0.5s ease-in;
		-webkit-transition:color .2s ease-out, background 0.5s ease-in;
		/* ...and now override with proper CSS property */
		transition:color .2s ease-out, background 0.5s ease-in;		
	}
	a.menu-drop:hover {
		background: #ececec; 
		color: #000000; 
		border-bottom: 1px solid #000000; 		
	}	
	.menu-regular {
		position: absolute;
		display: inline-block;
		height: 40px;
		bottom: 0px;
		right: 0;
		left: 0;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		z-index: 20;	
		border-top: 1px solid #a1a3a5;
	}
	.menu-fixed {
		position: fixed;
		top: 0;
		left: 0;
		display: inline-block;
		width: 100%;
		background: rgba(255,255,255,0.9);
		box-shadow: 0 0 10px #999999;
		moz-box-shadow: 0 0 10px #999999;
		webkit-box-shadow: 0 0 10px #999999;
		height: 40px;
		z-index: 100;
		text-align: center;
	}
	.divider {
		position: relative;
		display: inline-block;
		padding-top: 9px;
		color: #80a3bf;
	}		
	
	#contactContainer {
		position: relative;
		display: inline-block;
		width: 100%;
	}
	
	#officeHours {
		position: relative;
		display: inline-block;
		background: #336cc2;
		width: 40%;
		color: #fff;
		padding: 10px;
		margin: 0;
		border-radius: 0.5em 0 0 0.5em;
		-moz-border-radius: 0.5em 0 0 0.5em;
		-webkit-border-radius: 0.5em 0 0 0.5em;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float: left;
		height: 100%;
		text-align: left;
	}
	#officeHours h3 {
		color: #fff;
		text-transform: capitalize;
		text-align: left;
		font-size: 2.0em;
	}
	
	/* referral form */
	#referralFrm {
		position: relative;
		display: inline-block;
		margin: 0;
		width: 50%;
		max-width: 700px;
		background: #0f3877;
		padding: 10px;
		z-index: 2;
		border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		-webkit-border-radius: 0.5em;		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float: left;
		height: 100%;
		color: #fff;
	}	
	#referralFrm b {
		color: #fff;
	}	
	
	/* contact form */
	#contactFrm {
		position: relative;
		display: inline-block;
		width: 60%;
		background: #0f3877;
		padding: 10px;
		z-index: 2;
		border-radius: 0 0.5em 0.5em 0;
		-moz-border-radius: 0 0.5em 0.5em 0;
		-webkit-border-radius: 0 0.5em 0.5em 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float: left;
		height: 100%;
	}
	#contact-lcol {
		position: relative;
		float: left;
		width: 50%;
		padding: 0 1% 0 0;
		box-sizing: border-box;
	}
	#contact-rcol {
		position: relative;
		float: right;
		width: 50%;
		padding: 0 0 0 1%;
		box-sizing: border-box;		
	}
	#contactFrm h3 {
		padding: 0;
		width: 100%;
		text-align: center;
		color: #fff;
		font-size: 2.0em;
		text-transform: capitalize;		
	}
	input.contact-form {
		position: relative;
		width: 100%;
		border: none;
		padding: 3% 3% 3% 14%;
		margin: 1% 0 1% 0;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #333333;
		outline: none;
		font-size: 1.1em;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	input.contact-form:hover {
		/*background: #ececec;*/
	}	
	textarea.contact-form  {
		position: relative;
		width: 100%;
		height: 30px;
		border: none;
		padding: 3% 3% 3% 14%;
		margin: 1% 0 1% 0;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		font-size: 1.1em;
		color: #333333;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
		outline: none;
		box-sizing: border-box;
		-moz-box-sizing: border-box;		
	}
	textarea.contact-form:hover {
		/*background: #ececec;*/
	}		
	.contact-form-button {
		position: relative;
		display: inline-block;
		float: right;
		margin-right: 0;
		margin-top: 2%;
		cursor: pointer;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #fff;
		padding: 1% 5% 1% 5%;
		background: #ffffff; 
		color: #0f3877;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
		outline: none;
		border: none;
		font-size: 1.1em;
		text-align: center;
	}	
	.contact-form-button:hover {
		background: #ffffff; 
		color: #a1a3a5;
	}

	#contact-left-column {
		background:#eee; border:1px solid #ccc; padding:5px 10px; float: left; margin-right: 10px; width: 35%; display: inline-block;
	}
	#contact-right-column {
		background:#eee; border:1px solid #ccc; padding:5px 10px; float: right; margin-right: 10px; width: 55%; display: inline-block;
	}		
	
	/* request appointment form */
	#request-appointment {
		position: relative;
		display: inline-block;
		border-radius: .3em;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		width: 100%;
		padding: 0;
	}
	table.request-form-table {
		width: 100%;
	}
	table.request-form-table td {
		padding: 1%;
	}
	.request-input {
		margin: 3px 0 3px 0;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		font-size: 1.1em;
		width: 96%;
		border-radius: .3em;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border: 1px solid #80a3bf;
		padding: 2%;
		outline: none;
	}	
	.request-input:hover {
		background: #ececec;
		border: 1px solid #808080;
	}		
	.request-form-button {
		position: relative;
		display: inline-block;
		margin-right: 0;
		margin-top: 2%;
		cursor: pointer;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #fff;
		padding: 1% 5% 1% 5%;
		background: #80a3bf; 
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
		outline: none;
		border: none;
		font-size: 1.1em;
		text-align: center;
	}
	.request-form-button:hover {
		color: #ffffff; 
		background: #808080; 
	}	
	#ra-form {
		position: relative;
		display: inline-block;
		width: 100%;
	}
	.request-lcol {
		position: relative;
		display: inline-block;
		width: 45%;
		float: left;
	}
	.request-rcol {
		position: relative;
		display: inline-block;
		width: 45%;
		float: right;
	}	
	img.smile-gallery {
		width: 50%;
		max-width: 200px;
		padding: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: left;
	}
}
@media screen and (max-width: 600px) {
	body {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		/*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/
		font-family: 'Open Sans', sans-serif;
		font-size: 11pt;
		color: #333333;
		height: 100%;
		background: #ffffff;		
	}		
	#page-container {
		position: relative;
		width: 100%;
		padding: 0;
		margin-right: auto;
		margin-left: auto;
		top: 0;
	}
	
	/* welcome banner */
	#welcome-banner {
		display: none;
	}	
	
	#mobileQRpanel {	
		display: none;
	}
	
	/* header */
	#header {
		position: relative;
		display: inline-block;
		padding: 0;
		margin: 0;
		width: 100%;
		background: rgba(255,255,255,1.0);
		float: left;
		text-align: center;
		font-family: "TrajanBold";		
	}	
	
	#overlay {
		display: none;
		position: fixed; 
		z-index: 400; 
		width:100%; 
		height: 100%; 
		background: rgba(0,0,0,0.5);
	}	
	a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {
		position: absolute;
		right: 0;
		top: 0;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		font-size: 1.5em;
		color: #ffffff;
		background: #80a3bf;
		text-align: center;
		text-decoration: none;
	}
	a#closeRequestForm:hover {
		color: #ffffff;
		background: #80a3bf;
	}	
	
	/* button style link */
	a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {
		position: relative;
		display: inline-block;
		width: 96%;
		padding: 2%;
		margin: 0;
		color: #ffffff;
		background: #80a3bf;
		text-decoration: none;
		font-size: 1.2em;
		z-index: 100;
		text-align: center;
		/*border-radius: 0.3em;
		-webkit-border-radius: 0.3em;
		-moz-border-radius: 0.3em;*/
	}
	a.requestBtn:hover {
		color: #ffffff;
		background: #80a3bf;
	}		
	
	/* set title tags h1, h2, h3 sizes and margins */
	h1 {
		font-size: 1.2rem;
		margin: 2% 0 2% 0;
		text-align: left;
	}	
	h2 {
		font-size: 1.1rem;
		margin: 3% 0 2% 0;
		text-align: left;		
	}
	h3 {
		font-size: 0.9rem;
		margin: 2% 0 2% 0;
		font-weight: bold;
		text-align: left;		
	}
	.blue {
		color: #80a3bf;
		line-height: 40px;
	}
	.green {
		color: #80a3bf;
		line-height: 40px;	
	}
	
	/* hide phone number and call-out */
	#headerCTA {
		display: none;	
	}	
	.large-phone {
		display: none;
	}
	.large-email {
		display: none;
	}	
	#call-out {
		display: none;
	}
	div.doctor-callout {
		display: none;
	}		
	
	/* hide the desktop menu */
	#menu {
		display: none;
	}

	/* logo and page header settings */
	a.logo img {
		position: relative;
		width: 96%;
		max-width: 600px;
	}
	h1#logo-title {
		position: absolute;
		left: -9999px;
	}		
	
	/* hide carousel */
	#slider1 {
		display: none;
	}
	
	/* content */
	#content {
		position: relative;
		display: inline-block;
		width: 96%;
		padding: 2%;
		background: rgba(255,255,255,0.5);
	}
	#content-inside {
		text-align: justify;
		width: 100%;
	}
	#call-now, map-it {
		position: relative;
		display: inline-block;
		width: 100%;
	}

	#association-section {
		position: relative;
		display: inline-block;
		width: 100%;
		float: left;
		text-align: center;
		padding: 20px;	
		background: #fafafa;
		border-top: 2px solid #D0D1CF;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}	
	#association-section h1 {
		font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif; 
		font-style: normal;
		color: #000000;
		font-size: 1.5em;
		margin: 20px 0 20px 0;
		text-align: center;
	}
	#association-section h1 > i {
		color: #777777;
	}		
	
	/* two column layout */
	.fluid2col {
		position: relative;
		display: inline-block;
		width: 50%;
		float: left;
		padding-right: 25px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-wekit-box-sizing: border-box;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;	
	}
	.fluid2col last {
		padding-left: 25px;
	}	
	
	/* three column layout */
	.fluid3col {
		position: relative;
		display: inline-block;
		float: left;
		padding-right: 25px;
		width: 33.33333333333%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;		
	}
	.fluid3col last {
		padding-left: 25px;
	}
	
	/* four column layout */
	.fluid4col {
		position: relative;
		display: inline-block;
		float: left;
		padding-right: 25px;
		width: 25%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;		
	}
	.fluid4col last {
		padding-left: 25px;
	}			
	
	#request-section {
		padding: 2%;
	}		
	
	.insetPhoto {
		position: relative;
		display: inline;
		float: right;
		margin: 1% 0 1% 0;
		width: 100%;
		border-radius: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}	
	
	.homePara {
		padding-left: 10%;
	}
	
	/* service boxes */
	a.panel h1 {
		color: #939598;
		font-size: 1.5rem;
		text-align: center;
	}
	a.panel img {
		position: relative;
		bottom: 0;
		right: 0;
	}
	a.panel:link, a.panel:active, a.panel:visited {
		position: relative;
		display: inline-block;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 100%;
		padding: 10px 10px 10px 10px;
		text-align: center;
		margin-bottom: 10px;
		color: #333333;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;		
	}
	a.panel:hover {
		background: rgba(131,156,182,0.3);
		color: #ffffff;
	}
	
	.profileLeft {
		position: relative; float: left; display: inline-block; width: 100%; text-align: center;	
	}
	.profileRight {
		position: relative; float: left; display: inline-block; width: 100%;
	}		
	
	/* service boxes */
	a.serviceBox h1 {
		color: #ffffff;
	}
	a.serviceBox img {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	a.serviceBox:link, a.serviceBox:active, a.serviceBox:visited {
		position: relative;
		display: inline-block;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 49%;
		padding: 10px 50px 10px 10px;
		text-align: left;
		margin-bottom: 10px;
		color: #ffffff;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;		
	}
	a.serviceBox:hover {
		background: #939598;
		color: #ffffff;
	}
	.sbox1 {
		background: #80a3bf;
	}
	.sbox2 {
		background: #79c4c7;
	}	
	.sbox3 {
		background: #c63f85;
	}	
	.sbox4 {
		background: #646968;
	}
	.sboxMarginRight {
		margin-right: 2%;
	}	
	
	h1.sectionH1 {
		color: #0f3877;
		font-size: 3.0rem;
		text-align: center;
		text-transform: uppercase;
		font-style: normal;
	}	
	
	/* footer */
	#footer-container {
		position: relative;
		display: inline-block;
		width: 96%;
		padding: 2%;
		background: #ffffff; 
		color: #333333;
		font-size: 0.95em;
		float: left;
		border-top: 1px solid #ececec;		
	}
	#footer-container a {
		text-decoration: none;	
	}		
	div.footer-col {
		position: relative;
		display: inline-block;
		padding: 2%;
		float: left;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	#designedByContainer {
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 30px;
		background: #ffffff;
		color: #666666;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: left;
		text-align: center;
		text-transform: uppercase;
	}	
	
	/* adjust banner for mobile view*/
	#banner {
		position: relative;
		width: 96%;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
	}
	#banner img {
		position: relative;
		display: inline-block;
		float: left;
	}
	
	#banner h2 {
		position: relative;
		display: inline-block;
		text-align: center;
		background: #839cb6;
		z-index: 10;
		margin: 0;
		padding: 1%;
		color: #ffffff;		
		text-transform: capitalize;
		font-size: 1.0em;
	}
	#banner h3 {
		position: relative;
		display: inline-block;
		text-align: center;
		z-index: 10;
		margin: 0;
		padding: 1%;
		color: #333333;		
		text-transform: capitalize;
		font-size: 1.0em;		
	}
	
	/* banner call-outs */
	.banner-call-out {
		position: absolute;
		display: inline-block;
		float: left;
		bottom: 0;
		/*font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;*/
		color: #333333;
		font-size: 1.2em;
		font-weight: normal;		
		background: rgba(255,255,255,0.5);
		/*font-family: Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;*/
		color: #333333;
		text-align: center;
		/*text-shadow: 1px 1px #1e1916;*/
		width: 100%;
		padding: 1%;
		z-index: 30;
	}	
	
	/* set up rotating banner */
	ul.rotatingBanner {
		position: relative;
		display: inline-block;
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
	}
	ul.rotatingBanner li {
		position: absolute;
		display: inline-block;
		width: 100%;
		list-style: none;	
		margin: 0;
		padding: 0;
		background: #fff;
	}
	ul.rotatingBanner img {
		width: 100%;
	}
	li.show {
		z-index: 1;
	}		
	
	/* hide social media tab */
	.social-media-tab {	
		display: none;
	}
	
	#social-links-section {	
		display: none;
	}		
	
	/* dynamic phone navigation */
	.phone-nav-icon {
		float: left; 
		width: 20px; 
		padding: 1%; 
		background: #fff; 
		margin-top: 3px;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
	}

	#phone-nav-dynamic {
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0 0 1% 0;
		text-align: left;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		
	}	
	#phone-nav-overlay {
		position: relative;
		width: 100%;
		display: none;
		z-index: 999;
	}	
	a.phone-nav-selected:link, a.phone-nav-selected:visited, a.phone-nav-selected:active, a.phone-nav-selected:hover {		
		position: relative;
		display: inline-block;
		width: 96%;
		padding: 2%;
		border-bottom: 1px solid #ececec;		
		color: #fff;
		text-decoration: none;
		font-size: 1.2em;
		background: #939598;
	}	
	a.phone-nav-selected:hover {
		color: #fff;
		border-bottom: 1px solid #fff;
		background: #a1a3a5; 
	}	
	a.phone-nav-links:link, a.phone-nav-links:visited, a.phone-nav-links:active, a.phone-nav-links:hover {
		width: 96%;
		padding: 2%;
		border-bottom: 1px solid #ececec;
		display: inline-block;
		color: #333333;
		background: #fafafa;
		text-decoration: none;
		font-size: 1.2em;
	}	
	a.phone-nav-links:hover {
		color: #ffffff;
		border-bottom: 1px solid #ffffff;
		background: #a1a3a5; 
	}
	a#dynamic-phone-menu:link, a#dynamic-phone-menu:active, a#dynamic-phone-menu:visited, a#dynamic-phone-menu:hover {
		display: inline-block;
		width: 96%;
		padding: 2%;
		background: #0f3877; 
		text-decoration: none;
		font-size: 1.4em;	
		font-weight: bold;
		color: #fff;
	}
	a#dynamic-phone-menu:hover {
		color: #fff;
		background: #a1a3a5; 
	}
	.faded {
		opacity: 0.2;
	}	
	
	#contactContainer {
		position: relative;
		display: inline-block;
	}
	
	#officeHours {
		position: relative;
		display: inline-block;
		width: 100%;
		background: #336cc2;
		color: #fff;
		padding: 10px;
		margin: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float: left;
		height: 100%;
		text-align: left;
	}
	#officeHours h3 {
		color: #fff;
		text-transform: capitalize;
		font-size: 1.5em;
	}
	
	/* referral form */
	#referralFrm {
		position: relative;
		display: inline-block;
		margin: 0;
		width: 100%;
		max-width: 700px;
		background: #0f3877;
		padding: 10px;
		z-index: 2;
		border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		-webkit-border-radius: 0.5em;		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float: left;
		height: 100%;
		color: #fff;
	}	
	#referralFrm b {
		color: #fff;
	}	
	
	/* contact form */
	#contactFrm {
		position: relative;
		display: inline-block;
		margin: 0;
		width: 100%;
		background: #0f3877;
		padding: 10px;
		z-index: 2;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float: left;
		height: 100%;
	}
	#contact-lcol {
		position: relative;
		float: left;
		width: 100%;
	}
	#contact-rcol {
		position: relative;
		float: left;
		width: 100%;
	}
	#contactFrm h3 {
		padding: 0;
		margin: 0;
		width: 100%;
		text-align: left;
		color: #fff;
		font-size: 1.5em;
		text-transform: capitalize;
	}
	input.contact-form {
		position: relative;
		width: 100%;
		border: none;
		padding: 3% 3% 3% 14%;
		margin: 1% 0 1% 0;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #333333;
		outline: none;
		font-size: 1.1em;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	input.contact-form:hover {
		/*background: #ececec;*/
	}	
	textarea.contact-form  {
		position: relative;
		width: 100%;
		height: 45px;
		border: none;
		padding: 3% 3% 3% 14%;
		margin: 1% 0 1% 0;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		font-size: 1.1em;
		color: #333333;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
		outline: none;
		box-sizing: border-box;
		-moz-box-sizing: border-box;		
	}
	textarea.contact-form:hover {
		/*background: #ececec;*/
	}	
	.contact-form-button {
		position: relative;
		display: inline-block;
		float: right;
		margin-right: 0;
		margin-top: 2%;
		cursor: pointer;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #fff;
		padding: 1% 5% 1% 5%;
		background: #ffffff; 
		color: #0f3877;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
		outline: none;
		border: none;
		font-size: 1.1em;
		text-align: center;
	}
	.contact-form-button:hover {
		background: #ffffff; 
		color: #a1a3a5;
	}		
	
	#contact-left-column {
		background:#eee; border:1px solid #ccc; padding:2%; float: left; width: 96%; display: inline-block;
	}
	#contact-right-column {
		background:#eee; border:1px solid #ccc; padding:2%; float: left; width: 96%; display: inline-block; margin-top: 2%;
	}	
	
	/* request appointment form */
	#request-appointment {
		position: relative;
		display: inline-block;
		border-radius: .3em;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		width: 96%;
		padding: 2%;
	}
	.request-input {
		margin: 3px 0 3px 0;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		font-size: 1.1em;
		width: 96%;
		border-radius: .3em;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border: 1px solid #80a3bf;
		padding: 2%;
		outline: none;
	}	
	.request-input:hover {
		background: #ececec;
		border: 1px solid #808080;
	}		
	.request-form-button {
		position: relative;
		display: inline-block;
		margin-right: 0;
		margin-top: 2%;
		cursor: pointer;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #fff;
		padding: 1% 5% 1% 5%;
		background: #80a3bf; 
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;		
		outline: none;
		border: none;
		font-size: 1.1em;
		text-align: center;
	}
	.request-form-button:hover {
		color: #ffffff; 
		background: #808080; 
	}	

	img.smile-gallery {
		width: 48%;
	}
}

#footer-container p {
	color: #fff;
}

/*
#chooseUsSection {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 10px;
	background: #ffffff;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}
.readMoreBtn {
	position: relative; display: inline-block; top: -8px; padding: 10px; background: #0f3877; color: #fff;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
}
*/

.emailIcon {
	background-image: url(images/form-email-icon.png);
	background-position: 5px 10px;
	background-repeat: no-repeat;	
}
.phoneIcon {
	background-image: url(images/form-phone-icon.png);
	background-position: 5px 10px;
	background-repeat: no-repeat;	
}
.calendarIcon {
	background-image: url(images/form-calendar-icon.png);
	background-position: 5px 10px;
	background-repeat: no-repeat;	
}
.nameIcon {
	background-image: url(images/form-name-icon.png);
	background-position: 5px 10px;
	background-repeat: no-repeat;	
}

#request-section {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-border-box: border-box;
	background: #fff;
	text-align: center;
}

.bigger {
	font-size: 3.0rem;
	color: #0f3877;
}

/* assoction logos */
.association-logos {
	position: relative;
	display: inline-block;
	float: left;
	border: 1px solid #cccccc;
	margin-right: 1%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
}
.association-logos:hover {
	/*opacity: 0.2;*/
}
.img-title {
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    /*opacity: 0;*/
    display: none; /* comment this out for CSS hover */
    background-color: rgba(0,0,0,0.6);
    /*transition: all 0.5s ease;*/
}

.img-title h5 {
	position: absolute;
	color: #fff;
	top: 0%;
	width: 100%;
	text-align: center;
	font-size: 1.1rem;
}
.logo-gallery {
	position: relative;
	display: inline-block;
}

/* send map to phone styles */
#sendMapToPhone {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 1% 0 1% 0;
}
input.send-to-phone-form, select.send-to-phone-form {
	position: relative;
	width: 100%;
	border: none;
	padding: 2%;
	margin: 1% 0 0 0;
	background: #fff;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color: #333333;
	outline: none;
	font-size: 1.1rem;
	border: 1px solid #80a3bf; 
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;	
	box-sizing: border-box; -moz-box-sizing: border-box;	
}
input.send-to-phone-form:hover, select.send-to-phone-form:hover {
	background: #ececec;
	border: 1px solid #80a3bf;
}	
.send-to-phone-form-button {
	position: relative;
	display: inline-block;
	margin: 1% 0 0 0;
	cursor: pointer;
	color: #fff;
	padding: 1% 5% 1% 5%;
	background: #a1a3a5; 
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;		
	outline: none;
	border: none;
	font-size: 1.1rem;
	text-align: center;
	width: 100%;
}	
.send-to-phone-form-button:hover {
	color: #ffffff; 
	background: #999999; 
}
#message-send-to-phone {
	position: relative;
	display: none;
	padding: 2%;
	width: 100%;
	box-sizing: border-box; -moz-box-sizing: border-box;
	border: 1px solid #80a3bf; 
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	background: #ffffff;
}

/* common font styling */
b {
    color: #0f3877; 
}

/* default title styles */
h3, h4 {
	position: relative;
	text-transform: capitalize;
	font-weight: normal;
	color: #444444;
	margin: 20px 0 0 0;
	line-height: 40px;
	font-size: 1.5em;
}
h2 {
	font-size: 2.0em;
	font-weight: normal;
	text-transform: capitalize;
	text-align: left;
	color: #0f3877;	
}
h1 {
	/*text-transform: uppercase;*/
	font-style: normal;
	font-weight: normal;
	color: #a1a3a5;
}


/* default link styles */
a:link, a:active, a:visited, a:hover {
	color: #141838;
	text-decoration: underline;
	outline: none;
}
a:hover {
	color: #0f3877; 
	text-decoration: underline;
	outline: none;
}

/* download buttons */
a.download:link, a.download:active, a.download:visited, a.download:hover {
	position: relative;
	display: inline-block;
	padding: 8px 5px 5px 5px;
	margin: 5px 0 5px 0;
	color: #ffffff;
	background: #141838;
	text-decoration: none;
	font-size: 1.2em;
	-webkit-transition: all 0.4s ease;  
	-moz-transition: all 0.4s ease;  
	-o-transition: all 0.4s ease;  
	-ms-transition: all 0.4s ease;  
	transition: all 0.4s ease;	
}
a.download:hover {
	color: #0f3877;
	background: #80a3bf;
}
img.download-icon {
	position: relative;
	float: left; 
	margin: 2px 5px 0 0;
}

/* mobile-call-now button */
a.callnow:link, a.callnow:active, a.callnow:visited, a.callnow:hover {
	position: relative;
	display: inline-block;
	padding: 2% 2% 2% 2%;
	width: 96%;
	margin: 1% 0 1% 0;
	color: #ffffff;
	background: #939598;
	text-decoration: none;
	font-size: 1.2em;
	text-align: center;
}
a.callnow:hover {
	color: #ffffff;
	background: #0f3877;
}

/* button style link */
a.button:link, a.button:active, a.button:visited, a.button:hover {
	position: relative;
	display: inline-block;
	padding: 2% 2% 2% 2%;
	margin: 1% 0 1% 2%;
	color: #ffffff;
	background: #141838;
	text-decoration: none;
	font-size: 1.2em;
	/* easing for slow fade change of background color */
	-o-transition:color .2s ease-out, background 0.5s ease-in;
	-ms-transition:color .2s ease-out, background 0.5s ease-in;
	-moz-transition:color .2s ease-out, background 0.5s ease-in;
	-webkit-transition:color .2s ease-out, background 0.5s ease-in;
	/* ...and now override with proper CSS property */
	transition:color .2s ease-out, background 0.5s ease-in;	
	float: right;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}
a.button:hover {
	color: #ffffff;
	background: #80a3bf;
}

/* footer link styles */
div.footer-col a:link, div.footer-col a:active, div.footer-col a:visited, div.footer-col a:hover {
	color: #333333;
}
div.footer-col a:hover {
	color: #0f3877;
}
div.footer-col-last a:link, div.footer-col-last a:active, div.footer-col-last a:visited, div.footer-col-last a:hover {
	color: #333333;
}
div.footer-col-last a:hover {
	color: #0f3877;
}

/* fancy download document link */
a.document-button:link, a.document-button:visited, a.document-button:active {
	position: relative;
	display: inline-block;
	padding: 20px;
	background: #9B8C7E;
	color: #494747;
	font-size: 1.1em;
	margin-bottom: 2%;
	width: 70%;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;  
	-moz-transition: all 0.4s ease;  
	-o-transition: all 0.4s ease;  
	-ms-transition: all 0.4s ease;  
	transition: all 0.4s ease;	
}
a.document-button:hover {
	background: #80a3bf;
	color: #fff;
}

/* social media sharing - Sharrre.com */
#social-media-sharing{
	position: fixed;
	top: 65px;
	left: 0;
	background: rgba(255,255,255,0.3);
	display: none;
	padding: 1%;
	z-index: 20;
}
.sharrre .button{
	position: relative;
	text-align: center;
	width: 65px;
	border: 1px solid #cccccc;
	padding: 2%;
	margin: 2%;	
}
.social-media-tab {
    position: fixed;
	width: 30px;
    top: 5px;
    left: -5px;
    text-decoration: none;
    color: #000000;
    background: rgba(255,255,255,0.3);
    font-size: 12px;
    padding: 1em;
	z-index: 20;
}
.social-media-tab:hover {
	left: 0px;
	background: rgba(135,135,135,0.5);
}
.social-media-tab img {
	width: 25px;
}

/* social media links */
#social-links-section {
	position: relative;
	z-index: 20;
}
.social-media-link-container {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 0;
	overflow: hidden;
}
.social-media-link {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	padding: 1px 1px 1px 1px;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.social-media-link img {
	width: 100%;
}	
.social-media-link-active {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	padding: 1px 1px 1px 1px;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}
.social-media-link-active img {
	width: 100%;
}	
#facebook-link {
	/*background: #ececec;*/
}
#facebook-link-active {
	background: #3B5998; /* facebook blue */
}
#youtube-link {
	/*background: #ececec;*/
}
#youtube-link-active {
	background: #bb0000; /* youtube red*/
}
#google-plus-link {
	/*background: #ececec;*/
}
#google-plus-link-active {
	background: #dd4b39; /* google+ red*/
}
#twitter-link {
	/*background: #ececec;*/
}
#twitter-link-active {
	background: #4099FF; /* twitter blue*/
}

/* jquery shake effects */	
.ui-effects-wrapper {
	display:inline;
}

/* clear both */
.clear {
	clear:both
}

/* bios paragraphs */
.bios {
	display: inline-block;
	padding: 5px 2% 5px 2%;
	width: 96%;
	margin-left: 0;
	background: #ececec;
	border-radius: 0.5em;
	webkit-border-radius: 0.5em;
	moz-border-radius: 0.5em;
	font-size: 1.0em;
	float: left;
}
.bios b {
	display: block;
	font-size: 1.5rem;
}

/* profile images */
img.profile {
	position: relative;
	display: inline-block;
	float: left;
	margin: 1% 2% 1% 0;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	width: 170px;
}

/* google maps style */
div.google-map {
	position: relative;
	display: inline-block;
	margin-top: 2%;
	padding: 2%;
	border: 1px solid #999999;
	margin-left: 0px;
	margin-bottom: 2%;
	border-radius: .5em .5em .5em .5em;
	-webkit-border-radius: .5em .5em .5em .5em;
	-moz-border-radius: .5em .5em .5em .5em;	
	width: 96%;
}

/* faqs */
.faqs-show-answer {
	cursor: pointer;
}
.faqs-show-answer:hover h3{
	color: #999999;
}
.faqs-answer {
	display: none;
}

/* blockquote styles */
blockquote {
	display: inline-block;
	padding: 5px 10px 10px 10px;
	margin-left: 0;
	background: #ececec;
	border: 1px solid #cccccc;
	font-size: 1.1em;
}
.bqstart {
	position: relative;
	display: inline-block;
	height: 20px;
	padding-bottom: 0;
    font-size: 120%;
	color: #80a3bf;
}
.bqend {
	position: relative; 
	display: inline-block;
	height: 20px;
    font-size: 120%;
	color: #80a3bf;
}

/* ordered lists */
ol {
	margin-top: 1%;
	padding: 2%;
	background: #ececec;
}
ol li {
	list-style-type: decimal;
	margin-left: 20px;
	margin-bottom: 2%;
	margin-top: 3%;
}

/* unordered lists */
ul.norm {
	margin-top: 1%;
	padding: 2%;
	background: #ececec;
}
ul.norm li {
	list-style-type: circle;
	margin-left: 20px;
	margin-top: 5px;
}

/* round images */
.rounded {
	border-radius: .5em .5em .5em .5em;
	-webkit-border-radius: .5em .5em .5em .5em;
	-moz-border-radius: .5em .5em .5em .5em;	
}
.rounded-left {
	border-radius: .5em 0 0 .5em;
	-webkit-border-radius: .5em 0 0 .5em;
	-moz-border-radius: .5em 0 0 .5em;	
}

/* back to top floating button */
.back-to-top {
    position: fixed;
    bottom: 0;
    right: 48%;
	width: 30px;
    text-decoration: none;
    color: #000000;
    background: rgba(0, 0, 0, 0.50);
    font-size: 12px;
    padding: 10px 15px 10px 15px;
    display: none;
	z-index: 20;
}
.back-to-top:hover {    
	bottom: 0;
    background: rgba(135, 135, 135, 0.50);
}

/* message styles for forms */
#message_post_request {
	display: none;
	position: relative;
	padding: 10px;
	background: rgba(255,255,255,0.5); 
	color: #333333;
	margin-bottom: 10px;
	border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;	
	list-style: none;
}
#message_post2 {
	position: relative;
	display: inline-block;
	padding: 10px 0 10px 0;
	display: none;
	text-align: center;
	background: rgba(255,255,255,0.5);
	color: #333333;
	z-index: 20;
	font-size: 1.1em;
}
#message_post {
	position: relative;
	display: inline-block;
	padding: 10px 0 10px 0;
	display: none;
	text-align: center;
	background: rgba(255,255,255,0.5);
	color: #333333;
	z-index: 20;
	font-size: 1.1em;
}
.error {
	color: #990000;
}
.success {
	color: #576B12;
}
img.loading-icon {
	/*float: left;*/
}

/* fancy checkbox styles */
input[type=checkbox].checkBox:hover {
	cursor: pointer;
}
input[type=checkbox].checkBox:before { 
	content:""; 
	position: relative;
	display: inline-block; 
	float: left;
	margin: -2px 0 0 0;
	width: 17px; 
	height: 17px; 
	background: url("images/checkbox-images/checkbox.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
}
input[type=checkbox].checkBox:checked:before { 
	background: url("images/checkbox-images/checkbox-checked.jpg");
	background-repeat: no-repeat;
	background-size: 100%;	
}

/* end of site css */