/* 
 ----------------------------------------------------------------------------
  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,div,dd,dt,dl { margin:0; padding:0; }

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


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

/* ----- type selectors ----- */ 
body { 
	background: #10642F url("../images/bg.jpg") 0 0 repeat-x;
	text-align:center; 
	font:12px/18px "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	color:#000; 
	}

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

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

h1	{ font-size:16px; }
h2	{ font-size:14px; }
h3	{ font-size:12px; }

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

a:link,a:visited	{ color:#1F2D50; text-decoration:underline; }
a:hover,a:active	{ color:#10642F; text-decoration:underline; }


/* ----- form ----- */ 
form {
	width:450px;
	margin:0px 0 0px 28px;
	}
form div {
	float: left;
	display: inline;
	width:140px;
	padding-left:5px;
	}	
form div#comment-box {
	float: left;
	display: inline;
	width:140px;
	padding-left:5px;
	padding-top:18px;
	}	


#quick-contact form label 	{ font-size:.95em; color:#FFFFFF; }

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

input, textarea, select { 
	background-color:#f4f2e6; 
	border:1px solid #494114;
	color:#1F2D50;
	width:136px; 
	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:"Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	font-size:11px;
	}
textarea {
	height:64px;
	overflow:auto;
}
#contact_business {
	display: none;
} /* do not remove */


/* ----- classes ----- */
div.clear	{ clear:both; height:.01em; overflow:hidden; }

img.img-left { 
	float:left; 
	margin:2px 12px 12px 0; 
	}

p.top {
	text-align:right;
	font-size:10px;
	display:block;
}
	
img.img-right { 
	float: right; 
	margin: 2px 0 12px 12px; 
	}

input.submit, input.submit-contact-main { 
	width:60px; 
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:85px 0 0 210px; }

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

.map{
	margin:5px 5px 0px 8px;
	padding-bottom:5px;
	float:left;
}
/* main contact form
 * ------------------------------------------------------------------------- */
 
#contact-main { 
	padding:20px 0 10px 0; 
	}
	
#contact-main label { 
	width:190px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px; 
	}
	
#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:175px;
}

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


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

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

#ticker {
	height:30px;
	background:url("../images/ticker.jpg") top no-repeat;
	
}

#header span { display:none; }
	
#header {
	position:relative;
	background:url("../images/header1.jpg") top no-repeat;
	width:781px;
	height:134px;
	margin-left:-1px;
	}

	/* home link within header */		
	#header a {
		position:absolute;
		width:291px;
		height:43px;
		top:59px;
		left:50px;
		}

#masthead {
	height: 189px;
	background: url("../images/masthead.jpg") no-repeat;
}
 
#column-left { 
	width:253px; 
	float:left; 
	}
	#column-left p {
		margin: 10px 15px 10px 52px;
		color:#8D8D8D;
	}
	#column-left ul.procedures {
		padding-left: 7px;
		margin: 10px 0 10px 52px;
	}
	#column-left ul.procedures li {
		color: #1F2D50;
		padding: 0 22px 5px 14px;
		background: transparent url("../images/bullet.jpg") 0px 6px no-repeat;
	}
	#column-left form p {
		margin: 0;
		padding: 0;
	}
	#nGageLH {
		margin:10px 0 0 52px;
	}
	
	
#column-right { 
	width:527px; 
	float:left; 
	}
	#column-right p {
		margin: 0px 90px 10px 35px;
	}
	#column-right h1 {
		margin: 25px 90px 10px 35px;
		color: #10642F;
		font-size: 14px;
	}
	#column-right h2 {
		margin: 15px 90px 10px 35px;
		color: #1F2D50;
		font-size: 13px;
	}
	#column-right h2.header {
		margin: 0;
	}
	#column-right h3 {
		margin: 15px 90px 10px 35px;
		color: #1F2D50;
		font-size: 12px;
	}
	#column-right form p {
		margin: 0;
		padding: 0;
		color:#FFFFFF;
		text-align: left;
	}
	#column-right form p.address{
		margin-top:15px;
		font-size: .89em;
	}
	#column-right ul {
		margin: 5px 90px 10px 55px;
	}
		#column-right ul li {
			list-style-type: circle;
			list-style-position: outside;
		}
	#column-right p.meet {
		margin-top:20px;
		}

#column-right #need-attorney {
	position: relative;
}
	#column-right #need-attorney span { display:none;}
	
	#column-right #need-attorney #learn {
		height: 233px;
		background: url("../images/img-need-an-attorney.jpg") no-repeat;
	}
	
	#column-right #need-attorney #contact-us2 {
		float:left;
	}
	
	#learn a {
		position:absolute;
		width:121px;
		height:30px;
		top:179px;
		left:215px;
		}
	
	#contact-us2 a {
		position:absolute;
		width:124px;
		height:30px;
		top:179px;
		left:356px;
		}
	#column-right #img-dennis {
		width: 191px;
		height: 209px;
		float: right;
		background: url("../images/img-dennis.jpg") no-repeat;
	}

#bottom-wrap { 
	background:url("../images/bottom-wrap.jpg") no-repeat; 
	width:768px; 
	height:35px; 
	clear:both; 
	overflow:hidden; 
	}
#title-contact{
	height:59px;
	margin-left:1px;
	background:url("../images/title-contact.jpg") no-repeat;
}

#quick-contact{
	margin-left:1px;
	background:url("../images/bg-contact.jpg") repeat-y;
}
#quick-contact p{
	color:#FFFFFF;
	margin-top:15px;
}

#contact-bottom{
	height:77px;
	margin-bottom:-10px;
	background:url("../images/contact-bottom.jpg");
}

/* inside framework
 * ------------------------------------------------------------------------- */
#bbb {
		margin: 15px 15px 0px 52px;
}

#contact-us {
	height: 85px;
	background: url("../images/img-contactus.jpg") no-repeat;
}

#directions {
	height: 85px;
	background: url("../images/img-directions.jpg") no-repeat;
}

#practice-areas {
	height: 100px;
	background: url("../images/img-practice-areas.jpg") no-repeat;
}

#subhead-meet-dennis { 
	background:url("../images/subheader-meet-dennis.jpg"); 
	height:45px;
	}

/* -- OR -- */

body#welcome #subhead {
	background:url("../images/subhead-index.jpg"); 
	margin-left:1px;
	height:58px;
	}

body#about #subhead {
	background:url("../images/subhead-about.jpg");
	margin-left:1px; 
	height:58px;
	}
	
body#car-accidents #subhead {
	background:url("../images/subhead-car-accidents.jpg"); 
	height:58px;
	margin-left:1px;
	}

body#other-auto-accidents #subhead {
	background:url("../images/subhead-othermotorvehicle-accidents.jpg"); 
	height:58px;
	margin-left:1px;
	}

body#maritime-aviation #subhead {
	background:url("../images/subhead-maritime-aviation.jpg"); 
	height:58px;
	margin-left:1px;
	}

body#premises-liability #subhead {
	background:url("../images/subhead-premises-liability.jpg"); 
	height:58px;
	margin-left:1px;
	}

body#product-liability #subhead {
	background:url("../images/subhead-product-liability.jpg"); 
	height:70px;
	}

body#jobsite-injuries #subhead {
	background:url("../images/subhead-jobsite-injuries.jpg"); 
	height:58px;
	margin-left:1px;
	}

body#cases-verdicts #subhead {
	background:url("../images/subhead-case-verdicts.jpg"); 
	height:58px;
	margin-left:1px;
	}

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

body#personal-injury #subhead {
	background:url("../images/subhead-personal-injury.jpg"); 
	height:58px;
	margin-left:1px;
	}

body#other-areas #subhead {
	background:url("../images/subhead-other-areas.jpg"); 
	height:58px;
	margin-left:1px;
	}

body#motor-vehicles #subhead {
	background:url("../images/subhead-motor-vehicles.jpg"); 
	height:70px;
	}

body#sitemap #subhead {
	background:url("../images/subhead-sitemap.jpg"); 
	height:70px;
	}
	
body#thankyou #subhead {
	background:url("../images/subhead-thankyou.jpg"); 
	height:70px;
	}	
	
body#news #subhead {
	background:url("../images/subhead-news.jpg");
	height:58px;
	margin-left:1px;
}
	

/* footer
 * ------------------------------------------------------------------------- */
 
#footer { 
	width:780px; 
	margin:0 auto; 
	text-align:center;
	}
#footer-bg {
	background:url("../images/bg-footer.jpg") repeat-y;
}
#footer-top {
	padding-top:10px;
	background: url("../images/img-footer-top.jpg") no-repeat;
}
#footer-bottom {
	height: 25px;
	background: url("../images/img-footer-bottom.jpg") no-repeat;
}
#footer a:link, #footer a:visited, #footer p {
	text-decoration:none;
	color:#fff;
	}

#footer p {
	padding: 0px 10px 0px 10px;
	color: #fff;
}

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

#footer ul { margin:0px 40px 2px 250px; }

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

	#footer li.first { border: none; }

/* Vertical Sprite Nav
 * ------------------------------------------------------------------------- */

#nav {
	position: relative;
	background: url("../images/nav-new.jpg") top left no-repeat;					
	width: 253px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 450px;		/* Height of entire image */
	margin-bottom:0;
	}

#nav li span { display: none; }

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

#nav li, #nav a { 
	height: 34px;			/* Each button must have the same height, define it here */
	display: block;
	}

/* Increments of each button height defined above */
#nav-01 { top:   0px;  margin-top:8px; }	/* must use margin-top for this attribute only */
#nav-02 { top:  42px }
#nav-03 { top:  76px }
#nav-04 { top: 110px }
#nav-05 { top: 144px }
#nav-06 { top: 178px }
#nav-07 { top: 212px }
#nav-08 { top: 246px }
#nav-09 { top: 280px }
#nav-10 { top: 314px }
#nav-11 { top: 348px }
#nav-12 { top: 382px }
#nav-13 { top: 416px }

/* width set here should be same width set in #nav */
#nav-01, #nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07, #nav-08, #nav-09, #nav-10, #nav-11, #nav-12, #nav-13 { left: 0px; width: 253px; }

/* Changed values should match "top" numbers specified above */
#nav-01 a:hover { background: transparent url("../images/nav-new.jpg") -253px  -8px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/nav-new.jpg") -253px  -42px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/nav-new.jpg") -253px  -76px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/nav-new.jpg") -253px -110px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/nav-new.jpg") -253px -144px no-repeat; }
#nav-06 a:hover { background: transparent url("../images/nav-new.jpg") -253px -178px no-repeat; }
#nav-07 a:hover { background: transparent url("../images/nav-new.jpg") -253px -212px no-repeat; }
#nav-08 a:hover { background: transparent url("../images/nav-new.jpg") -253px -246px no-repeat; }
#nav-09 a:hover { background: transparent url("../images/nav-new.jpg") -253px -280px no-repeat; }
#nav-10 a:hover { background: transparent url("../images/nav-new.jpg") -253px -314px no-repeat; }
#nav-11 a:hover { background: transparent url("../images/nav-new.jpg") -253px -348px no-repeat; }
#nav-12 a:hover { background: transparent url("../images/nav-new.jpg") -253px -382px no-repeat; }
#nav-13 a:hover { background: transparent url("../images/nav-new.jpg") -253px -416px no-repeat; }

/* ------------------------ son of suckerfish: vertical sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#EEF4EF;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	margin-left:253px; /* Set to same width as in #nav */
	margin-top:-34px; /* Set to each button height, same as used above */
	}

#nav li ul li {
	height:20px; /* Height of each drop down nav item */
	border:0px solid #FF00FF;
	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 */
	display:block;
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#1F2D52;
	text-decoration:none;
	}

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

/* Hover styles for drop down items */
#nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover { 
	background-image:none;
	background-color:#E2E8E8;
	color:#12622D;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-03 ul, #nav-03 li { width:133px; }		
#nav-04 ul, #nav-04 li { width:150px; }	
#nav-05 ul, #nav-05 li { width:150px; }

#column-right .mission {
	font-style:italic; 
	color: #1F2D50;
	font-weight:bold;
	margin: 8px 130px 8px 58px;
	 }
	 
/* ---------- pic links ------------ */

a#pic-link1{
	position:absolute;
	display:block;
	width:138px;
	height:15px;
	top:97px;
	left:213px;
	}	 
	
a#pic-link2{
	position:absolute;
	display:block;
	width:138px;
	height:15px;
	top:112px;
	left:213px;
	}	 

a#pic-link3{
	position:absolute;
	display:block;
	width:138px;
	height:15px;
	top:127px;
	left:213px;
	}	 

a#pic-link4{
	position:absolute;
	display:block;
	width:138px;
	height:15px;
	top:146px;
	left:213px;
	}	 

a#pic-link5{
	position:absolute;
	display:block;
	width:138px;
	height:15px;
	top:97px;
	left:351px;
	}	 

a#pic-link6{
	position:absolute;
	display:block;
	width:138px;
	height:15px;
	top:112px;
	left:351px;
	}	 

a#pic-link7{
	position:absolute;
	display:block;
	width:138px;
	height:15px;
	top:127px;
	left:351px;
	}	 

a#pic-link8{
	position:absolute;
	display:block;
	width:138px;
	height:15px;
	top:146px;
	left:351px;
	}	 


/* newsfeed elements
 * ------------------------------------------------------------------------- */

 /* Classes:
 * 
 *  .news-menu ---------------------- div wrapper for category drop-down select menu
 *
 *  .news-item ---------------------- div wrapper for each news item (headline/excerpt/body/etc)
 *      .open/.closed --------------- used with .news-item (class="news-item open") - switches with show/hide article
 *      .news-headline -------------- div wrapper for headline header
 *          .news-details ----------- paragraph that holds date & news source information
 *      .news-excerpt --------------- div wrapper for article lead paragraph
 *          .news-toggle-top -------- show/hide link
 *      .news-article --------------- full article body text
 *          .news-toggle-btm -------- show/hide link
 *
 */

#wrap-news-menu {
    width:450px;
    height:25px;
	margin:5px 0px 10px 5px;
	padding:0;
    border-bottom:1px solid #02145A;
    }

	#wrap-news-menu form {
		margin:0;
		padding:0;
		width:450px;
	}

	#wrap-news-menu label {
		color:#000;
		margin:4px 0 0 0;
		padding:0;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		}

	#wrap-news-menu select {
		margin-left:155px;
		z-index:0;
		width:160px;
		}

a:link, a:visited	{ color:#000066; text-decoration:underline; outline:none; }
a:hover, a:active	{ color:#ABACBB; text-decoration:underline; outline:none; }

#wrap-news-feed {
	margin:0 0px 10px 5px;
	width:450px;
}

#wrap-news-feed .news-item {
	margin-left:20px;
	margin-bottom:25px;
	padding-left:0px;
    }

	#wrap-news-feed .news-item.open		{ border-left:1px solid #ABACBB; }
	#wrap-news-feed .news-item.closed	{ border-left:1px solid #000066; }

#wrap-news-feed .news-item ul {	padding-left:3px; list-style:none; }

#wrap-news-feed .news-item ul li {
	_position:relative;	/* to fix the IE bullet peekaboo pug */
	padding-left:9px;
	line-height:16px;
	list-style:none;
	background:transparent url("../images/bullet.jpg") 0px 6px no-repeat;
	}

#wrap-news-feed .news-item p.news-details {
	margin:0;
	padding:0 0 0 5px;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	color:#41484F;
	border:none;
	background:transparent;
    }

#wrap-news-feed .news-item p.news-toggle-top {
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:87px;
	font-size:10px;
    }

#wrap-news-feed .news-item p.news-toggle-btm {
    padding:0 0 0 0;
    width:87px;
    margin-left:0;
    margin-top:0;
    }

	#wrap-news-feed .news-item.open p.news-toggle-btm, #wrap-news-feed .news-item.open p.news-toggle-top		{ border-bottom:1px solid #ABACBB;}
	#wrap-news-feed .news-item.closed p.news-toggle-btm, #wrap-news-feed .news-item.closed p.news-toggle-top	{ border-bottom:1px solid #000066;}

#wrap-news-feed .news-item p.news-toggle-btm a, #wrap-news-feed .news-item p.news-toggle-top a {
	font-size:10px;
	text-decoration:none;
	padding-left:0;
	margin-left:0;
    }

#wrap-news-feed .news-item .news-headline { margin-left:0px; }

#wrap-news-feed .news-item .news-headline h2 {
	margin:10px 0 0 0;
	padding:5px 5px 0 5px;
	font-weight:bold;
    }

#wrap-news-feed .news-item .news-excerpt { margin:5px 0 0 0; padding:0; }

#wrap-news-feed .news-item .news-excerpt p, #wrap-news-feed .news-item .news-article p {
	margin:0px 5px 7px 0;
	padding:0 5px 0 5px;
	color:#000;
    }

#wrap-news-feed .news-item p { border:none; background:transparent; }