/*--------------------- Last Modified  2007.10.24 ---------------------*/
/*-----------------------------------------------------------------------*/




/* 
 ----------------------------------------------------------------------------
  Copyright Einstein Industries 2005. Used with Permission.                             
  May not be duplicated or reproduced.


  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari


  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/




/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */


/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }


/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }


/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }


/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }




/* global elements
 * ------------------------------------------------------------------------- */




/* ----- type selectors ----- */ 
body { 
	background: url(../images/bg_page.gif);
	text-align:center; 
	font:12px/18px Arial, Helvetica, sans-serif; 
	color:#000;
	}


p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }


blockquote {margin-left:10px;margin-right:10px;}


h1,h2,h3 { margin-bottom:8px; }


h1	{font-size:1.3em;color:#072643;}
h2	{font-size:1.2em;color:#000033;text-decoration:underline;}
h3	{font-size:1.1em;	olor:#666666;text-decoration: underline;}


h1 span,h2 span,h3 span	{ display:none; }


a:link,a:visited	{ color:#1E558A; text-decoration:none; }
a:hover,a:active	{ color:#000033; text-decoration:none; }


hr{width:100%;clear:both;margin:30px 0;}


/* ----- classes ----- */


div.clear	{clear:both;height:0.01em;width:100%;}


p.back-to-top {text-align:right;padding-right:15px; display:block; clear:both;}
	
img.img-left {float:left;margin:2px 10px 10px 0;}
	
img.img-right {float:right;margin:0 0 10px 10px;}


	
/* ----- global form elements ----- */ 


form {width:150px;padding: 10px 0 15px 0;	margin-left: 22px;}


form label	{ font-size:.95em; }


form br { line-height:0;}  


input, textarea, select {
	background-color:#FFFFFF!important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #062644;
	color:#000;
	width:150px; /* 5 pixles smaller than form width !important */
	height:18px;
	vertical-align: middle; /* sets vertical spacing between fields */
	padding-top:1px; /* horizontally position text in input/textarea field */
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-bottom: 4px;
	padding-left: 4px;
	}
	
select {width:155px;padding:0;}


textarea {height:90px; overflow:auto;}
	
input.submit, input.submit-contact-main {width:60px; cursor:pointer; padding:0; }


input.submit-contact-main { margin:90px 0 0 242px; }


input.submit-image { width:63px;height:15px;border:none;cursor:pointer;}


#contact_business { display: none; } 




/* ----- main contact form ----- */ 
 
#contact-main { padding:20px 0 10px 0; }
	
#contact-main label { 
	width:180px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}
	

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:150px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#contact-main label select {width:155px;}
	
#contact-main label textarea { height:100px; }

#email { display: none }




/* framework
 * ------------------------------------------------------------------------- */


#wrap {
	background: url(../images/bg-wrap.jpg) repeat-y;
	width:760px;
	margin:0 auto;
	text-align:left;
	}


#masthead{ background: url(../images/masthead.jpg); width:100%; height:50px; }	






/* ----- column-left ----- */


#column-left {width:200px;float:left;display: inline;clear: both;	margin-bottom:140px;}
	#column-left p{ margin:0 22px;}
	
	div.areas{background:url(../images/bg-subhead-left-areas.jpg) top no-repeat;padding-top:55px;}
	
	div.areas ul{margin-left:22px; font:12px/24px Arial, Helvetica, sans-serif; }
	div.areas ul li{	background:transparent url(../images/bullet-transparent.gif) 0px 6px no-repeat;padding-left:18px;font-weight: bold;line-height: 28px;margin-bottom: -5px;}
	div.areas ul li a:link, div.areas ul li a:visited	{ color:#062644; text-decoration:none; }
	div.areas ul li a:hover, div.areas ul li a:active	{ color:#1E558A; text-decoration:none; }
	
	div.areas ul.show, div.areas ul.hide{margin-left:10px; margin-bottom:5px;  font:12px/18px Arial, Helvetica, sans-serif;}
	div.areas ul.show {display:block;}
	div.areas ul.hide {display:none;}
			div.areas ul.hide li,div.areas ul.show li{background:transparent url(..) 0px 6px no-repeat;padding-left:0px;list-style:disc;font-weight: normal;line-height: 14px;margin-bottom: 0px;}
	
	div.contact{background:url(../images/subhead-left-contact.jpg) top no-repeat;padding-top: 43px;}
		div.contact p { font-size:0.9em; text-align:center; line-height:1.4em;}
	
	div.court {text-align:left;width: 150px;margin: 10px auto 25px auto;}
		div.court img{ margin:10px auto; display:block; width:70px;}
		div.court ul {margin-left:15px; list-style:disc;}
		div.court ul li {	padding-left:3px;	font-size:0.9em;	color:#000000;line-height: 12px;}
	
	#column-left dl{width:150px;display:block;;margin: 0 auto 10px auto; text-align: center;}
	
	div.office{width:150px;display:block;margin: 0 auto 10px auto;text-align: left;line-height: 12px;}	
			div.office img{}
			#column-left div.office p{text-decoration:none;	margin:0;	font-size: 12px;	text-align: center;}
	a.ptt{ display:block; width:176px; margin:0 auto 10px auto;}


/* ----- column-right ----- */


#column-right {width:560px;float:left;}


	#column-right ul { margin-left:5px;}
	#column-right ul.index-menu {float:left;width:220px;margin-right: 20px;} 
	#column-right ul.menu{ margin-bottom:10px;}
			 	
	#column-right ul.index-menu li { background:none; padding-left:8px; }
	#column-right ul li, #column-right ul.index-menu ul li {background:transparent url(../images/img-bullet-index-menu.jpg) 0px 6px no-repeat;padding-left:20px;margin-left: -5px;}
		#column-right ul.menu li{ width:220px; margin-right:20px; float:left;}
	
	#column-right ul.disc{ line-height:16px; list-style: disc; } 
	#column-right ul.disc li{ background:transparent; margin-left: 10px; padding-left:5px; margin-bottom: 8px; list-style-type: disc; } 
	#column-right div.content{ margin:10px 16px 10px 16px;}
	
	.box{
	display:block;
	width:256px;
	float:left;
	background: url(../images/bg-index-box.jpg) repeat-y;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 10px;
}
	.box .header{ height:20px; margin-bottom:10px;}
	.box#divorce  .header{background: url(../images/header-index-box-divorce.jpg) no-repeat;}
	.box#domestic .header{background: url(../images/header-index-box-domestic.jpg) no-repeat;}
	.box#personal .header{background: url(../images/header-index-box-personal.jpg) no-repeat;}
	.box#workers  .header{background: url(../images/header-index-box-workers.jpg) no-repeat;}
	
	.box h2,.box p{ margin:0 10px 10px 10px;}
	
	.box .wrap { background:url(../images/bottom-index-box.jpg) bottom no-repeat; padding-bottom:20px;}
	
#column-right p.court{width:250px;float:left;display:block;text-align: center;margin-left: 6px;margin-bottom: 10px;background-color: #666666;color: #FFFFFF;border:1px #999999 solid ;}


#column-right ul li a:link, #column-right ul li a:visited	{  text-decoration:none; }
#column-right ul li a:hover, #column-right ul li a:active	{  text-decoration:none; }


#column-right p.court a:link, #column-right p.court a:visited	{ color:#CCFFFF; text-decoration:none; }
#column-right p.court a:hover, #column-right p.court a:active	{ color:#3399FF; text-decoration:none; }


dt{ font-weight:bold;}


/* ----- bottom-wrap ----- */
 
#bottom-wrap {
	background:url(../images/bottom-wrap.jpg) bottom no-repeat;
	width:760px;
	padding-bottom: 15px;
	}
	
/* header framework
 * ------------------------------------------------------------------------- */




#header-graphic {
	height:187px; /* sets height for all non-flash headers */
	background-image: url(../images/header-img.jpg);
	}






/* subhead framework
 * ------------------------------------------------------------------------- */


#subhead {
	height:43px; /* sets height for all subheads */
	}


	body#index #subhead {
	background:url(../images/subhead-index.jpg);
	margin-left: 4px;
		}
	
	


/* footer
 * ------------------------------------------------------------------------- */
 
#footer {
	width:700px;
	margin:0 auto;
	text-align:center;
	color: #FFFFFF;
	}


#footer p {
	color:#FFFFFF;
	margin-bottom: 5px;
	}


#footer a:link, #footer a:visited {
	color:#FFFFFF;
	text-decoration: none;
	}


#footer a:hover, #footer a:active {
	color:#CCCCCC;
	text-decoration: none;
	}


#footer ul {margin-top:5px;}


#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0 5px 0 7px;
	display: inline;
	border-left: 1px solid #FFF;
	}


	#footer li.first { border: none; }


/* Horozontal Sprite Nav
 * ------------------------------------------------------------------------- */


#nav {
	background:url(../images/nav.jpg) no-repeat;
	width:496px;
	height:25px;
	margin: 25px 0 0;
	float: left;
	
	}


#nav span { display: none; }


#nav li, #nav a { height:25px; display:block; }


#nav li { float:left; list-style:none; _display:inline; }


#nav-01 { width: 56px; margin-left: 0px;}
#nav-02 { width: 109px;}
#nav-03 { width: 94px;}
#nav-04 { width: 170px;}
#nav-05 { width: 67px;}






/*-------------- (-79px) X position of button / (-25px) height of image from above ------------- */
#nav-01 a:hover {background:url(../images/nav.jpg) -0px -25px no-repeat;}
#nav-02 a:hover {background:url(../images/nav.jpg) -56px -25px no-repeat;}
#nav-03 a:hover {background:url(../images/nav.jpg) -165px -25px no-repeat;}
#nav-04 a:hover {background:url(../images/nav.jpg) -259px -25px no-repeat;}
#nav-05 a:hover {background:url(../images/nav.jpg) -429px -25px no-repeat;}