/*	Law Office of Jean S. Klotz
	Updated: Tues May 13, 2008 @ 10:49pm
	Author: Bryan Taketa
	--------------------------------------------*/

/* 
	Table of Contents 
	1. Main Elements
	2. Main Navigation
	3. Main Content
		a. About Us
		b. Our Services
		c. FAQ's
		d. Contact Us
	4. Footer
		a. Spacing
	5. Floats
	6. Misc.
	-----------------*/
	
	

/* Main Elements */

body  {
	font: .8em Arial, Verdana, Helvetica, sans-serif;
	margin: 0; 
	text-align: center; 
	background: url(../img/headerBack.gif) repeat-x;
	background-color: #E8F8FF;
	color: #333;
	height: 100%; }
	
#header {
	width: 700px;
	height: 133px;
	background: url(../img/header.gif) no-repeat; }

#container { 
	padding: 0px 0px 0px 0px;
	width: 690px; 
	margin: 0 auto; 
	text-align: left;
	min-height: 100%;
	position: relative;
	background-color: #FFF; } 

h1 {
	font: 2.1em Times New Roman, Arial, Verdana, Helvetica, sans-serif;
	margin: 0; 
	padding: 10px 0; 
	color: #006699; }
	
h2 {
	font: 1.3em Arial, Verdana, Helvetica, sans-serif;
	margin: 0; 
	padding: 0; 
	color: #006699; }
	
h3 {
	font: 1.2em Arial, Verdana, Helvetica, sans-serif;
	margin: 0; 
	padding: 0; 
	color: #006699; }
	

/* Main Navigation */

.mainNav {
	width: 700px;  
	margin: 0 auto; 
	text-align: left; }

.mainNav ul {
  	margin: -29px 0px 0px 8px;
  	padding: 0;
  	height: 31px;
  	list-style: none; }
  
  /* ----- Hack only for IE 7 ----- */
	*+html .mainNav ul {
   			margin: -29px 0px 0px 8px; } 
  
.mainNav ul li {
  	float: left; }

.mainNav ul a {
  	padding: 3px 40px;
  	margin: 0px 0px 0px 0px;
  	line-height: 1.7em;
  	background: url(../img/navOff.gif) repeat-x;
  	border-right: 1px solid #86B4CC;
  	border-left: 1px solid #006299;
  	text-decoration: none;
  	color: #FFF;
  	display: block; }

.mainNav ul a:hover {
  	background: url(../img/navOn.gif) repeat-x; }

.mainNav ul .on a {
  	background: url(../img/navOn.gif) repeat-x; }

.mainNav ul .off a {
  	color: #FFF;
  	background: none; }

.mainNav ul .first a {
  	border-right: 1px solid #86B4CC;
  	border-left: 1px solid #FFF;
  	color: #FFF;
  	background: url(../img/navOn.gif) repeat-x; }
  
.mainNav ul .first a:hover {
 	 background: url(../img/navOn.gif) repeat-x; }

/* Main Content */	
	
#mainContent {
	padding: 0 15px;
	background: #FFF; }

#mainContent .title {
	font-weight: bold; }
	
#mainContent a {
	color: #0066CC;
	text-decoration: underline; }
				
#mainContent a:hover {
	color: #003366;
	text-decoration: underline; }

/* About Us */
			
#mainContent .jKlotz {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: left; }
			
#mainContent .cYang {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: left; }
			
#mainContent .div {
	padding: 10px 0px 5px 0px;
	border-top: 1px solid #E7E7E7; }

#mainContent .copy {
	padding: 0px 0px 0px 5px; }

/* Our Services */	
		
#mainContent .couple {
	margin: 0;
	padding: 0px 10px 0px 0px;
	float: left; }
	
#mainContent .services ul {
	float: left;
	list-style: disc; }
					
#mainContent .services ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px; }

#mainContent .services2 ul {
	margin: 0px 0px 0px 15px;
	float: left;
	list-style: disc; }
					
#mainContent .services2 ul li {
	padding: 0px 0px 10px 0px; }

/* FAQ's */

#faqs {
	padding: 0px 15px 0px 15px;
	background: #FFF; }

#faqs .title {
	font-weight: bold; }
		
#faqs .div {
	padding: 10px 0px 5px 0px;
	border-top: 1px solid #E7E7E7; }
		
#faqs .back {
	float: right; }		
		
#faqs ul {
	margin: 0px 0px 15px 0px;
	list-style: disc; }
			
#faqs ul li {
	padding: 0 0 15px 0; }

#faqs ul.bullet {
	margin: 10px 0px 0px 20px;
	list-style: disc; }
				
#faqs a {
	color: #0066CC;
	text-decoration: underline; }
				
#faqs a:hover {
	color: #003366;
	text-decoration: underline; }

/* Contact Us */		

#mainContent .map {
	padding: 0 10px 0 0;
	float: left; }	

/* Footer */

#footer { 
	padding: 1px 10px 0 0px;
	background: #F2F2F2;
	border-top: 1px solid #E1E1E1;
	color: #006699; 
	position: relative;
	height: 230px;
} 

#footer a {
	padding: 5px;
	font: 1.0em Arial, Verdana, Helvetica, sans-serif;	
	color: #006699;
	text-decoration: underline; }
		
#footer a:hover {
	color: #003366; }

#footer a.selected {
	padding: 2px;
	color: #FFF;
	background: #78B9DF;
	text-decoration: none; }

#footer p {
	margin: 0; 
	padding: 10px 0; }
	
/* Spacing */					
					
.clearfooter {
	height: 15px;
	clear: both; }
	
.clearfooter2 {
	height: 125px;
	clear: both; }
	
.clearfooter3 {
	height: 190px;
	clear: both; }
					
/* Floats */
	
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.pad2 {
	padding: 35px;}

/* Misc. */

</style><!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
#sidebar1 { width: 230px; }
</style>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.mainNav { margin-top: 5px; } /* the auto margins (in conjunction with a width) center the page */
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
#sidebar1 { padding-top: 30px; }
#mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<style type="text/css"> 

</style>
<![endif]-->