/* Site Styles */



/* colour palette

#676767		dark grey (header & footer background)

#cdcccb		lighter grey (logo text)

*/



/* media settings for different screen sizes */

@media screen and (min-width: 1350px) {

	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;

		color: #676767;

		background: #cccccc;

	}

	#page-container {

		position: relative;

		height: 100%;

		width: 100%;

		max-width: 1350px;

		padding: 0;

		margin-right: auto;

		margin-left: auto;

		top: 0;	

		background: #fff;		

	}	

	

	#social-links-section {

		position: relative;

		z-index: 20;

		float: right;

		padding-right: 20px;

		margin: 5px 0 0 0;

	}	

	

	/* information panels */

	#infoPanelContainer {

		position: relative;

		display: inline-block;

		bottom: 0;

		text-align: center;

		width: 100%;

		z-index: 20;

		float: left;

		background: #fff;

	}	

	a.infoPanel:link, a.infoPanel:active, a.infoPanel:visited {

		position: relative;

		display: inline-block;

		width: 33.33333333%;

		float: left;

		color: #676767;

		text-align: center;

		padding: 20px;

		height: 650px;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}		

	

	/* main page links */

	a.mainLinks:link, a.mainLinks:active, a.mainLinks:visited {

		display: block;

		padding: 0 0 1% 20%;

		text-transform: uppercase;

		color: #cdcccb;

		font-size: 1.0em;

		text-decoration: none;

	}

	a.mainLinks:hover {

		color: #676767;

	}

	

	/* ticker */

	#ticker {

		position: relative;

		display: inline-block;

		width: 100%;

		background: #ececec;

		border-bottom: 1px solid #cccccc;

		float: left;		

		text-align: right;

		padding: 5px;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

	

	/* header */

	#header {

		position: relative;

		display: inline-block;

		padding: 0;

		width: 100%;

		height: 154px;

		float: left;

		background: #676767;

	}	

	

	a#promotion:link, a#promotion:visited, a#promotion:active {

		position: absolute;

		display: inline-block;

		right: 0;

		bottom: 40px;

		background: rgba(130,187,0,0.5); 

		border-left: 1px solid #676767;

		border-top: 1px solid #676767;

		border-right: 1px solid #676767;

		padding: 4px;

		font-size: 1.2em;

		box-shadow: 0 0 10px #000000;

		color: #676767;

		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#promotion:hover {

		background: rgba(130,187,0,1.0); 

	}

	

	/* welcome banner */

	#welcome-banner {

		position: relative;

		display: inline-block;

		float: left;

		width: 95%;

		text-align: left;

		background: #ffffff;

		padding: 10px 0 10px 5%;

		border-top: 1px solid #ececec;

		border-bottom: 1px solid #ececec;

	}

	#welcome-banner > h1{

		color: #555555;

		-webkit-animation: fadi 5s 1;

	}

	@-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: 100px;

	}

	

	/* 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: #cdcccb;

		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: #676767;

		width: 45px;

		height: 40px;

		font-size: 1.8em;

		right: -20px;

		top: -20px;	

		padding-top: 5px;

		box-shadow: 0 0 10px #cdcccb;

	}

	

	/* banner button style link */

	a.bannerBtn:link, a.bannerBtn:active, a.bannerBtn:visited, a.bannerBtn:hover {

		position: relative;

		display: inline-block;

		padding: 8% 8% 8% 8%;

		margin: 2%;

		color: #676767;

		background: #ffffff;

		text-decoration: none;

		font-size: 1.5em;

		font-weight: bold;

		/* 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;

		border: 1px solid #676767;

	}

	a.bannerBtn:hover {

		color: #ffffff;

		background: #676767;

		border: 1px solid #676767;

	}	

	

	/* button style link */

	a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {

		position: relative;

		display: inline-block;

		padding: 10px;

		margin: 0;

		color: #676767;

		background: #fff;

		text-decoration: none;

		font-size: 1.5em;

		z-index: 20;

		-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;

		border: 1px solid #676767;		

	}

	a.requestBtn:hover {

		color: #fff;

		background: #676767;

		bottom: 0px;	

		border: 1px solid #676767;	

	}

	

	a.large-phone:link, a.large-phone:active, a.large-phone:visited, a.large-phone:hover  {

		position: relative;

		text-decoration: none;

		color: #333333;

		font-size: 1.0em;

	}

	a.large-phone:hover  {

		color: #cdcccb;		

		text-decoration: underline;

	}	

	a.large-email:link, a.large-email:active, a.large-email:visited, a.large-email:hover  {

		position: absolute;

		top: 43px;

		right: 90px;

		text-decoration: none;

		color: #cdcccb;

		padding: 2px;

		font-size: 1.3em;

		text-decoration: underline;

		font-weight: bold;

	}	

	a.large-email:hover  {

		color: #676767;		

		border-radius: 0.2em;

		-moz-border-radius: 0.2em;

		-webkit-border-radius: 0.2em;

	}	

	#call-out {

		position: relative;

		font-weight: normal;

		color: #333333;	

		font-size: 0.8em;

		float: left;

		padding: 10px 0 0 20px;

	}

	

	/* logo and page header settings */

	a.logo img {

		position: absolute;

		display: inline-block;

		top: 20px;

		left: 60px;

		z-index: 2;

		-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.logo img:hover {

		/* no hover state */

		background: none;

	}

	h2#logo-title {

		position: absolute;

		left: -9999px;

	}

	.small-logo {

		display: none;

	}

	.small-logo img {

		position: relative;

		height: 35px;

		margin-right: 5px;

		margin-bottom: 3px;

	}

	.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 #cdcccb;

		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;

	}	

	

	#scheduleBtn {

		position: absolute;

		right: 130px;

		bottom: 75px;

		z-index: 2;

	}

	

	/* set up rotating banner */

	ul.rotatingBanner {

		position: relative;

		display: inline-block;

		float: left;

		height: 500px;

		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;

		/*background: rgba(255,255,255,0.8);*/

		/*background: rgba(0,127,197,0.6);*/

		/*font-family: Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;*/		

		text-shadow: 2px 2px 5px #000000;

		padding: 10px;

		width: 500px;

		right: 2%;

		z-index: 30;		

	}

	.banner-call-out h2 {

		font-size: 3.5em;

		color: #fff;		

		text-transform: capitalize;

	}

	#banner-call-out-1 {

		left: 20px;

		top: 80px;

	}

	#banner-call-out-2 {

		right: 20px;

		top: 80px;	

	}

	#banner-call-out-3 {

		left: 20px;

		right: 80px;	

	}	

	

	/* content */

	#content {

		position: relative;

		display: inline-block;

		width: 100%;

		float: left;

		color: #676767;

	}

	#content-inside {

		position: relative;

		display: inline-block;

		text-align: justify;

		padding: 5px 5% 5px 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;	

		z-index: 5;

	}

	

	/* 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;

	}		

	

	/* service boxes */

	a.panel h2 {

		color: #939598;

		font-size: 1.5rem;

		text-align: center;

	}

	a.panel img {

		position: relative;

		bottom: 0;

		right: 0;

		border: 2px solid #cdcccb;

		border-radius: 0.5em;

		-webkit-border-radius: 0.5em;

		-moz-border-radius: 0.5em;

	}

	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: 33.33333333%;

		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: #ececec;

		color: #ffffff;

	}

	

	/* mabile connect buttons */

	#call-now, #map-it {

		display: none;

	}

	

	/* footer */

	#footer-container {

		position: relative;

		display: inline-block;

		width: 100%;

		background: #676767; 

		color: #fff;

		font-size: 0.95em;

		float: left;

	}

	#footer-center {

		position: relative;

		margin-left: auto;

		margin-right: auto;

		width: 100%;

		padding: 2%;

		box-sizing: border-box;

	}

	#footer-container a {

		text-decoration: none;	

	}		

	div.footer-col {

		position: relative;

		display: inline-block;

		padding-left: 10px;

		padding-right: 40px;

		float: left;

	}	

	div.footer-col:first-of-type {

		/*border-left: 1px solid #ffffff;*/

	}

	div.footer-col-last {

		position: relative;

		display: inline-block;

		padding-left: 10px;

		padding-right: 0;	

		border: none;

		float: right;

		text-align: right;

	}	

	

	/* hide dynamic phone navigation */

	#phone-nav-dynamic {

		display: none;

	}

		

	/* menu styles */

	#menu {

		/* menu container */

		text-transform: uppercase;

		-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.menu:link, a.menu:visited, a.menu:active, a.menu:hover {

		font-family: Cambria,Georgia,serif;

		position: relative;

		display: inline-block;

		padding:  10px 20px 6px 20px;

		height: 24px;

		text-align: center;

		margin: 0;

		color: #fff;

		font-weight: normal;		

		text-decoration: none;

		font-size: 1.1em;

		-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.menu:hover {

		color: #cdcccb; 

	}	

	a.selected:link, a.selected:active, a.selected:visited, a.selected:hover {

		font-family: Cambria,Georgia,serif;

		position: relative;

		display: inline-block;

		padding:  10px 20px 6px 20px;

		height: 24px;

		margin-right: 0;

		color: #676767; 

		background: #cdcccb;

		font-weight: normal;	

		text-decoration: none;

		font-size: 1.1em;

		-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.selected:hover {

		color: #676767; 

		background: #cdcccb;

	}

	#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: #676767;

		padding:  5px;

		font-weight: normal;	

		text-decoration: none;

		text-align: left;

		font-size: 1.1em;

		background: #cdcccb; 

		border-bottom: 1px solid #676767; 

		/* 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: #676767; 

		color: #cdcccb; 

		border-bottom: 1px solid #cdcccb; 		

	}	

	.menu-regular {

		position: absolute;

		display: inline-block;

		right: 0;

		bottom: 70px;

		height: 40px;

		width: 70%;

		text-align: center;

		z-index: 30;

		-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;

	}

	.menu-fixed {

		position: fixed;

		top: 0;

		left: 0;

		display: inline-block;

		width: 100%;

		background: #676767;

		box-shadow: 0 0 10px #999999;

		moz-box-shadow: 0 0 10px #999999;

		webkit-box-shadow: 0 0 10px #999999;

		height: 42px;

		z-index: 100;

		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 */

	#contactInlineFrm {

		position: relative;

		display: inline-block;

		text-align: center;

		width: 80%;

	}

	#contactInline-lcol {

		position: relative;

		float: left;

		width: 50%;

	}

	#contactInline-rcol {

		position: relative;

		float: left;

		width: 50%;

	}		

	

	#contactFrm {

		position: absolute;

		right: 0;

		left: 0;

		margin-left: auto;

		margin-right: auto;

		top: 30px;

		display: inline-block;

		width: 300px;

		padding: 10px;

		z-index: 1000;

		background: #ffffff;

		border-radius: 0.5em;

		-webkit-border-radius: 0.5em;

		-moz-border-radius: 0.5em;

		border: 1px solid #cccccc;

		box-shadow: 0 0 10px #cdcccb;

	}

	#contact-lcol {

		position: relative;

		float: left;

		width: 100%;

	}

	#contact-rcol {

		position: relative;

		float: right;

		width: 50%;

	}

	#contactFrm h3 {

		padding: 0;

		margin: 0;

		color: #fff;

	}

	input.contact-form {

		position: relative;

		width: 95%;

		border: none;

		padding: 2%;

		margin: 1% 0 1% 0;

		background: #fff;

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		color: #333333;

		outline: none;

		font-size: 1.1em;

		border: 1px solid #cdcccb; 

		border-radius: 0.8em;

		-webkit-border-radius: 0.8em;

		-moz-border-radius: 0.8em;		

	}

	input.contact-form:hover {

		background: #fafafa;

		border: 1px solid #808080;

	}	

	textarea.contact-form  {

		position: relative;

		width: 95%;

		height: 45px;

		border: none;

		padding: 2%;

		margin: 1% 0 1% 0;

		background: #fff;	

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		font-size: 1.1em;

		color: #cdcccb;

		border: 1px solid #cdcccb; 

		border-radius: 0.8em;

		-webkit-border-radius: 0.8em;

		-moz-border-radius: 0.8em;		

		outline: none;

	}

	textarea.contact-form:hover {

		background: #fafafa;

		border: 1px solid #808080;

	}		

	.contact-form-button {

		position: relative;

		display: inline-block;

		margin: 2%;

		cursor: pointer;

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		color: #676767;

		padding: 1% 5% 1% 5%;

		background: #c8d1de; 

		border-radius: 0.8em;

		-webkit-border-radius: 0.8em;

		-moz-border-radius: 0.8em;		

		outline: none;

		border: none;

		font-size: 1.1em;

		text-align: center;

		-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;		

	}	

	.contact-form-button:hover {

		color: #ffffff; 

		background: #808080; 

	}



	#contact-left-column {

		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 #cdcccb;

		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: #cdcccb; 

		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: 450px;

	}

}

@media screen and (min-width: 601px) and (max-width: 1349px) {

	body {

		height: 100%;

		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;

		color: #676767;

	}

	#page-container {

		position: relative;

		height: 100%;

		width: 100%;

		max-width: 1350px;

		padding: 0;

		margin-right: auto;

		margin-left: auto;

		top: 0;	

		overflow: hidden;

		background: #fff;		

	}	

	

	#social-links-section {

		position: relative;

		z-index: 20;

		float: right;

		padding-right: 20px;

		margin: 5px 0 0 0;

	}	

	

	/* information panels */

	#infoPanelContainer {

		position: relative;

		display: inline-block;

		bottom: 0;

		text-align: center;

		width: 100%;

		z-index: 20;

		float: left;

		background: #fff;		

	}

	a.infoPanel:link, a.infoPanel:active, a.infoPanel:visited {

		position: relative;

		display: inline-block;

		width: 33.33333333%;

		float: left;

		color: #676767;

		text-align: center;

		padding: 5px;

		height: 650px;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}	

	

	/* main page links */

	a.mainLinks:link, a.mainLinks:active, a.mainLinks:visited {

		display: block;

		padding: 0 0 1% 2%;

		text-transform: uppercase;

		color: #cdcccb;

		font-size: 1.0em;

		text-decoration: none;

	}

	a.mainLinks:hover {

		color: #676767;

	}	

	

	/* ticker */

	#ticker {

		position: relative;

		display: inline-block;

		width: 100%;

		background: #ececec;

		border-bottom: 1px solid #cccccc;

		float: left;		

		text-align: right;

		padding: 5px;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

	

	/* header */

	#header {

		position: relative;

		display: inline-block;

		padding: 0;

		width: 100%;

		height: 180px;

		background: #676767;

		float: left;

	}	

	

	a#promotion:link, a#promotion:visited, a#promotion:active {

		position: absolute;

		display: inline-block;

		width: 100%;

		bottom: 40px;

		background: rgba(130,187,0,0.5);

		border-top: 1px solid #676767;

		padding: 4px;

		font-size: 1.2em;

		text-align: center;

		color: #676767;

		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#promotion:hover {

		background: rgba(130,187,0,1.0); 

	}

	

	/* welcome banner */

	#welcome-banner {

		position: relative;

		display: inline-block;

		float: left;

		width: 96%;

		text-align: left;

		background: #ffffff;

		padding: 2%;

		border-top: 1px solid #ececec;

		border-bottom: 1px solid #ececec;

	}

	#welcome-banner > h1{

		font-size: 1.3rem;

		color: #555555;

		-webkit-animation: fadi 5s 1;

	}

	@-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;

	}		

	

	/* banner button style link */

	a.bannerBtn:link, a.bannerBtn:active, a.bannerBtn:visited, a.bannerBtn:hover {

		position: relative;

		display: inline-block;

		padding: 2%;

		margin: 0;

		color: #ffffff;

		background: #cdcccb;

		text-decoration: none;

		font-size: 1.2em;

		font-weight: bold;

		/* 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.bannerBtn:hover {

		color: #ffffff;

		background: #676767;

	}		

	

	/* 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: #cdcccb;

		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: #676767;

		width: 45px;

		height: 40px;

		font-size: 1.8em;

		right: -20px;

		top: -20px;	

		padding-top: 5px;

		box-shadow: 0 0 10px #cdcccb;

	}

	

	/* button style link */

	a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {

		position: relative;

		display: inline-block;

		padding: 10px;

		margin: 0;

		color: #676767;

		background: #fff;

		text-decoration: none;

		font-size: 1.3em;

		z-index: 20;

		-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;

		border: 1px solid #676767;	

	}

	a.requestBtn:hover {

		color: #fff;

		background: #676767;

		bottom: 0px;

		border: 1px solid #676767;	

	}

	

	a.large-phone:link, a.large-phone:active, a.large-phone:visited, a.large-phone:hover  {

		position: relative;

		text-decoration: none;

		color: #333333;

		font-size: 1.0em;

	}

	a.large-phone:hover  {

		color: #cdcccb;		

		text-decoration: underline;

	}	

	a.large-email:link, a.large-email:active, a.large-email:visited, a.large-email:hover  {

		position: absolute;

		top: 45px;

		right: 90px;

		text-decoration: none;

		color: #cdcccb;

		padding: 2px;

		font-size: 1.25em;

		text-decoration: underline;

	}	

	a.large-email:hover  {

		color: #676767;		

		border-radius: 0.2em;

		-moz-border-radius: 0.2em;

		-webkit-border-radius: 0.2em;

	}	

	#call-out {

		position: relative;

		font-weight: normal;

		color: #333333;	

		font-size: 0.8em;

		float: left;

		padding: 10px 0 0 20px;

	}

	

	/* logo and page header settings */

	a.logo img {

		position: absolute;

		display: inline-block;

		width: 100px;

		top: 10px;

		left: 0; right: 0;
	

		margin-left: auto; margin-right: auto;

		z-index: 2;

		-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.logo img:hover {

	}

	h2#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 #cdcccb;

		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;

	}	

	

	#scheduleBtn {

		position: absolute;

		right: 3%;

		bottom: 15%;

		z-index: 2;

	}	

	

	/* 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;

		/*background: rgba(255,255,255,0.8);*/

		/*background: rgba(0,127,197,0.6);*/

		/*font-family: Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;*/		

		text-shadow: 2px 2px 5px #000000;

		padding: 10px;

		width: 350px;

		right: 2%;

		z-index: 30;			

	}

	.banner-call-out h2 {

		font-size: 2.5em;

		color: #fff;

		text-align: left;

		text-transform: capitalize;

	}

	#banner-call-out-1 {

		left: 20px;

		top: 2%;

	}

	#banner-call-out-2 {

		right: 20px;

		top: 2%;

	}

	#banner-call-out-3 {

		right: 20px;

		top: 2%;	

	}

	

	/* content */

	#content {

		position: relative;

		display: inline-block;

		width: 100%;

		color: #676767;

	}

	#content-inside {

		position: relative;

		display: inline-block;

		text-align: left;

		width: 100%;

		padding: 2%;

		font-size: 1.0em;

		box-sizing: border-box;

		-webkit-box-sizing: border-box;

		-moz-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;	

	}

	

	/* 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;

	}		

	

	/* service boxes */

	a.panel h2 {

		color: #939598;

		font-size: 1.5rem;

		text-align: center;

	}

	a.panel img {

		position: relative;

		bottom: 0;

		right: 0;

		border: 2px solid #cdcccb;

		border-radius: 0.5em;

		-webkit-border-radius: 0.5em;

		-moz-border-radius: 0.5em;	

		width: 90%;

	}

	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: 33.33333333%;

		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: #ececec;

		color: #ffffff;

	}

	

	/* mabile connect buttons */

	#call-now, #map-it {

		display: none;

	}

	

	/* footer */

	#footer-container {

		position: relative;

		display: inline-block;

		width: 100%;

		background: #676767; 

		color: #fff;

		font-size: 0.95em;

		float: left;

	}

	#footer-center {

		position: relative;

		margin-left: auto;

		margin-right: auto;

		width: 100%;

		padding: 2%;

		box-sizing: border-box;

	}

	#footer-container a {

		text-decoration: none;	

	}		

	div.footer-col {

		position: relative;

		display: inline-block;

		width: 100%;

		padding: 2%;

		float: left;

		/*border-right: 1px solid #ffffff;*/

	}	

	div.footer-col:first-of-type {

		/*border-left: 1px solid #ffffff;*/

	}

	div.footer-col-last {

		position: relative;

		display: inline-block;

		width: 100%;

		padding: 2%;

		border: none;

		float: left;

		text-align: left;

	}	

	

	/* hide social media tab */

	.social-media-tab {	

		display: none;

	}

	

	/* menu styles */

	#menu {

		/* menu container */

		text-transform: uppercase;

		-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.menu:link, a.menu:visited, a.menu:active, a.menu:hover {

		position: relative;

		display: inline-block;

		padding:  10px 15px 6px 15px;

		height: 24px;

		text-align: center;

		margin: 0;

		color: #fff;

		font-weight: normal;		

		text-decoration: none;

		font-size: 1.0em;

		-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.menu:hover {

		color: #cdcccb;

	}	

	a.selected:link, a.selected:active, a.selected:visited, a.selected:hover {

		position: relative;

		display: inline-block;

		padding:  10px 15px 6px 15px;

		height: 24px;

		margin-right: 0;

		color: #676767; 

		background: #cdcccb;

		font-weight: normal;	

		text-decoration: none;

		font-size: 1.0em;

		-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.selected:hover {

		color: #676767; 

		background: #cdcccb;		

	}

	#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: #676767;

		padding:  5px;

		font-weight: normal;	

		text-decoration: none;

		text-align: left;

		font-size: 1.0em;

		background: #cdcccb; 

		border-bottom: 1px solid #676767; 

		/* 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: #676767; 

		color: #cdcccb; 

		border-bottom: 1px solid #cdcccb; 		

	}	

	.menu-regular {

		position: absolute;

		display: inline-block;

		left: 0; right: 0;

		margin-left: auto; margin-right: auto;

		bottom: 20px;

		height: 40px;

		width: 100%;

		text-align: center;

		z-index: 30;

		-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;

	}

	.menu-fixed {

		position: fixed;

		top: 0;

		left: 0;

		display: inline-block;

		width: 100%;

		background: #676767;

		box-shadow: 0 0 10px #999999;

		moz-box-shadow: 0 0 10px #999999;

		webkit-box-shadow: 0 0 10px #999999;

		height: 42px;

		z-index: 100;

		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;		

		font-size: 1.0rem;

	}

	

	/* 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 {

		display: none;	

	}		

	

	/* contact form */

	#contactInlineFrm {

		position: relative;

		display: inline-block;

		text-align: center;

		width: 90%;

	}

	#contactInline-lcol {

		position: relative;

		float: left;

		width: 50%;

	}

	#contactInline-rcol {

		position: relative;

		float: left;

		width: 50%;

	}	

	

	#contactFrm {

		position: absolute;

		right: 0;

		left: 0;

		margin-left: auto;

		margin-right: auto;

		top: 3%;

		display: inline-block;

		width: 300px;

		padding: 10px;

		z-index: 1000;

		background: #ffffff;

		border-radius: 0.5em;

		-webkit-border-radius: 0.5em;

		-moz-border-radius: 0.5em;

		border: 1px solid #cccccc;

		box-shadow: 0 0 10px #cdcccb;

	}

	#contact-lcol {

		position: relative;

		float: left;

		width: 100%;

	}

	#contact-rcol {

		position: relative;

		float: right;

		width: 50%;

	}

	#contactFrm h3 {

		padding: 0;

		margin: 0;

		color: #fff;

	}

	input.contact-form {

		position: relative;

		width: 95%;

		border: none;

		padding: 5px;

		margin: 1% 0 1% 0;

		background: #fff;

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		color: #333333;

		outline: none;

		font-size: 1.1em;

		border: 1px solid #cdcccb; 

		border-radius: 0.8em;

		-webkit-border-radius: 0.8em;

		-moz-border-radius: 0.8em;	

		height: 35px;

	}

	input.contact-form:hover {

		background: #fafafa;

		border: 1px solid #808080;

	}	

	textarea.contact-form  {

		position: relative;

		width: 95%;

		height: 45px;

		border: none;

		padding: 2%;

		margin-top: 0;

		background: #fff;	

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		font-size: 1.1em;

		color: #cdcccb;

		border: 1px solid #cdcccb; 

		border-radius: 0.2em;

		-webkit-border-radius: 0.2em;

		-moz-border-radius: 0.2em;		

		outline: none;

	}

	textarea.contact-form:hover {

		background: #fafafa;

		border: 1px solid #808080;

	}		

	.contact-form-button {

		position: relative;

		display: inline-block;

		margin: 2%;

		cursor: pointer;

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		color: #676767;

		padding: 1% 5% 1% 5%;

		background: #c8d1de; 

		border-radius: 0.8em;

		-webkit-border-radius: 0.8em;

		-moz-border-radius: 0.8em;		

		outline: none;

		border: none;

		font-size: 1.1em;

		text-align: center;

		-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;		

	}	

	.contact-form-button:hover {

		color: #ffffff; 

		background: #808080; 

	}



	#contact-left-column {

		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 #cdcccb;

		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: #cdcccb; 

		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: 450px;

	}

}

@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;

		color: #676767;

		height: 100%;

		background: #fff;		

	}		

	#page-container {

		position: relative;

		width: 100%;

		padding: 0;

		margin-right: auto;

		margin-left: auto;

		top: 0;

		background: #fff;

	}

	

	/* information panels */

	#infoPanelContainer {

		/*position: relative;

		display: inline-block;

		width: 100%;*/

		display: none;

	}	

	a.infoPanel:link, a.infoPanel:active, a.infoPanel:visited {

		position: relative;

		display: inline-block;

		width: 100%;

		height:  220px;

		float: left;

		color: #ffffff;

		text-align: center;

		padding: 5px;

	}	

	

	/* main page links */

	a.mainLinks:link, a.mainLinks:active, a.mainLinks:visited {

		display: block;

		padding: 0 0 1% 2%;

		text-transform: uppercase;

		color: #cdcccb;

		font-size: 0.7em;

		text-decoration: none;

	}

	a.mainLinks:hover {

		color: #676767;

	}	

	

	

	/* welcome banner */

	#welcome-banner {

		display: none;

	}	

	

	#mobileQRpanel {	

		display: none;

	}	

	

	/* ticker */

	/*#ticker {

		display: none;

	}*/

		

	/* header */

	#header {

		position: relative;

		display: inline-block;

		padding: 0;

		margin: 0;

		width: 100%;

		float: left;

		text-align: center;

		background: #676767;

	}	

	

	a#promotion:link, a#promotion:visited, a#promotion:active {

		display: inline-block;

		background: rgba(255,255,255,0.3); 

		padding: 1%;

		width: 100%;

		box-sizing: border-box;

		color: #676767;

		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#promotion:hover {

		background: rgba(130,187,0,1.0); 	

	}

	

	#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: #cdcccb;

		text-align: center;

		text-decoration: none;

	}

	a#closeRequestForm:hover {

		color: #ffffff;

		background: #676767;

	}	

	

	/* 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: #676767;

		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: #676767;

		background: #ffffff;

	}	

	

	/* hide phone number and call-out */

	.large-phone {

		display: none;

	}

	.large-email {

		display: none;

	}	

	#call-out {

		display: none;

	}

	

	/* hide the desktop menu */

	#menu {

		display: none;

	}



	/* logo and page header settings */

	a.logo img {

		position: relative;

		

		max-width: 100px;

		margin: 2% 0 2% 0;

	}

	h2#logo-title {

		position: absolute;

		left: -9999px;

	}		

	

	/* hide carousel */

	#slider1 {

		display: none;

	}

	

	/* content */

	#content {

		position: relative;

		display: inline-block;

		width: 96%;

		padding: 2%;

		color: #676767;

		overflow: hidden;

	}

	#content-inside {

		text-align: left;

		width: 100%;

	}

	#call-now, map-it {

		position: relative;

		display: inline-block;

		width: 100%;

	}

	

	/* two column layout */

	.fluid2col {

		position: relative;

		display: inline-block;

		width: 100%;

		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;	

	}

	

	/* three column layout */

	.fluid3col {

		position: relative;

		display: inline-block;

		float: left;

		width: 100%;

		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;		

	}

	

	/* four column layout */

	.fluid4col {

		position: relative;

		display: inline-block;

		float: left;

		width: 100%;

		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;		

	}

	

	/* service boxes */

	a.panel h2 {

		color: #939598;

		font-size: 1.5rem;

		text-align: center;

	}

	a.panel img {

		position: relative;

		bottom: 0;

		right: 0;

		border: 2px solid #cdcccb;

		border-radius: 0.5em;

		-webkit-border-radius: 0.5em;

		-moz-border-radius: 0.5em;		

	}

	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: #ececec;

		color: #ffffff;

	}

	

	/* footer */

	#footer-container {

		position: relative;

		display: inline-block;

		width: 96%;

		padding: 2%;

		background: #676767; 

		color: #fff;

		font-size: 0.95em;

		float: left;

	}

	#footer-container a {

		text-decoration: none;	

	}		

	div.footer-col {

		position: relative;

		width: 100%;

		float: left;

		margin-bottom: 2%;

	}		

	

	/* adjust banner for mobile view*/

	#banner {

		position: relative;

		width: 100%;

		overflow: hidden;

		margin-left: auto;

		margin-right: auto;	

	}

	#banner img {

		position: relative;

		display: inline-block;

		float: left;

	}

	

	/* banner call-outs */

	.banner-call-out {

		position: absolute;

		display: none;

		float: left;

		/*background: rgba(255,255,255,0.3);*/

		/*font-family: Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;*/

		color: #cdcccb;

		text-align: center;

		/*text-shadow: 1px 1px #1e1916;*/

		width: 100%;

		padding: 1%;

		font-size: 0.8em;	

		z-index: 30;

	}

	.banner-call-out h1 {

		font-size: 1.1em;

	}	

	

	/* 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 {	

		position: relative;

		text-align: center;

		background: #ececec;

	}		

	

	/* 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 0 0;

		text-align: left;		

	}	

	#phone-nav-overlay {

		position: absolute;

		width: 100%;

		max-width: 600px;

		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: #999999;

	}	

	a.phone-nav-selected:hover {

		color: #fff;

		border-bottom: 1px solid #fff;

		background: #676767; 

	}	

	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: #676767;

		background: #fafafa;

		text-decoration: none;

		font-size: 1.2em;

	}	

	a.phone-nav-links:hover {

		color: #ffffff;

		border-bottom: 1px solid #ffffff;

		background: #676767; 

	}

	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%;

		text-decoration: none;

		font-size: 1.4em;	

		font-weight: bold;

		color: #fff;

		text-align: center;

	}

	a#dynamic-phone-menu:hover {

	}

	.faded {

		opacity: 0.2;

	}	

	

	/* contact form */

	#contactInlineFrm {

		position: relative;

	}	

	#contactInline-lcol {

		position: relative;

		float: left;

		width: 100%;

	}

	#contactInline-rcol {

		position: relative;

		float: left;

		width: 100%;

	}	

	

	

	#contactFrm {

		position: relative;

		display: inline-block;

		margin-top: 2%;

		width: 96%;

		padding: 2%;

		border-radius: 0.5em;

		-webkit-border-radius: 0.5em;

		-moz-border-radius: 0.5em;

		background: rgba(255,255,255,1.0);

		text-align: center;

	}

	#contact-lcol {

		position: relative;

		float: left;

		width: 100%;

	}

	#contact-rcol {

		position: relative;

		float: left;

		width: 100%;

	}

	#contactFrm h3 {

		padding: 0;

		margin: 0;

		color: #fff;

	}

	input.contact-form {

		position: relative;

		width: 95%;

		border: none;

		padding: 5px;

		margin: 1% 0 1% 0;

		background: #fff;

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		color: #333333;

		outline: none;

		font-size: 1.1em;

		border: 1px solid #cdcccb; 

		border-radius: 0.8em;

		-webkit-border-radius: 0.8em;

		-moz-border-radius: 0.8em;	

		height: 35px;		

	}

	input.contact-form:hover {

		background: #ececec;

		border: 1px solid #808080;

	}	

	textarea.contact-form  {

		position: relative;

		width: 95%;

		height: 45px;

		border: none;

		padding: 2%;

		margin-top: 0;

		background: #fff;	

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		font-size: 1.1em;

		color: #cdcccb;

		border: 1px solid #cdcccb; 

		border-radius: 0.2em;

		-webkit-border-radius: 0.2em;

		-moz-border-radius: 0.2em;		

		outline: none;

	}

	textarea.contact-form:hover {

		background: #ececec;

		border: 1px solid #808080;

	}	

	.contact-form-button {

		position: relative;

		display: inline-block;

		margin: 2%;

		cursor: pointer;

		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

		color: #676767;

		padding: 2% 10% 2% 10%;

		background: #c8d1de; 

		border-radius: 0.8em;

		-webkit-border-radius: 0.8em;

		-moz-border-radius: 0.8em;		

		outline: none;

		border: none;

		font-size: 1.4em;

		text-align: center;

		-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;	

	}

	.contact-form-button:hover {

		color: #ffffff; 

		background: #808080; 

	}		

	

	#contact-left-column {

		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 #cdcccb;

		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: #cdcccb; 

		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: 100%;

	}

}



img.captchaImg {

	position: absolute;

	display: inline-block;

	bottom: 6px;

	right: 2px;

	height: 44px;

	border-radius: 0 0.8em 0.8em 0;

	-moz-border-radius: 0 0.8em 0.8em 0;

	-webkit-border-radius: 0 0.8em 0.8em 0;

}



.insetImage {

	float: left;

	width: 100%; max-width: 300px;

	margin: 0 1% 1% 0;

}



/* set a size for map container, the Google Map will take up 100% of this container */

#map {

	position: relative;

	display: inline-block;

	background: rgba(255,255,255,0.8);

	float: left;

	width: 100%;

	/*height: 300px;*/

}



/* info panels and buttons */

a.infoPanel:link, a.infoPanel:active, a.infoPanel:visited {

	position: relative;

	float: left;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-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;	

	overflow: hidden;

	background: #c8d1de;

	text-decoration: none;

}

a.infoPanel:hover {

	background: #cdcccb;

}	

.infoPanel p {

	position: relative;

	display: block;

	z-index: 5;

	font-size: 1.2rem;

	font-weight: 100;

	text-align: left;

}

.infoPanel h4 {

	/*font-family: 'Alegreya Sans SC', sans-serif;*/

	/*font-family: 'Advent Pro', sans-serif;*/

	/*font-family: 'Alegreya Sans', sans-serif;*/

	font-weight: normal;

	color: #ffffff;

	font-size: 1.2rem;

	padding: 0;

	margin: 0;	

	width: 100%;

	text-align: center;

}

.infoPanel h3 {

	font-family: Cambria,Georgia,serif;

	color: #676767;

	font-size: 2.2rem;

	padding: 0;

	margin: 5% 0 10% 0;		

	width: 100%;

	text-align: left;	

	text-transform: capitalize;

	text-align: center;

	width: 100%;

}



/* boxed button style links */

a.boxed:link, a.boxed:visited, a.boxed:active {

	/*position: relative; */

	position: absolute;

	left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 10px;

	display: inline-block;

	width: 80%;

	color: #ffffff;

	text-decoration: none;

	padding: 2% 5% 2% 5%;

	border: 1px solid #ffffff;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-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;		

	z-index: 2;

}

a.boxed:hover {

	background: #999999;

}



/* boxed button style links */

a.boxedNewPatients:link, a.boxedNewPatients:visited, a.boxedNewPatients:active {

	position: relative;

	color: #ffffff;

	float: right;

	margin-left: 50px;

	text-decoration: none;

	padding: 2% 5% 2% 5%;

	border: 1px solid #ffffff;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-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;		

	z-index: 2;

	text-align: center;

}

a.boxedNewPatients:hover {

	background: #999999;

}



/* camera homepage slider */

.fluid_container {

	width: 100%;

}



#new-patients-banner {

	position: relative;

	display: inline-block;

	padding: 20px;

	color: #fff;

	background: #cdcccb;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	width: 100%;

}

#new-patients-banner h2 {

	color: #fff;

	line-height: 25px;

	margin: 0;

	padding: 0;

}

#new-patients-banner p {

	font-weight: normal;

}



#contactSection {

	position: relative;

	display: inline-block;

	width: 100%;

	float: left;

	margin: 0;

	padding: 0;

	background: #fff;

	text-align: center;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	overflow: hidden;	

}



#mapSection {

	position: relative;

	display: inline-block;

	width: 100%;

	float: left;

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	overflow: hidden;

}

.overlay {

   background:transparent; 

   position:relative; 

   width: 100%;

   height:450px; /* your iframe height */

   top:450px;  /* your iframe height */

   margin-top:-450px;  /* your iframe height */

   float: left;

}

.readMoreBtn {

	position: relative; display: inline-block; top: -8px; padding: 10px; background: #cdcccb; 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;*/

}



img.linkLogo {

	position: relative;

	top: 10px;

	margin: 0 10px 0 0;

	padding: 0;

}



/* 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: #cdcccb;

	outline: none;

	font-size: 1.1rem;

	border: 1px solid #cdcccb; 

	border-radius: 0.2em;

	-webkit-border-radius: 0.2em;

	-moz-border-radius: 0.2em;	

	box-sizing: border-box;	

}

input.send-to-phone-form:hover, select.send-to-phone-form:hover {

	background: #ececec;

	border: 1px solid #676767;

}	

.send-to-phone-form-button {

	position: relative;

	display: inline-block;

	margin: 1% 0 0 0;

	cursor: pointer;

	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

	color: #fff;

	padding: 1% 5% 1% 5%;

	background: #cdcccb; 

	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: #676767; 

}

#message-send-to-phone {

	position: relative;

	display: none;

	padding: 2%;

	width: 100%;

	box-sizing: border-box;

	border: 1px solid #cdcccb; 

	border-radius: 0.2em;

	-webkit-border-radius: 0.2em;

	-moz-border-radius: 0.2em;

	background: #ffffff;

}



/* common font styling */

b {

    color: #cdcccb; 

}



.brightGreen {

	color: #cdcccb;

}



/* default title styles */

h3, h4 {

	text-transform: capitalize;

	font-weight: normal;

	color: #676767;

	text-align: left;	

}

h2 {

	font-family: Cambria,Georgia,serif;		

	text-transform: uppercase;

	font-weight: normal;

	color: #676767;

	text-align: left;	

}

h1 {

	font-family: Cambria,Georgia,serif;	

	text-transform: uppercase;

	font-weight: normal;

	color: #676767;

	text-align: left;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	width: 100%;

	text-align: center;

}





/* default link styles */

a:link, a:active, a:visited, a:hover {

	color: #333333;

	text-decoration: underline;

	outline: none;

}

a:hover {

	color: #cdcccb; 

	text-decoration: underline;

	outline: none;

	/*background: #ffffff;*/

}



/* 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: #cdcccb;

	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: #ffffff;

	background: #676767;

}

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: #cdcccb;

	text-decoration: none;

	font-size: 1.2em;

	text-align: center;

}

a.callnow:hover {

	color: #ffffff;

	background: #676767;

}



/* button style link */

a.button:link, a.button:active, a.button:visited, a.button:hover {

	position: relative;

	display: inline-block;

	padding: 2%;

	margin: 2% 2% 2% 0;

	color: #ffffff;

	background: #cdcccb;

	text-decoration: none;

	font-size: 1.2em;

	font-weight: bold;

	-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.button:hover {

	color: #ffffff;

	background: #676767;

}



/* footer link styles */

a.footerLinks:link, a.footerLinks:active, a.footerLinks:visited, a.footerLinks:hover {

	color: #333333;

	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.footerLinks:hover {

	color: #cdcccb;

	text-decoration: underline;

}



/* 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;

}

a.document-button:hover {

	background: #676767;

	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: #cdcccb;

    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-media-link-container {

	position: relative;

	display: inline-block;

	width: 30px;

	height: 30px;

	text-align: center;

	padding: 0;

	overflow: hidden;

}

.social-media-link {

	position: relative;

	float: left;

	width: 30px;

	height: 30px;

	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: 30px;

	height: 30px;

	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 {

	position: relative;

	display: block;;

	font-size: 1.2rem;

	margin-bottom: 3px;

}



/* 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: 120px;

}



/* 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: #676767;

}

.faqs-answer {

	display: none;

}



/* blockquote styles */

blockquote {

	display: inline-block;

	padding: 5px 10px 10px 10px;

	margin-left: 0;

	background: #676767;

	box-shadow: 5px 5px 5px #cdcccb;

	font-size: 1.1em;

	color: #ffffff;

}

.bqstart {

	position: relative;

	display: inline-block;

	height: 20px;

	padding-bottom: 0;

    font-size: 120%;

	color: #cdcccb;

}

.bqend {

	position: relative; 

	display: inline-block;

	height: 20px;

    font-size: 120%;

	color: #cdcccb;

}



/* 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-bottom: 1%;

}



/* 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: #cdcccb;

	margin-bottom: 10px;

	border-radius: .3em;

	-webkit-border-radius: .3em;

	-moz-border-radius: .3em;	

	list-style: none;

}

#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: #cdcccb;

	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%;	

}



@font-face {

    font-family: TrajanBold;

    src: url("fonts/Trajan_Bold.ttf");

}



/* end of site css */