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


/* ----- content-left ----- */

#column-left {
	width:200px;
	float:left;
	}	
	
	#column-left p, #column-left h1, #column-left h2, #column-left h3 {
	padding:0px 0px 0px 5px;
		}
	#column-left form { margin-left:31px; }
	
	#consultation { background:url("../images/col-left-free-consultation.jpg") no-repeat; height:56px;}
	
	#column-left p.address { color:#4C4C4C;}
	
	#newsletter {background:url("../images/col-left-newsletter.jpg") no-repeat; height:55px;}
	
	#directions {background:url("../images/col-left-directions.jpg") no-repeat; height:56px;}
/* ----- content-right ----- */

#column-right {
	width:600px;
	float:left;
	margin-top: 10px;
	}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right h4, #column-right ul {
	margin:5px 5px 20px 10px;
		}
		
#column-right ul { padding-left:5px; }
#column-right ul li { background:transparent url("../images/list-style.jpg") 4px 6px no-repeat;
			          padding-left:15px; } /* pushes text to the right to display bg img */
	#column-right form { margin-left:20px; }
	#featured-case { background:url("../images/bg-featured.jpg") repeat-y; margin-top:29px;}
	#featured-container {background:url("../images/featured.jpg") no-repeat; padding-top:56px; padding-bottom:10px;}
	#featured-container p { padding:0 185px 10px 0px; color:#fff; font-weight:bold;}
	#attorneys { background:url("../images/our-attorneys.jpg") no-repeat; height:51px;}
	 

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

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

#column-right #subhead { height:65px; } /* sets height for all subheads */

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

#footer p {
	color:#fff;
	margin-bottom:10px;
	}

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

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

#footer ul {margin-top:10px; margin-bottom:10px;}

#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; }
	
	
/* Vertical Sprite Nav
 * ------------------------------------------------------------------------- */

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

#nav li span { display: none; }

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

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

#nav-01 { margin-top:10px; width:256px;}
#nav li#nav-03, #nav li#nav-03 a {z-index:9999;}
#nav li#nav-04, #nav li#nav-04 a {z-index:999; }
#nav li#nav-04 ul li, #nav li#nav-04 ul li a { height: 20px; }
#nav li#nav-05, #nav li#nav-05 a {z-index:99;  }
#nav li#nav-05 ul li, #nav li#nav-05 ul li a { height: 20px; }
/* margin-top if there is a spacing between each nav button */
#nav-02, 
#nav-03, 
#nav-04, 
#nav-05, 
#nav-06, 
#nav-07, 
#nav-08, 
#nav-09, 
#nav-10, 
#nav-11, 
#nav-12,
#nav-13,
#nav-14 { margin:0px; width:256px; }

#nav li#nav-08, #nav li#nav-08 a {height:46px;}
#nav li#nav-08 ul li, #nav li#nav-08 ul li a { height: 20px; }

#nav li#nav-09 {height:23px;}

#nav-01 a:hover { background:url("../images/nav.jpg") -256px  -10px no-repeat;  }
#nav-02 a:hover { background:url("../images/nav.jpg") -256px  -33px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -256px  -56px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -256px  -79px no-repeat;}
#nav-05 a:hover { background:url("../images/nav.jpg") -256px -102px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -256px -125px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -256px  -148px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.jpg") -256px  -171px no-repeat;}
#nav-09 a:hover { background:url("../images/nav.jpg") -256px -217px no-repeat; }
#nav-10 a:hover { background:url("../images/nav.jpg") -256px -240px no-repeat; }
#nav-11 a:hover { background:url("../images/nav.jpg") -256px  -263px no-repeat; }
#nav-12 a:hover { background:url("../images/nav.jpg") -256px  -286px no-repeat; }
#nav-13 a:hover { background:url("../images/nav.jpg") -256px  -309px no-repeat; }
#nav-14 a:hover { background:url("../images/nav.jpg") -256px  -332px no-repeat; }
/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#455262;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	margin-left:200px;			/* Set to same width as in #nav */
	margin-top:-27px;	/* Set to each button height, same as used above */
	border-right:solid 2px #151922;
	border-bottom:solid 2px #151922;
	z-index:99;
	}
#nav li#nav-09 ul {margin-top:-4px;}
#nav li#nav-08 ul {margin-top:-50px;}
#nav li ul li {
	height: 20px;				/* Height of each drop down menu item */
	}

#nav li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu 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: 11px;
	color: #FFFFFF;
	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, 
#nav-06 ul a:hover,
#nav-07 ul a:hover,
#nav-08 ul a:hover,
#nav-09 ul a:hover { 
	background-image: none;
	background-color: #5D6D7D;
	z-index: 99;
	}

/* width of drop down menu - choose width that allows items to display on one line */
#nav-03 ul, #nav-03 li, 
#nav-04 ul, #nav-04 li, 
#nav-05 ul, #nav-05 li,
#nav-06 ul, #nav-06 li, 
#nav-07 ul, #nav-07 li, 
#nav-08 ul, #nav-08 li,
#nav-09 ul, #nav-09 li { width:200px; }	

	}