/* 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:#8a8a8b url("../images/bg-wrap.jpg") top repeat-x;

	text-align:center; 

	font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 

	color:#000;

	}



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



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

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

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



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



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

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



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

.clear	{ 

	clear:both;

	}



div.clear	{ 

	height:.01em; 

	overflow:hidden; 

	}



img.img-left { 

	float:left; 

	margin:2px 10px 10px 0px;

	}



img.img-right { 

	float:right; 

	margin:5px 0px 10px 10px; 

	}

	

p.back-to-top {

	text-align:right;

	display:block;

	padding-right:15px;

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

	}



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

form {

	width:150px;

	margin:10px 0 35px 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:#ffffff !important; /* to prevent highlighting by Google Toolbar */

	border:1px solid #000000;

	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:"Trebuchet MS", 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 */ 





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



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

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



#contact-main label {

	width:175px;

	position:relative;

	display:block;

	text-align:right;

	margin-bottom:10px;

	font-size:1em;

	}



#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; } /* 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:91px;

	height:46px;

	cursor:pointer; 

	padding:0; 

	}



input.submit-contact-main { margin:80px 0 0 280px; } /* defines placement of contact-main submit button */



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

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

	width:80px;

	height:32px;

	border:none;

	cursor:pointer;

	}



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



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

#wrap {

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

	width:765px;

	margin:0 auto;
	text-align:left;

	}



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

#masthead {

	position:relative;

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

	height:90px;

	}

	/* index page link within #masthead */		

	#masthead a {	

		position:absolute;

		left:10px;

		width:315px;

		top:15px;

		height:60px; 

		}

	#masthead a span {

		display:none;

		}
/* --------------------------  titles --------------------------------*/
#title-right-contact{
	background:url("../images/column-right-contact.jpg") no-repeat;
	height:43px;
}
#title-right-results{
	background:url("../images/column-right-results.jpg") no-repeat;
	height:69px;
}


#title-affiliates{
	background:url("../images/index-affiliations.jpg" ) no-repeat;
	height:38px;
}
		

/* ------------------------ sub-head framework ------------------------ */

#sub-head {

	background:url(../images/sub-head.jpg) no-repeat;

	width:575px;

	height:300px;

	}

#subhead-home{
	background:url("../images/index-title.jpg") no-repeat;
	height:48px;
}
#subhead-practice{
	background:url("../images/practice-title.jpg") no-repeat;
	height:48px;
}
#subhead-profiles{
	background:url("../images/attorney-title.jpg") no-repeat;
	height:48px;
}
#subhead-atv{
	background:url("../images/practice-title.jpg") no-repeat;
	height:48px;
}
#subhead-staff-profiles{
	background:url("../images/staff-title.jpg") no-repeat;
	height:48px;
}
#subhead-results{
	background:url("../images/case-title.jpg") no-repeat;
	height:48px;
}
#subhead-contact{
	background:url("../images/contact-us.jpg") no-repeat;
	height:48px;
}
#subhead-testimonials{
	background:url("../images/testimonials.jpg") no-repeat;
	height:48px;
}
#subhead-sitemap{
	background:url("../images/sitemap-title.jpg") no-repeat;
	height:48px;
}
/* ------------------------ horizontal sprite nav ------------------------ */

#nav { 

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

	width:575px; 

	height:33px; 

	margin:0;

	padding:0; 

	}



#nav span { display: none; }



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



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



#nav-01 { width: 50px; margin-left: 0px;}

#nav-02 { width: 105px;}

#nav-03 { width: 85px;}

#nav-04 { width: 100px;}

#nav-05 { width: 86px;}

#nav-06 { width: 78px;}
#nav-07 { width:70px; }





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

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

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

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

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

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

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

#nav-07 a:hover { background:url("../images/nav.jpg") -504px -33px 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:#3f5273;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */

	}



#nav li ul li { 

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

	border:1px solid #FFFFFF;

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

	}



/* 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-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover { 

	background-image:none;

	background-color:#AA0000;

	color:#FFFFFF;

	text-decoration:none;

	}



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

#nav-02 ul, #nav-02 li { width:180px; }		

#nav-03 ul, #nav-03 li { width:190px; }

#nav-04 ul, #nav-04 li { width:200px; }



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

	#contact-index {

		background:url(../images/column-right-wrap.jpg) repeat-y;

		width:189px;

		float:right;

	}

	

	

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

#column-left {

	width:575px;

	float:left;

	}



	#column-left p, #column-left dl, #column-left ul.listitems {

		margin:0px 20px 10px 30px;

		color:#FFF;

		}

		

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



	#column-left form { margin-left:0px; } /* set form margin here */

	

	#list {

		width:575px;

		margin:0px 0px 10px 0px;

		color:#FFF;

	}

	

		/* single column list */

	#list ul { margin:0px 0px 0px 20px; }

		#list ul li { 

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

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

			}





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

#column-right {

	width:189px;

	float:left;

	}



	#column-right p {


		font-size: 12px;
		color:#FFF;

		}
		#column-right .moveit {
			margin: 0px 15px 5px 15px;
		}
#column-right .moveit a {
	color: #FFF;
}
#column-right .moveit a:hover {
	color: #003082;
	text-decoration: underline;
}


		

	#column-right p.address {

		font-size:12px; 

		margin-left:10px;

	}



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



	/* single column list */

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

		#column-right ul li { 

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

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

#column-right a:hover, #column-right a:active	{ color:#fff; text-decoration:underline; outline: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:55px;

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

	}



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

#footer {

	width:765px;

	margin:0 auto;

	text-align:center;
	
	background:url("../images/footer.jpg") repeat-y;

	}



#footer p {

	color:#ffffff;

	margin:0px 10px 10px 10px;

	}



#footer a:link, #footer a:visited { color:#ffffff; }

#footer a:hover, #footer a:active { color:#6789c0; }



#footer ul {margin:0px 0px 10px 0px;}

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

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

		display: inline;

		border-left: 1px solid #ffffff;

		}

	#footer li.first { border: none; }



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

.disclaimer {
	font-size: 11px;
}