@charset "UTF-8";
/* CSS Document */
<!--
	body {
		background-color:#333333;
		margin:0;
	}
	
	/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}

	ul#bg-menu{
		width:100%;
		height:102px;
		background:url(bg.jpg) repeat-x;
		margin:0;
	}
	/* Menu Body */
	ul#menu {
		width:690px;
		height:102px;
		list-style:none;
		margin:auto;
		padding:0;
		padding-top:20px;
		
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(sprite.png) no-repeat scroll top left;
		display:block;
		height:71px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.home {
		width:115px;
	}
	/* Specify width and background position attributes specifically for the class: "firm_profile" */
	ul#menu li a.firm_profile {
		width:115px;
		background-position:-115px 0px;
	}
	
	ul#menu li a.attorney_profile {
		width:115px;
		background-position:-230px 0px;
	}
	ul#menu li a.faq {
		width:115px;
		background-position:-345px 0px;
	}
	ul#menu li a.client_reviews {
		width:115px;
		background-position:-460px 0px;
	}
	ul#menu li a.contact_us {
		width:115px;
		background-position:-575px 0px;
	}
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(sprite.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	/*increments of 115
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.home span {
		background-position:0px -71px;
	}
	/* Shift background position on hover for the class: "firm_profile" */
	ul#menu li a.firm_profile span {
		background-position:-115px -71px;
	}
	/* Shift background position on hover for the class: "attorney_profile" */
	ul#menu li a.attorney_profile span {
		background-position:-230px -71px;
	}
	/* Shift background position on hover for the class: "faq" */
	ul#menu li a.faq span {
		background-position:-345px -71px;
	}
	/* Shift background position on hover for the class: "client_reviews" */
	ul#menu li a.client_reviews span {
		background-position:-460px -71px;
	}
	/* Shift background position on hover for the class: "contact_us" */
	ul#menu li a.contact_us span {
		background-position:-575px -71px;
	}
-->
