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

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

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



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

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

address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}

q:before,q:after {content:'';}



/* ------------------------ GLOBAL ELEMENTS ------------------------ */



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

body { 

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

	text-align:center; 

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

	color:#000;

	}



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



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

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

h3, h4	{ font-size:1.0em; color:#000; }



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



a:link,a:visited	{ color:#11449e; text-decoration:underline; outline:none; font-weight:bold; }

a:hover,a:active	{ color:#000; text-decoration:underline; outline:none; font-weight:bold;}



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



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

	}

	

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */

	



.clear {clear: both;}



div.clear	{ 

	height:1em; 

	clear:both;

	overflow:hidden; 

	}

div.clear-h2	{ 

	height:10px; 

	clear:both;

	overflow:hidden; 

	}

p.back-to-top {

	text-align:right;

	display:block;

	padding-right:15px;

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

	}

p.more-info {

	text-align:right;
	display:block;

	}

p.quote { font-style:italic; }

img.img-left { 

	float:left; 

	margin:0px 0px 0px 0px;

	}



img.img-right { 

	float:right; 

	margin:0px 0px 0px 0px; 

	}



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

form {

	width:150px;

	margin:10px 0 15px 0; /* set margin left and right below */

	}



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



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



input, textarea, select { 

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

	border:1px solid #fff;

	color:#000;

	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; height: 20px; padding:0; } /* same width as form - !important */



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



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





/* ------------------------ SPECIFIC ELEMENTS ------------------------ */



/* ------------------------ 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;
	background-color:#dae1e8 !important;
	}
	
#contact-main input.submit { margin-top:170px;}


#contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */



#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:95px 0 0 243px; } /* defines placement of contact-main submit button */





/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */



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

#wrap {

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

	width:960px;

	margin:0 auto;

	text-align:left;

	}



#wrap-img {

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

	width:960px;

	margin:0 auto;

	text-align:left;

	}



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

#masthead {

	position:relative;

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

	height:75px;

	}

	/* index page link within #masthead */		

	#masthead a {

	position:absolute;

	left:20px;

	width:349px;

	top:0px;

	height:60px;

		}

	#masthead a span {

		display:none;

		}



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

#column-left {

	width:250px;

	float:left;

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

	padding: 24px 24px 0px 36px;

	}



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

		margin:0px 0px 10px 0px;

		}







	/* definition list */

	#column-left dl { padding-left:0px; }

		#column-left dl dt, #column-left dl dt a{

			background: url("../images/dl-bg.jpg") center no-repeat;

			font-size: 16px;

			color:#000;

			width: 250px;

			height: 24px;

			text-align: center;

			padding-top: 10px;

			text-decoration: none;

			font-weight: normal;

			margin-top: 5px;

			}

		#column-left dl dd {

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

			padding: 5px 5px 5px 25px;

			width: 220px;

			}

		#column-left dl dd a:link, #column-left dl dd a:visited {font-weight: normal; text-decoration: none;}

		#column-left dl dd a:hover, #column-left dl dd a:active {font-weight: bold; text-decoration: none; color: #11449e;}

		

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

#column-right {

	width:650px;

	float:left;

	}



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

		margin:0px 60px 10px 24px;

		}



	#column-right form { margin-left:0px; }



	/* single column list */

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

		#column-right ul li { 

			background:transparent url("../images/bullet.jpg") 0px 3px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */

			padding-left:15px;  /* pushes text to the right to display bg img */

			}

	#column-right ul#consequences-list { padding: 0px 200px 0px 16px; color:#656953; } 

	/* multi column list */

	#column-right ul.multi { padding-left:16px; } 

		#column-right ul.multi li { 

			background:transparent url("../images/bullet.jpg") 0px 3px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */

			padding-left:15px;  /* pushes text to the right to display bg img */

			float:left;

			width:250px;

			}



#florida-county ul.multi-index { padding-left:16px; width:321px; } 

		#florida-county ul.multi-index li { 

			background:transparent url("../images/fla-map-bullet.gif") 0px 3px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */

			padding-left:15px;  /* pushes text to the right to display bg img */

			float:left;

			width:92px;

			}				



	/* definition list */

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

		#column-right dl dt {

			font-weight:bold;

			color:#99CC00;

			}

		#column-right dl dd {

			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */

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

			margin-left:5px;

			}

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

#header-graphic { height:300px; } /* sets height for all non-flash headers */



	body#index #header-graphic { background:url("../images/header-index.jpg"); }

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

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

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

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





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

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

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

	body#acts-of-violence #subhead { background:url("../images/subhead-index.jpg"); }

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

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

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

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

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

	body#florida-tbi-attorney #subhead { background:url("../images/subhead-index.jpg"); }

	body#jacksonville-tbi-attorney #subhead { background:url("../images/subhead-index.jpg"); }

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

	body#miami-tbi-attorney #subhead { background:url("../images/subhead-index.jpg"); }

	body#orlando-tbi-attorney #subhead { background:url("../images/subhead-index.jpg"); }

	body#sarasota-tbi-attorney #subhead { background:url("../images/subhead-index.jpg"); }

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

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

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

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

	body#tallahassee-tbi-attorney #subhead { background:url("../images/subhead-index.jpg"); }

	body#tampa-tbi-attorney #subhead { background:url("../images/subhead-index.jpg"); }

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

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

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

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



/* ------------------------ subhead framework with varying heights ------------------------ */

#florida-county {

	height:490px;

	background:url("../images/serving-fla-county.jpg") ;

	position: relative;

	padding-top: 45px;

	}

	#florida-county p, #florida-county ul, #florida-county h1, #florida-county h2 {

		margin: 0px 350px 0px 50px;

		}

		 #florida-county h1, #florida-county h2 {margin-bottom: 0px;}

		 #florida-county p.fla-map-text {margin-right: 580px;}

	#florida-county ul {padding-left: 15px;}	 

		#florida-county ul li { 

			background: transparent url("../images/fla-map-bullet.gif") 0px 3px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */

			padding-left:15px;  /* pushes text to the right to display bg img */

			}

	 #florida-county ul.county-list {

	 	width: 84px;

		float: left;

		border-top: 5px solid #f3a715;

		margin: 0px 50px 0px 0px;

		padding: 5px 0px 0px 0px;

	 }

	 	#florida-county ul.county-list li {

			background: none;

			padding-left: 0px;

			}

			#florida-county ul.county-list li a:link, #florida-county ul.county-list li a:visited {color: #000; font-weight: normal; text-decoration: none;}

			#florida-county ul.county-list li a:hover, #florida-county ul.county-list li a:active {color: #000; font-weight: normal; text-decoration: underline;}


/* ------
	#florida-county {

		position: absolute;

		top: 0px;

		left: 0px;

		width: 0px;

		height: 0px;

	}
--- */
/* ------------------------ title framework with varying heights ------------------------- */

#contact-box {

	height:333px;

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

	width: 570px;

	padding: 0px 50px 0px 30px;

	position:relative;

	color: #fff;

	}

#column-right #contact-box p {

	margin: 85px 0px 0px 0px; 

	width: 250px; 

	float: left;

	display: inline;

}

#title-our-procedures {

	height:35px;

	background:url("../images/title-our-procedures.jpg") ;

	}

#contact-box form {

	float: left;

	width: 300px;

	margin-left: 20px;

	display: inline;

	}

#contact-box form label	{ 

	font-size:12px;

	float: left;

	width: 140px;

	color: #fff;

	margin: 2px 5px 2px 5px;

	 } 

	 #contact-box form label.state-zip {margin-top: -45px;}

	 

	 #contact-box form label input, #contact-box form label	textarea {width: 130px; height: 16px; margin-top: 2px;}

	 #contact-box form label textarea {height: 66px; }

	 

	 #contact-box form label #contact_first_name, 

	 #contact-box form label #contact_last_name,

	 #contact-box form label #contact_zip  {width: 62px;}

	 

	 #contact-box form label #contact_state {width: 20px;}

	 

	 #contact-box input.submit { 

	 background-color: #dae1e8 !important;

	width:60px;

	height:20px;

	cursor:pointer; 

	padding:0; 

	float: left;


	margin: -28px 0px 0 152px;
	}



/* ------------------------------------- Buttons ---------------------------------------- */

#button {

		height:186px;

		display:block;

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

		position: relative;

		}
/* ------
		#button a {

			position: absolute;

			top:;

			left:;

			width:;

			height:;

			}
----- */
		#button a:hover {

				background:url("../images/button.jpg") -100px 0 no-repeat; /* -100px = horizontal img shift, 0px = vertical shift from top */

				}

		#button span { display:none; }





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

/* ------------ must have below column-left and column-right to clear the float ------------ */

#bottom-wrap {

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

	width:100%; /* fix for Safar */

	height:37px;

	clear:both; /* important - do not remove */

	}



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

#footer {

	width:900px;

	margin:0 auto;

	text-align:center;

	color:#fff;

	padding: 20px 0px 10px 0px;

	}



#footer p {

	margin-bottom:12px;

	}



#footer a:link, #footer a:visited { color:#fff; text-decoration: none; font-weight: normal;}

#footer a:hover, #footer a:active { color:#fff; text-decoration: underline; font-weight: normal;}



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

	#footer li { /* if your li's float, you can adjust border height w/ line-height */

		padding:0 10px 0 12px; /* adjusts the spacing between each li display and border-left */

		display: inline;

		border-left: 1px solid #fff;

		}

	#footer li.first { border: none; padding-left: 0px;}



/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */

/* ------------------------ horizontal sprite top-nav ------------------------ */

#top-nav { 

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

	width:960px; 

	height:25px; 

	margin:0;

	padding:0; 

	}



#top-nav span { display: none; }



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



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



#top-nav-01 { width: 55px; margin-left: 26px;}

#top-nav-02 { width: 49px;}

#top-nav-03 { width: 71px;}





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

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

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

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



/* ------------------------ horizontal sprite nav ------------------------ */

#nav { 

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

	width:960px; 

	height:44px; 

	margin:0;

	padding:0; 

	}



#nav span { display: none; }



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



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



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

#nav-02 { width: 86px;}

#nav-03 { width: 72px;}

#nav-04 { width: 58px;}

#nav-05 { width: 52px;}

#nav-06 { width: 118px;}

#nav-07 { width: 102px;}

#nav-08 { width: 100px;}

#nav-09 { width: 93px;}

#nav-10 { width: 74px;}

#nav-11 { width: 63px;}



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

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

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

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

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

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

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

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

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

#nav-09 a:hover { background:url("../images/nav.jpg") -694px -44px no-repeat; }

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

#nav-11 a:hover { background:url("../images/nav.jpg") -861px -44px no-repeat; }



/*-------------- maps ------------- */

#north { float:right; margin:-5px 0px 0px 0px; padding:0px 0px; width:565px; height:218px; }

#south { float:right; margin:-43px 0px 0px 0px; padding:0px 0px; width:260px; height:240px; }



.clear-p {display:block; clear:left;}