/* ============================================================
  SECTIONS
============================================================ */
section.module:last-child {
  margin-bottom: 0;
}
section.module h2 {
  margin-bottom: 40px;
 
  font-size: 30px;
}
section.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 0px 0;
}
section.module.parallax {
  height: 400px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
section.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 400px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.module.parallax-1 {
  background-image: url("../images/background.jpg");
}
section.module.parallax-2 {
  background-image: url("../images/crutches.jpg");
}
section.module.parallax-3 {
  background-image: url("../images/xray.jpg");
}
section.module.parallax-4 {
  background-image: url("../images/foot3.jpg");
}

@media all and (min-width: 300px) {
  section.module h2 {
    font-size: 42px;
  }
  section.module p {
    font-size: 20px;
  }
  section.module.parallax h1 {
    font-size: 96px;
  }
}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 80px;
  }
}
body {
	font: 100%/1.4 Arial, sans-serif;
	background: #4E5869;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #FFFFFF;
        margin:250px 0px 0px 0px;
}

ul, ol, dl {
	padding: 0;
        margin: 0;
	
}
h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}

h1{
	margin-top: 10px;	
	padding-right: 15px;
	padding-left: 15px; 
	color:#ffffff;
}
h2 {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
	color:#0065a4;
}
h3 {
	margin-top: 0;	
	padding-right: 15px;
	color:#666666;
}
h4{
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
	color:#0065a4;
}
a img { 
	border: none;
}


a:link {
	color:#63a1c7;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color:#0065a4;
}


.header {
	background: #ffffff;
        position:fixed;
	top:0px;
	left:0px;
	z-index: 99999;
	width:100%;
	color:#CCC;
	padding:0px;
	}

.content {
	padding: 0px 0;	
}
.content ul, .content ol { 
	padding: 0 15px 15px 40px;       
}
.footer {
	padding: 0px 0;
	background: #ffffff;
	border-top:1px solid #ccc;
}
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


	#nav{
			border:1px solid #ccc;
			border-width:1px 0;
			list-style:none;
			margin:0;
			padding:0;
			text-align:center;
		}
		#nav li{
			position:relative;
			display:inline;
		}
		#nav a{
			display:inline-block;
			padding:20px;
		}
		#nav ul{
			position:absolute;
			/*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */
			left:-9999px;
			margin:0;
			padding:0;
			text-align:left;
		}
		#nav ul li{
			display:block;
		}
		#nav li:hover ul{
			left:0;
		}
		#nav li:hover a{
			color:#FFFFFF;
			background:#0065a4;
		}
		#nav li:hover ul a{
			text-decoration:none;
			background:none;
		}
		#nav li:hover ul a:hover{
			text-decoration:underline;
			background:#f1f1f1;
		}
		#nav ul a{
			white-space:nowrap;
			display:block;
			border-bottom:1px solid #ccc;
		}
		a{
			color:#0065a4;
			text-decoration:none;
			font-weight:bold;
		}
		a:hover{
			text-decoration:underline;
			background:#f1f1f1;
		}

  .google-maps {
        position: relative;
        padding-bottom: 25%; 
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }