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

body
	{background:#f8f6f1;
	font-size:1em;
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;}

#wrapper
	{width:80%;
	background:#fff;
	margin:auto;
	padding:0 1% 10% 1%}

a
	{text-decoration:none;
	color:inherit}

ul
	{list-style:none}

img, a
	{border:none}
	
header p
	{text-align:center}

header img
	{width:auto;
	max-width:100%}

.subhead
	{display:block}

.blue
	{color:#155979 !important}

.special
	{width:100%;
	background:#155979;
	margin-top:-1.5%}

.special p
	{color:#f8f6f1;
	text-transform:uppercase;
	text-align:center;
	padding:1%;
	font-size:20px}

a.nopad
	{margin:0;
	padding:0}

nav
	{text-align:center;
	width:100%;
	background:#155979}

nav ul
	{padding:1%}

nav li
	{display:inline-block;
	margin:0 3%;}

nav p
	{text-transform:uppercase;
	margin:0;
	padding:0;
	font-weight:600;
	letter-spacing:1px;
	color:#f8f6f1}

li.first
	{margin-left:0 !important}

li.last
	{margin-right:0 !important}

#submenu
	{text-align:center;
	margin:0;
	padding:0 0 1% 0;
	border-bottom:1px solid #4f3b29;}

#submenu ul
	{margin:0 auto;
	padding:0}

#submenu li
	{display:inline-block;
	padding:0.5% 1.5%;
	margin:0 auto}

#submenu p
	{color:#4f3b29;
	padding:0;
	margin:0;}

#submenu p.active
	{color:#155979 !important;}

nav p.active
	{color:#92b5c5 !important}

.noborder
	{border:none !important}

img.home
	{float:left;
	margin:0 2% 2% 0;
	width:auto;
	max-width:100%}

.has-pullquote:before {
	/* Reset metrics. */
	padding: 1% 0;
	border-top:1px solid #155979;
	border-bottom:1px solid #155979;
	margin:0 2% 1% 0;
	
	/* Content */
	content: attr(data-pullquote);
	
	/* Pull out to the right, modular scale based margins. */
	float: left;
	width: 37%;
	
	/* Baseline correction */
	position: relative;
	
	/* Typography (30px line-height equals 25% incremental leading) */
	font-size:20px;
	line-height: 30px;
	font-style:italic
}

.procedure
	{margin:auto;
	width:85%}

.procedure h2
	{font-style:italic;
	text-align:left;
	color:#4f3b29}

.procedure p
	{text-align:left;
	text-transform:none;
	margin:2% 0;
	padding:0;
	color:#4f3b29}

.procedure a
	{color:#155979}

.procedure h3
	{color:#4f3b29}
	
.patient
	{width:85%;
	margin:1% auto;
	background:#f8f6f1;
	padding:1% 0}

.caption
	{width:37%;
	display:inline-block;
	vertical-align:top;}

.caption p
	{text-align:left;
	text-transform:none;
	margin:0 10% 0 10%;
	padding:0;
	color:#4f3b29}

.pics
	{width:62%;
	display:inline-block}

.pics table
	{margin:auto}

.pics td
	{vertical-align:top}

.pics img
	{vertical-align:top;
	margin:1px auto;
	max-width:100%;
	width:auto;
	height:auto;}

footer p
	{color:#666666;
	font-size:70%;
	text-align:left !important;
	font-weight:500;
	text-transform:uppercase;
	display:inline-block;
	border-right:1px solid;
	padding:0 0.5em 0 0;
	margin:0}

footer
	{text-align:center;
	margin:auto;
	padding-bottom:5%}

.real-patient-ratings-feed
	{margin:auto;
	width:100%;
	border:1px solid #000}

.mytouch
	{border-top:1px solid #4f3b29;
	padding:2%}

#index
	{width:90%;
	margin:auto}

img.touchmd
	{margin-top:1em}

.call, .email
	{display:none}

.address
	{display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0;}

.map
	{position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	width:70%;
	display:inline-block;
	margin-left:1%}

.map iframe
	{position: absolute;
    top:0;
	left:0;
    width: 100%;
    height: 100%;
	padding:0;
	margin:0}

.real-patient-ratings-feed
	{padding:1em;
	margin-left:-1em}

.cyber img
	{width:100%}

/* styles for desktop */

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

@media screen and (max-width: 1250px) {	
#wrapper
	{width:85%}

#index
	{width:100%}
}

@media screen and (max-width: 1100px) {	
#wrapper
	{width:90%}
	
.caption
	{width:100%;
	vertical-align:top;}

.caption p
	{}

.pics
	{width:100%;
	margin:2% auto;
	display:block}

.pics table
	{margin:0 10%}

.has-pullquote:before {
	width:auto;
	max-width:500px}
}

@media screen and (max-width: 902px) {
.map
		{width:100%;
		margin:0}	
}

@media screen and (max-width: 856px) {
	img.home
	{float:none;
	margin:0 auto 5% auto;
	display:block}
	
}

@media screen and (max-width: 750px) {

.pics table
	{margin: auto}
	
.pics td
	{display:block;}

.pics img
	{margin:auto}

}
	
/* styles for mobile */
@media screen and (max-width: 578px) {	
 .tinynav { 
   display: block;
   padding:2em;
   font-size: 1.5em;
   background:#a5bbc9;
   width:100%;
   border:none;
   color:#000
 }
 #nav { display: none }
 
 #tag
	{display:block;
	width:80%;
	margin-left:auto;
	margin-right:auto}

.call, .email
	{width: 33%;
	display:inline-block;
	text-align:center;
	padding:5px;
	background: #155979;
	margin-bottom:4%;
	color:#f8f6f1 !important}

.disappear
	{display:none}

.procedure p
	{margin:4% 0}

/*Display 'show menu' link*/
	.show-menu {
		display:block;
		background:#155979;
		text-align:middle;
		text-transform:uppercase;
		letter-spacing:0.062em;
		text-align:left;
		padding-left:5%;
		color:#f8f6f1;
		margin:3% auto}
	
nav
	{background:#f8f6f1}

nav ul
	{display:none}
	
nav li
	{display:block;
	border:none;
	margin:2% auto}

nav p
	{color:#155979}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 16px solid #f8f6f1;
	float:right;
	margin-right:5%
}

#content
		{width:95%}
#submenu li
	{padding:2%}

.pics table
	{margin:0 10%}


}