@import url("global.css");
@media screen, projection {

/* HEADER: =header
----------------------------------------------- */
	div#header { height: 70px; }
	
	#header h1			{ top: 24px; }
	#header p#tagline 	{ top: 37px; }

/* NAVIGATION: =nav
----------------------------------------------- */
	div#practiceAreas 				{ height: 190px; text-align: left; position: relative; z-index: 999; }
	div#practiceAreas ol li.middle 	{ margin: 0 5px 0 5px; }
	div#practiceAreas ol li 		{ background: transparent  url(../images/home-photo-bankruptcy.jpg) no-repeat; float: left; width: 255px; height: 190px; list-style-type: none; position: relative; }

	div#practiceAreas ol li h2 		{ position: absolute; left: 55px; top: 33px; color: #9D9790; font-size:  12px; }
	div#practiceAreas ol li h2,
	div#practiceAreas ol li h2 span	{ background-color: transparent; background-repeat: no-repeat; width: 188px; height: 26px; }

	li#bankruptcy h2, li#bankruptcy h2 span	{ background-image: url(../images/home-bankruptcy-h2.gif); }
	li#banking h2, li#banking h2 span		{ background-image: url(../images/home-banking-h2.gif); }
	li#commercial h2, li#commercial h2 span	{ background-image: url(../images/home-commercial-h2.gif); }
	
	div#practiceAreas ol li a p	{ text-decoration: none; }
	div#practiceAreas ol li p	{ 	
									background: #3A2F20 url(../images/bg-practicearea-home.gif) no-repeat 222px 0; width: 165px; height: 115px; padding: 75px 23px 0 67px; margin: 0 0 0 0; line-height: 16px;
									font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #9D9790;								
								}
	div#practiceAreas ol img 	{ position: absolute; top: 25px; }

	div#practiceAreas ol li a:hover 		{ cursor: pointer; }
	div#practiceAreas ol li a:hover p 		{ background-color: #53442E; background-position: 222px -190px; color: #ffffff; }
	div#practiceAreas ol li a:hover h2,
	div#practiceAreas ol li a:hover h2 span { background-color: transparent; background-position: 0 -26px; color: #ffffff; }
	
/* CONTENT: =content
----------------------------------------------- */											
	div#quote 					{ background: #EAEAEA url(../images/bg-quote.gif) no-repeat; height: 63px; position: relative; text-align: left; z-index: 998; }
	div#quote img 				{ position: absolute; left: 0; top: 0; z-index: 10; }
	div#quote blockquote		{	
									z-index: 20; position: relative; top: 25px; left: 94px; width: 681px; font-size: 13px; color: #11096B; 
									font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif; font-variant: small-caps;
								}
	div#quote blockquote span 	{ font-style: italic; }
		
	div#sections 		{ text-align: left; position: relative; }
	div#sections ul li 	{ width: 193px; float: left; list-style-type: none; }
	
	div#sections h3 		{ margin: 0 0 17px 0; font-size: 14px; }
	div#sections h3,
	div#sections h3 span 	{ background: transparent no-repeat; width: 193px; height: 50px; }
		
	li#profiles h3, li#profiles h3 span 	{ background-image: url(../images/bg-home-profiles.gif); }
	li#clients h3, li#clients h3 span 		{ background-image: url(../images/bg-home-clients.gif); }
	li#about h3, li#about h3 span 			{ background-image: url(../images/bg-home-about.gif); }
	li#rating h3, li#rating h3 span 		{ background-image: url(../images/bg-home-rating.gif); }	
	
	div#sections p { font-family: Arial, Helvetica, sans-serif; color: #545454; line-height: 20px; }
	
	li#clients p	{ margin: 0 30px 0 4px; }
	li#about p 		{ margin: 0 8px 0 20px; }
	li#rating p 	{ margin: 0 0 0 18px; }
	img#medalion 	{ position: absolute; bottom: 0; right: 14px; }
	
	li#profiles	a 	{ font-family: Arial, Helvetica, sans-serif; }
	
	div#sections ul li ul li { float: none; height: auto; width: auto; margin: 0 0 0 9px; line-height: 20px; }
		
	div#sections p.secondaryLinks 	{ background: #151515; height: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 5px 0 0 0; margin: 34px 0 0 0; position: relative; }
	div#sections p.secondaryLinks a	{ background: transparent url(../images/bg-home-secondlinks.gif) no-repeat 0 3px; margin: 0 15px 0 14px; padding: 0 0 0 8px; color: #B3B3B3; }
	
	div#sections a 					{ color: #AC6B50; text-decoration: none;   }
	div#sections a:hover 			{ color: #AC6B50; text-decoration: underline; }
	div#sections p.secondaryLinks a:hover { color: #B3B3B3; }
	
/* LISTS: =lists
----------------------------------------------- */
	
/* MISC: =misc
----------------------------------------------- */

/* FOOTER: =footer
----------------------------------------------- */
	div#footer { padding: 32px 0 30px 4px; text-align: left; }
	#footer p { margin: 0 0 7px 0; font-family: "Tahoma", Arial, Helvetica, sans-serif; line-height: 14px; }
	#footer p, #footer p a { color: #A6A6A6; font-size: 10px; }
}