IMG { border: 0px; }

A { text-decoration: none; color: #1ba9e1; }
A:hover { color: #fff; }

/* 
background:
003049 / 0, 48, 73 - darker blue/cyan
003e5f / 0, 62, 95 - dark blue/cyan


#057d1a - bright green
#237C32 - med green
#007050 - dark green

#99ddff; - light blue
*/

html { width: 100%; overflow-x: hidden; }

body {
    margin: 0;
    padding: 0;
    font-family: "Gill Sans", "Gill Sans MT", Calibri,sans-serif;
	color: #d6f2fd;
	font-size: 16px;
}

body.page-body {
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(/i/wave_mobile_optimized.jpg);
    background-color: rgba(0, 70, 95, 1.0);
    background-size: 100% auto;
    overflow: hidden;
}

.keywords-hidden { position: absolute; left: -1000px; width: 100px; }

.clear { clear: both; }


html {
    -webkit-text-size-adjust: 100%;
}

H1 {
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0.1em;
	font-family: "Times New Roman", serif;
}
.home .intro H1 {
    margin-top: 26px;
	color: #99ddff;
	font-style: italic;
	font-weight: normal;
}

H2 { /* page hed */
	font-size: 22px;
	font-family: "Times New Roman", serif;
	font-style: italic;
	font-weight: normal;
	line-height: 20px;
	margin:0;
	padding:0;
	color: #99ddff;
	letter-spacing: 0.1em;
}
H2.promo { margin: 30px 0 8px 0; }

H3 {
	font-size: 20px;
	font-weight: normal;
	line-height: 27px;
	padding: 0;
	margin: 0;
	color: #99ddff;
}
.home H3 {
	font-size: 16px;
	line-height: 27px;
	color: inherit;
}

H4 {
	font-size: 14px;
	padding: 0;	
	margin: 5px 0;
}
H4.light { font-weight: normal; }

#main-content {
	display: block;
	width: 86%;
	margin: 4% 0 20px 6%;
	line-height: 16px;
}
#content-box {
	margin: 0;
	background: rgba(0, 54, 95, 1.0);
	border: 0;
	box-shadow: 0;
	border-top: 1px solid rgba(0, 54, 95, 1.0);
}
.home #content-box { margin: 0; }


/* TOP */
#top-container { height: 14%; }
#top-container h1 { color: #003e5f; }

.home #top-container { height: 32%; } /* portrait & landscape */
.home #top-container div { display: none; position: relative; top: 48%; left: 32%; width: 70%; text-align: left; }
.home #top-container h1 { font-size: 17px; font-style: italic; letter-spacing: 0.2em; font-weight: bold; }

.home .intro #mobile-header H1 { font-size: 19px; margin: 0; padding: 0; line-height: 24px; }
.home .intro #mobile-header H2 { margin: 2px 0 0 0; padding: 0; }



/* NAV */
#mobile-nav { font-size: 18px; font-family: "Times New Roman", serif; background-color: #fff; text-align: center; }
#mobile-nav ul { margin: 16px 0 18px 0; padding: 0; }
#mobile-nav ul, #mobile-nav li { list-style: none; padding: 0; font-style: italic; letter-spacing: 0.02em; }
#mobile-nav li { margin: 4px 0 10px 0; line-height: 26px;  }
#mobile-nav li A { display: block; color: rgb(0, 70, 95);  }
.mobile-nav-button { position: fixed; bottom: 0; font-size: 24px; line-height: 48px; border: 0; width: 100%; background: #fff; font-family: "Times New Roman", serif; letter-spacing: 0.1em; font-style: italic; color: rgb(0, 70, 95); }
.home #nav-home { display: none; }
.cbp-spmenu-bottom { bottom: -190px; }
.home .cbp-spmenu-bottom { bottom: -162px; }
/*
@media screen and (min-width: 0px) and (orientation: landscape) {
    .mobile-nav-button { bottom: -2px; }
}
*/


#nav-container { display: block; margin: 0 0 60px 6%; }
#nav { display: none; }
#nav { font-size: 22px; color: #fff; line-height: 18px; }

#nav div.header { padding: 6px 0 22px 0; font-size: 28px; font-weight: normal; font-family: "Times New Roman", serif; }
#nav .header h1 { font-size: 23px; font-style: italic; font-weight: normal; letter-spacing: 0.2em; line-height: 20px; }
#nav .header h1 A { color: inherit; }
#nav .header h1 A:hover { color: #99ddff; }
#nav .header h2 { font-size: 20px; line-height: 20px; font-style: italic; font-weight: normal; color: #fff; }

#nav ul { font-family: "Times New Roman", serif; padding: 22px 0 3px 0; border-top: 1px dotted #777; }
#nav ul, #nav li { list-style: none; margin: 0 0 10px 0; font-style: italic; letter-spacing: 0.02em; }
#nav li sub { font-size: 18px; line-height: 12px; color: #234382; visibility: hidden; }
#nav li.active a { color: #234382; cursor: default; font-style: italic; }

#nav-container #contact { border-top: 1px dotted #777; font-size: 16px; line-height: 26px; width: 92%; }
.email { letter-spacing: -0.10em; }
#nav-container .email { margin-top: 21px; font-weight: normal; }

#nav-container #locations { margin-top: 22px; line-height: 18px; }
#nav-container #locations H4 { margin: 34px 0 14px 0; font-weight: normal; text-transform: uppercase; }
#nav-container #locations H7 { margin: 4px 0; letter-spacing: 0.12em; font-style:italic; }
#nav-container #locations A { line-height: 18px; letter-spacing: 0.15em; }
#nav-container #locations SPAN { color: #99ddff; }

.social-icons { margin-top: 30px; }
.social-icons a { background-position: 0 0; background-repeat: no-repeat; display: block; overflow: hidden; }
a#fb-icon { background-image: url("/i/fb_icon_blue.png"); width: 29px; height: 29px; float: left; margin-right: 20px; }
a#fb-icon:hover { background-position: 0 -29px; }
a#twitter-icon { background-image: url("/i/twitter_icon_blue.png"); width: 38px; height: 30px; }
a#twitter-icon:hover { background-position: 0 -31px; }

/* testimonials */
.testimonial { font-style: italic; }
.page-body-testimonial p.testimonial { margin-bottom: 0; font-size: 17px; line-height: 21px; }
p.testimonial-name { margin: 0 0 2em; text-align: right; }
.home .intro-content .testimonial { background-color: rgba(255, 255, 255, .10); padding: 20px; line-height: 18px; letter-spacing: 0.05em; }
.home .intro-content .testimonial-name { white-space: nowrap; }
.home .intro-content a.testimonials-more { display: block; text-align: right; }
#nav-container #testimonials-nav { display: none; font-family: "Times New Roman", serif; font-size: 15px; letter-spacing: 0.05em; border-top: 1px dotted #777; margin-top: 24px; padding-top: 6px; }
#nav-container .testimonial { font-style: italic; padding: 34px 0 0; }
#nav-container .testimonial .testimonial-name { text-align: right; margin-right: 12px;}


#about-photo { margin: 12px 0 10px 0; }

#promo-image { border: 3px solid #234382; margin: 1em 0; width: 100%; }


ul.toc { font-size: 14px; padding: 0 0 12px 0; list-style-type: none; margin: 0; font-weight: bold; letter-spacing: 0.15em; }
ul.toc li { margin: 4px 0; }

.ortho-footnote { padding-top:20px; font-size: 80%; color: #99cccc; }


@media (min-width: 0px) and (orientation: portrait) {
    .home #top-container div { top: 24%; left: 8%; width: 80%; text-align: right; }
    .home #top-container h1 { font-size: 13px; }
}

@media screen and (min-width: 320px) { /* iphone 4 & 5 */
  /*#top-container div { background-color: purple; }*/
}
@media screen and (min-width: 320px) { /* iphone 5 */
  /*#top-container div { background-color: blue; }*/
}

@media screen and (min-width: 375px) { /* iphone 6 */
  /*#top-container div { background-color: green; }*/
  .home #top-container { height: 30%; }
}

@media screen and (min-width: 414px) { /* iphone 6 plus ?? */
  /*#top-container div { background-color: DeepPink; }*/
}

@media screen and (min-width: 481px) {
	.home #top-container div { width: 60%; }
	#about-photo { float: right; margin: 0 0 60px 38px; }
}



/* ipad portrait & iphone 6 landscape */
@media screen and (min-width: 641px) {
	/*#top-container div { background-color: pink; }*/

	body.page-body {
		background-image: url(/i/wave_optimized.jpg);
	}
	
    .home #top-container div { display: block; top: 40%; left: 20%; text-align: left; }
	.home #top-container h1 { font-size: 20px; font-weight: normal; }
	
	#nav-container #testimonials-nav { display: block; }
	.testimonial {  }
	
	#promo-image { float: left; width: 50%; margin: 0 1.5em 1em 0; }
}
@media screen and (min-width: 641px) and (orientation: portrait) {
   /* .home #top-container div { top: 40%; left: 20%; text-align: right; } */
}

/*
 wider display: side-by-side nav
*/
@media screen and (min-width: 769px) {
	/*#top-container div { background-color: purple; }*/

	BODY { letter-spacing: 0.02em; }
	
	H1 { font-size: 19px; }
	
	/* BEGIN - nav */
	#mobile-nav, .mobile-nav-button, #mobile-header { display: none; }
	#main-content {
		margin: 44px 0 0 9%;
		width: 45%;
		display: inline-block;
		vertical-align: top;
		line-height: 22px;
	}
	.home #main-content {
		margin-top: 16px;
	}
	.home .intro {
		letter-spacing: 0.15em;
	}
	.home .intro-content { margin-bottom: 26px; }
	
	.home .intro p.quote {
		font-size: 9px;
		line-height: 22px;
		padding: 2px 80px 8px 40px;	
	}
	.home .intro p.quote em {
		font-size: 14px;
		color: 
	}

	#nav-container {
		width: 250px;
		margin: 22px 0 30px 8%;
		display: inline-block;
		vertical-align: top;
	}
	#nav { display: block; }
	#nav-container #locations { width: 200px; }
	/* END - nav */
	
	
	body.page-body {
		background-attachment: fixed;
		background-size: 115% auto;
		background-color: rgba(0, 70, 95, 1.0);
	}
	body.full-width { background-size: 100% auto; }
    body.full-height { background-size: auto 100%; }

	#top-container { height: 8%; }
	.home #top-container { height: 30%; }

	#top-container div { /*width: 300px;*/ }
	.home #top-container div { left: 44%; }
	.home #top-container h1 { /*font-size: 19px;*/ letter-spacing: 0.3em; }
	
	#content-box {
		margin: 0 0 50px 0;
		min-height: 500px;
		height: auto;
		background: rgba(0, 54, 95, .80);
		box-shadow: 0px 0px 2px 2px #9ecbe5;
		border: 0px solid #9ecbe5;
	}
	.home #content-box { margin: 5% 0 60px 0; }

}