<!DOCTYPE html>
<html lang="en">
<head>
<title>Matthew Lehman, M.A., LMFT</title>
<style>

html {
   background: url(bluebg.jpg) no-repeat center fixed; 
   background-size: cover;
}

body {
   margin: 0;
}

p {
   font-family: arial;
   font-style: normal;
   font-weight: normal;
   font-size: 17px;
}

h1 {
   font-family: arial;
   font-size: 32px;
}

h2 {
   font-family: arial;
   color: white;
   text-indent: 15px;
}

table {
   font-family: arial;
   font-size: 20px;
}

th {
   padding: 4px;
}

.hcolumn {
   float: left;
   padding: 15px;
   height: 50px;
}

.hcolumn.hside {
   width: 15%;
}

.hcolumn.hmiddle {
   width: 70%;
   background: #b3daff;
}

.column {
   float: left; 
}

.column.side {
   width: 15%;
}

.column.middle {
   width: 70%;
   background: #b3daff;
   padding: 15px;
}

.row:after {
   display: table;
   clear: both;
}

@media (max-width: 600px) {
   .column.side, .column.middle {
        width: 100%;
    }
}

.header {
   background-color #99CCFF;
   text-align: center;
   height: 25px;
}

.topnav {
   overflow: hidden;
   background-color: #383838;
}

.topnav a {
   float: left;
   display: block;
   color: #FFFFFF;
   text-align: center;
   padding: 15px;
   text-decoration: none;
   left: 10px;
   font-family: arial;
}

.topnav a:hover {
   background-color: #ddd;
   color: black;
}

.footer {
   background-color: #383838;
   height: 25px;
   padding: 15px;
   text-align: center;
}

.box {
   width: 100%;
   height: 8px;
   background-color: gray;
   font-family: arial;
}

.box2 {
   width: 100%;
   height: 30px;
   background: url(bluebg.jpg) no-repeat center fixed;
   padding-top: 4px;
   padding-bottom: 4px;
   font-family: arial;
}

.container {
   position: relative;
   text-align: center;
   color: white;
}

.crop{
   float:left;
   position:absolute;
   top:-50px;
   width:100%;
   height:95px;
   overflow: hidden;
}

.top-left {
   position: absolute;
   top: 17px;
   left: 15px;
}

.right {
   float: right;
   display: block;
   color: #FFFFFF;
   text-align: center;
   padding: 15px;
   text-decoration: none;
   left: 10px;
   font-family: arial;
}

</style>
</head>

<body>

<div class="header">
<div class="hrow">
  <div class="hcolumn hside"></div>
   <div class="hcolumn hmiddle">
   <center><p><div class="container">
<div class="crop"><img src="beach2.jpg" width="100%">
<div class="top-left"><h1>Matt Lehman, Marriage and Family Therapist</h1></div></center><p></div></div>
   <div class="hcolumn hside"></div>
</div>
</div>

<div class="row">
   <div class="column side"></div>
   <div class="column middle"> 

<div class="topnav">
   <a href="index.html">Home</a>
   <a href="about.html">About</a>
   <a href="documents.html">Client Documents</a>
   <a href="contact.html">Contact</a>
   <div class="right">Phone: (714) 473-4603 &nbsp;&nbsp;•&nbsp;&nbsp; Fax: (714) 752-5842 &nbsp;&nbsp;•&nbsp;&nbsp; LMFT#98173</div>
</div>

<div class="box"></div>
   <p><h2><div class="box2">Documents and Forms</div></h2>

<center>
<table width="1200" border="0" padding="15px">
   <tr>
   <td width="175" valign="top"><a href="IntakeMdCa18.pdf">Intake Form</a></td>
   <td>To save time when first visiting, please download, print, read and fill out these forms. Included are my office's practices and procedures. If you have any questions, please feel free to contact me.<p></td>
   </tr>
   <tr>
   <td valign="top"><a href="notice_of_privacy_practice_who_keep_notes.pdf">Privacy Practices</a></td>
   <td>Information about my privacy practices. Please download and familiarize yourself. If you have any questions, I'm happy to answer them.</td>
   </tr>
</table>

<p>

<hr width="1200">

<br>
<iframe width="50%" height="1350" allowTransparency="true" frameborder="0" scrolling="no" style="border:none" src="http://www.emailmeform.com/builder/embed/Xr8l7Ofi6abpRfdqufk86"><a href="http://www.emailmeform.com/builder/embed/Xr8l7Ofi6abpRfdqufk86">Fill out form.</a></iframe>
<div style="margin-top:18px;text-align:center"><div id='emf_advertisement'></div></div>

</center>

<div class="footer"></div>

</div>

<div class="column side"></div>

</body>
</html>