/*	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. Services Module
		b. Link Colors
		c. Form
	4. Spacing
	5. Footer
	6. Floats
	7. 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; }
	
h4 {
	font: 1.3em Arial, Verdana, Helvetica, sans-serif;
	margin: 0; 
	padding: 5px 0 5px 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 a {
	color: #0066CC;
	text-decoration: underline; }
				
#mainContent a:hover {
	color: #003366;
	text-decoration: underline; }
	
#mainContent .homeCopy {
	float: left; }
	
#mainContent img {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 0px; }

/* Services Module */	
			
#mainContent .mod {
	margin: 2px 0px 0px 0px;
	padding: 5px;
	width: 213px;
	border-top: 1px solid #559FC6;
	border-right: 1px solid #CCC ;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: #F2F2F2; }
			
#mainContent .mod ul {
	list-style: none; }
				
#mainContent .mod ul li {
	margin: 0px 0px 0px -30px;
	padding: 0px 0px 7px 0px; }
			
#mainContent .modTop {
	margin: 10px 0px 0px 0px;
	width: 225px;
	height: 31px;
	background: url(../img/servicesBack.gif) repeat-x;
	float: right;  }
				
#mainContent .title {
	font: 1.7em Times New Roman, Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
	margin: 3px 0px 0px 5px; }
					
#mainContent .title a {
	color: #FFF;
	text-decoration: none; }
					
#mainContent .title a:hover {
	color: #FFF;
	text-decoration: none; }
	
/* Form */
					
form {
	padding: 0px 0px 5px 10px; 
  	margin: -50px 0 0 0;
 	background: #F2F2F2;
  	text-align: left;
  	width: 213px;
  	border: 1px solid #CCC;
	float: right; }
	
	form .sent {
		font: 1.0em Arial, Verdana, Helvetica, sans-serif;
		color: #760000;
		text-align: center; }

/* legend styling */
legend {
  	font-weight: bold; }

/* style for  labels */
label {
  	display: block; }

/* style for required labels */
label .required {
  	font-size: 0.75em;
  	color: #760000; }

input {
  	width: 200px; }

input.radio, input.submit {
  	width: auto; }

/* style form elements on focus */
input:focus, textarea:focus {
  	background: #E8F8FF; }

textarea {
  	width: 200px;
	height: 75px; }

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}

/* 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;
	text-decoration: underline; }

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

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

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

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

#footer2 p {
	margin: 0; 
	padding: 10px 0; }
	
		#footer2 .disclaimer {
		font: 0.7em Arial, Verdana, Helvetica, sans-serif;
		width: 700px;
		float: center;
		color: #006699; }
	
/* 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;
}

/* 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]-->