/*--------------------- Last Modified  2006.03.25 ---------------------*/

/*-----------------------------------------------------------------------*/





/* 

 ----------------------------------------------------------------------------

  Copyright Einstein Industries 2006. 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,object { margin:0; padding:0; }



/* prevent blue linked image borders */

a img,:link img,:visited img,fieldset { border:none; }





/* global elements

 * ------------------------------------------------------------------------- */





/* ----- type selectors ----- */ 

body { 

	background:#3D66A8 url("../images/bg-body.jpg") top repeat-x;

	text-align:center; 

	font:11px/18px Arial, Helvetica, sans-serif; 

	color:#fff;

	}



blockquote { 

	margin-left:10px; 

	margin-right:10px; 

	}



h1	{ font-size:1.2em; color:#CDEFFF; }

h2	{ font-size:1.1em; color:#CDEFFF; }

h3	{ font-size:1.0em; color:#CDEFFF; }



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



a:link,a:visited	{ color:#fff; text-decoration:underline; outline:none; }

a:hover,a:active	{ color:#fff; text-decoration:none; outline:none; }



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



div.clear	{ 

	clear:both;

	height:.01em; 

	overflow:hidden; 

	}



p.back-to-top {

	text-align:right;

	display:block;

	padding-right:23px;

	background:url("../images/bullet-back-to-top.gif") right no-repeat;

	}

	

img.img-left { 

	float:left; 

	margin:5px 10px 10px 0; 

	}



body#index #media-center img.img-left { 

	float:left; 

	margin:15px 10px 10px 0; 

	}



	

img.img-right { 

	float:right; 

	margin:5px 0 10px 10px; 

	}

	

.font-13px {

	font-size:13px;

	font-weight:bold;

	}



	

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



form {

	width:150px;

	margin:10px 0 15px 0;

	}



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



form br { line-height:0; height:0; } /* defaults vertical spacing between fields */



input, textarea, select { 

	background-color:#ffffff !important; /* to prevent highlighting by Google Toolbar */

	border:1px solid #1F4489;

	color:#003366;

	width:145px; /* 5 pixles smaller than form width !important */

	height:18px;

	line-height:18px;

	vertical-align: middle;

	margin-bottom:4px; /* sets vertical spacing between fields */

	padding-top:1px; /* vertically position text in input/textarea field */

	padding-left:4px; /* horizontally position text in input/textarea field */

	font-family:Arial, Helvetica, sans-serif; 

	font-size:1.0em;

	}

	

select { width:150px; padding:0; } /* same width as form - !important */



textarea { height:90px; overflow:auto; }



#contact_business { display: none; } /* do not remove */ 





/* ----- main contact form ----- */ 

 

#contact-main { margin:20px 0 10px 0; }



#contact-main label { 

	width:220px; 

	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:170px;

	position:absolute; 

	left:110%; 

	top:-2px;

	}

	

#contact-main label select { width:177px; }

	

#contact-main label textarea { height:100px; overflow:auto; }





/* ----- submit button form elements ----- */ 



input.submit, input.submit-contact-main { 

	width:60px;

	height:20px;

	cursor:pointer; 

	padding:0; 

	}



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



input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */

	background:url("../images/btn-submit.jpg");

	width:64px;

	height:20px;

	border:none;

	cursor:pointer;

	}





/* framework

 * ------------------------------------------------------------------------- */



body#index #wrap {

	background:url("../images/bg-wrap.jpg") repeat-y;

	width:760px;

	margin:0 auto;

	text-align:left;

	}



#wrap {

	background:url("../images/bg-wrap-inside.jpg") repeat-y;

	width:760px;

	margin:0 auto;

	text-align:left;

	}



body#index #bg-wrap-gradient {

	background:url("../images/bg-wrap-gradient.jpg") no-repeat;

	width:760px;

	}

	

#bg-wrap-gradient {

	background:url("../images/bg-wrap-gradient-inside.jpg") no-repeat;

	width:760px;

	}

		

#masthead {

	position:relative;

	background:url("../images/masthead.jpg");

	height:90px;

	}

	/* index page link within #masthead */		

	#masthead a {	

		position:absolute;

		left:0px;

		width:0px;

		top:0px;

		height:0px; 

		}

	#masthead a span {

		display:none;

		}



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

	

#column-left {

	width:218px;

	float:left;

	color:#1F435E;

	}

	

	body#index #column-left p, #column-left h1, #column-left h2, #column-left h3 {

		margin:0 29px 20px 32px;

		}

		

	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul {

		margin:0 29px 20px 39px;

		}

				

	body#index #column-left ul, body#index #column-left ul li { margin:0; padding:0; list-style-type:none; }

	

	#column-left ul { padding-left:15px; }

		#column-left ul li { list-style-type:disc; padding-left:3px; }

		

	#column-left a, #column-left h1, #column-left h2, #column-left h3 { color:#1F435E; }	

	#column-left h1, #column-left h2, #column-left h3 { margin-bottom:0px; }



	#column-left form { margin-left:39px; }

		

#bottom-col-left {

	background:url("../images/bottom-col-left.gif");

	height:27px;

	}

			

/* ----- column-middle ----- */



#column-middle {

	width:330px;

	float:left;

	}



	#column-middle p, #column-middle h1, #column-middle h2, #column-middle h3, #column-middle ul, #column-middle dl {

		margin:0 30px 20px 30px;

		}



#img-attys {

	background:url("../images/img-attys.gif");

	height:209px;

	}

	

	#img-attys span { display:none; }

	

#media-center {

	background:url("../images/bg-media-center.jpg");

	width:330px;

	}

	

	#media-center p {

		margin:5px 30px 0 0;

		}

	

	#media-center-top {

		background:url("../images/media-center-top.jpg") no-repeat;

		height:148px;

		margin-bottom:-140px;

		}

		

	#media-center-bottom {

		background:url("../images/media-center-bottom.jpg") no-repeat;

		height:12px;

		}

		 

	/* single column list */

	#column-middle ul { padding-left:5px; }

		#column-middle ul li { 

			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat;

			padding-left:10px;  /* pushes text to the middle to display bg img */

			}



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



body#index #column-right {

	width:212px;

	float:left;

	}



	body#index #column-right p, body#index #column-right h1, body#index #column-right h2, body#index #column-right h3, body#index #column-right ul, body#index #column-right dl {

		margin:0 46px 20px 23px;

		}

	body#index #column-right form { margin-left:23px; }



#column-right {

	width:542px;

	float:left;

	}



	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {

		margin:0 46px 20px 31px;

		}

		

		#column-right ul { padding-left:5px; }

		#column-right ul li { 

			background:transparent url("../images/bullet.jpg") 0px 8px no-repeat;

			padding-left:10px;  /* pushes text to the middle to display bg img */

			}

			

		#column-right ul li ul { margin:0 0 0 5px; }

	 	

/* ----- bottom-wrap ----- */

 

body#index #bottom-wrap {

	background:url("../images/bottom-wrap.jpg");

	height:70px;

	clear:both;

	width:100%; 

	}



#bottom-wrap {

	background:url("../images/bottom-wrap-inside.jpg");

	height:70px;

	clear:both;

	width:100%; 

	}

		

/* header framework

 * ------------------------------------------------------------------------- */



#header-flash { height:305px;} /* sets height for the flash header - REMOVE IF NOT USED */

#active-x {height:300px;}

#header-graphic {

	height:305px;

	background:url("../images/header-graphic.jpg");

	position:relative;

	background-image: url(../images/header-graphic.jpg);

} 



	#header-graphic a { width:106px; height:66px; left:617px; top:217px; position:absolute; }

	#header-graphic a:hover { background:url("../images/img-ptt.jpg")  1px 1px no-repeat; }



/* subhead framework

 * ------------------------------------------------------------------------- */



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



	body#index h1#subhead { background:url("../images/subhead-index.jpg"); margin:0; height:113px; }

	body#about #subhead { background:url("../images/subhead-about.jpg"); }

	body#contact #subhead { background:url("../images/subhead-contact.jpg"); }

	body#thankyou #subhead { background:url("../images/subhead-thankyou.jpg"); }

	body#sitemap #subhead { background:url("../images/subhead-sitemap.jpg"); }
	
	body#privacy #subhead { background:url("../images/subhead-privacy.jpg"); }

	body#attorneys #subhead { background:url("../images/subhead-attorneys.jpg"); }

	body#representation #subhead { background:url("../images/subhead-representation.jpg"); }

	body#insurance #subhead { background:url("../images/subhead-insurance.jpg"); }

	body#medical-questions #subhead { background:url("../images/subhead-medical-questions.jpg"); }

	body#practice #subhead { background:url("../images/subhead-practice.jpg"); }

	body#car #subhead { background:url("../images/subhead-car.jpg"); }

	body#slip #subhead { background:url("../images/subhead-slip.jpg"); }

	body#motorcycle #subhead { background:url("../images/subhead-motorcycle.jpg"); }

	body#neck #subhead { background:url("../images/subhead-neck.jpg"); }

	body#dui #subhead { background:url("../images/subhead-dui.jpg"); }

	body#brain #subhead { background:url("../images/subhead-brain.jpg"); }

	body#animal #subhead { background:url("../images/subhead-animal.jpg"); }

	body#premises #subhead { background:url("../images/subhead-premises.jpg"); }

	body#uninsured #subhead { background:url("../images/subhead-uninsured.jpg"); }

	body#personal #subhead { background:url("../images/subhead-personal.jpg"); }

	body#elder #subhead { background:url("../images/subhead-elder.jpg"); }

	body#wrongful #subhead { background:url("../images/subhead-wrongful.jpg"); }

	body#workers #subhead { background:url("../images/subhead-workers.jpg"); }

	body#medical #subhead { background:url("../images/subhead-medical.jpg"); }



#subhead-areas {

	height:92px;

	background:url("../images/subhead-areas.jpg") ;

	}

	

body#index #subhead-qcontact {

	height:86px;

	background:url("../images/subhead-qcontact.jpg") ;

	}



#subhead-qcontact {

	height:101px;

	background:url("../images/subhead-qcontact-inside.jpg") ;

	}

	

#subhead-media {

	height:101px;

	background:url("../images/subhead-media.jpg") ;

	margin-bottom:-25px;

	}



h2#subhead-representing {

	height:113px;

	background:url("../images/subhead-representing.jpg");

	margin:0;

	}



h2#subhead-meet {

	height:92px;

	background:url("../images/subhead-meet.jpg");

	margin:0 0 -20px 0;

	}



/* footer

 * ------------------------------------------------------------------------- */

 

#footer {

	width:760px;

	margin:0 auto;

	text-align:center;

	line-height:18px;

	font-size:12px;

	background:url("../images/bg-footer.jpg");

	padding-bottom:25px;

	}



#footer p {

	color:#000;

	margin:0 20px 25px 20px;

	}



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



#footer a:hover, #footer a:active { color:#000; text-decoration:underline; }



#footer ul {margin-bottom:25px;}



#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 #000;

	}



	#footer li.first { border: none; }



/* Horizontal Sprite Nav

 * ------------------------------------------------------------------------- */



#nav { 

	background:url("../images/nav.jpg") no-repeat; 

	width:760px; 

	height:49px; 

	margin:0;

	padding:0; 

	}



#nav span { display: none; }



#nav li, #nav a { height:49px; display:block; } /* change height here also */



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



#nav-01 { width: 72px; margin-left: 10px;}

#nav-02 { width: 89px;}

#nav-03 { width: 81px;}

#nav-04 { width: 117px;}

#nav-05 { width: 85px;}

#nav-06 { width: 137px;}

#nav-07 { width: 76px;}

#nav-08 { width: 84px;}





/*-------------- (-79px) X position of button / (-49px) height of image from above ------------- */

#nav-01 a:hover { background:url("../images/nav.jpg")  -10px -49px no-repeat; }

#nav-02 a:hover { background:url("../images/nav.jpg") -82px -49px no-repeat; }

#nav-03 a:hover { background:url("../images/nav.jpg") -171px -49px no-repeat; }

#nav-04 a:hover { background:url("../images/nav.jpg") -252px -49px no-repeat; }

#nav-05 a:hover { background:url("../images/nav.jpg") -369px -49px no-repeat; }

#nav-06 a:hover { background:url("../images/nav.jpg") -454px -49px no-repeat; }

#nav-07:hover { background:url("../images/nav.jpg") -591px -49px no-repeat; }

#nav-08 a:hover { background:url("../images/nav.jpg") -667px -49px no-repeat; }





/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */

body#index #nav-01  { background:url("../images/nav.jpg")  -10px -49px no-repeat; }

body#attorneys #nav-02  { background:url("../images/nav.jpg") -82px -49px no-repeat; }

body#about #nav-03  { background:url("../images/nav.jpg") -171px -49px no-repeat; }

body#representation #nav-04  { background:url("../images/nav.jpg") -252px -49px no-repeat; }

body#insurance #nav-05  { background:url("../images/nav.jpg") -369px -49px no-repeat; }

body#medical-questions #nav-06  { background:url("../images/nav.jpg") -454px -49px no-repeat; }

body#practice #nav-07  { background:url("../images/nav.jpg") -591px -49px no-repeat; }

body#contact #nav-08  { background:url("../images/nav.jpg") -667px -49px no-repeat; }



/* Son of Suckerfish: Horizontal Sprite Nav

 * ------------------------------------------------------------------------- */



#nav li ul {

	position:absolute;

	left:-9999px;

	padding-right:1px;			/* Fixes one px spacing for border-right in FF */

	background-color:#255378;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */

	}



#nav li ul li { 

	height:20px; 				/* Height of each drop down nav item */

	border:1px solid #0D2948;

	border-top:none;

	}	



#nav li ul li a {

	width:100%;

	height:20px;				/* Height of each drop down nav item, should match above */

	line-height:20px;			/* Height of each drop down nav item again, should match above */

	}



#nav li ul li a span {

	display:block;

	padding-left:10px;

	}



/* Drop down link styles */

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {

	font-size:1.0em;

	color:#FFFFFF;

	text-decoration:none;

	}



#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }



/* Hover styles for drop down items */

#nav-07 ul a:hover { 

	background-image:none;

	background-color:#316994;

	color:#FFFFFF;

	text-decoration:none;

	}

	

li#nav-07 ul { margin-top:49px; }



/* width of drop down nav - choose width that allows items to display on one line */

#nav-07 ul, #nav-07 li { width:150px; }		





/* Vertical Sprite Nav

 * ------------------------------------------------------------------------- */



#btn-areas {

	background:url("../images/btn-areas.jpg") top left no-repeat;					

	width:218px;		/* Width of buttons, not entite image (or half of entire image) */

	height:796px;		/* Height of entire image */

	margin:0;

	padding:0;

	}



#btn-areas li span { display: none; }



#btn-areas li {

	float:left;

	list-style:none;

	}



#btn-areas li, #btn-areas a { 

	height:54px;			/* Each button must have the same height, define it here */

	display:block;

	}



/* margin-top to set where the btn-areas should begin */

#btn-areas-01 { margin-top:5px; width:218px; }



/* margin-top if there is a spacing between each btn-areas button */

#btn-areas-02, #btn-areas-03, #btn-areas-04, #btn-areas-05, #btn-areas-06, #btn-areas-07, #btn-areas-08, #btn-areas-09, #btn-areas-10, #btn-areas-11, #btn-areas-12, #btn-areas-13, #btn-areas-14 { margin-top:0; width:218px; }



#btn-areas-01 a:hover { background:url("../images/btn-areas.jpg") -218px  0px no-repeat; }

#btn-areas-02 a:hover { background:url("../images/btn-areas.jpg") -218px  -54px no-repeat; }

#btn-areas-03 a:hover { background:url("../images/btn-areas.jpg") -218px -108px no-repeat; }

#btn-areas-04 a:hover { background:url("../images/btn-areas.jpg") -218px -162px no-repeat; }

#btn-areas-05 a:hover { background:url("../images/btn-areas.jpg") -218px -216px no-repeat; }

#btn-areas-06 a:hover { background:url("../images/btn-areas.jpg") -218px -270px no-repeat; }

#btn-areas-07 a:hover { background:url("../images/btn-areas.jpg") -218px -324px no-repeat; }

#btn-areas-08 a:hover { background:url("../images/btn-areas.jpg") -218px -378px no-repeat; }

#btn-areas-09 a:hover { background:url("../images/btn-areas.jpg") -218px -432px no-repeat; }

#btn-areas-10 a:hover { background:url("../images/btn-areas.jpg") -218px -486px no-repeat; }

#btn-areas-11 a:hover { background:url("../images/btn-areas.jpg") -218px -540px no-repeat; }

#btn-areas-12 a:hover { background:url("../images/btn-areas.jpg") -218px -594px no-repeat; }

#btn-areas-13 a:hover { background:url("../images/btn-areas.jpg") -218px -648px no-repeat; }

#btn-areas-14 a:hover { background:url("../images/btn-areas.jpg") -218px -702px no-repeat; }

/* Social Networks Area - IAHO */

#sn-subhead-areas {
	width: 204px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 9px;
	padding: 0px;
	display: block;
	height: 175px;
}
#sn-subhead-header {
	height:32px;
	width: 204px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	background-image: url(../images/header-network.gif);
	background-repeat: no-repeat;
}
#sn-subhead-areas a.facebook {
	width:204px;
	height: 50px;
	background-image: url(../images/btn-facebook.gif);
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	background-repeat: no-repeat;
   }
#sn-subhead-areas a.twitter {
	width:204px;
	height: 50px;
	background-image: url(../images/btn-twitter.gif);
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	background-repeat: no-repeat;
   }
#sn-subhead-areas a:hover.facebook {
	width:204px;
	height: 50px;
	background-image: url(../images/btn-facebook-hover.gif);
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	background-repeat: no-repeat;
   }
#sn-subhead-areas a:hover.twitter {
	width:204px;
	height: 50px;
	background-image: url(../images/btn-twitter-hover.gif);
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	background-repeat: no-repeat;
   }
#sn-btn-text {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 72px;
	display: none;
   }
#bbb-subhead-areas {
	width: 204px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 9px;
	padding: 0px;
	display: block;
	height: 200px;
}
#bbb-subhead-header {
	height:32px;
	width: 204px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	background-image: url(../images/header-affiliations.gif);
	background-repeat: no-repeat;
}
#bbb-subhead-box {
	width:160px;
	height: 90px;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}