/* BCR Law Styles */
@import "/styles/reset.css";
@import "/styles/navigation.css";
@import "/styles/rollover.css";

body
{background-color:#000000;}

.wrapper
{width:775px;
margin:35px auto;}

#home .content 
{
background-color:#dfcba9; 
}

h1, h2
{font-weight:bold;}

h1
{padding-top:5px;}

h2
{font-size:14px;}

strong
{font-weight:bold;}

em
{ font-style:italic;}

.content
{position:relative;
background:#dfcba9 url(../images/headers/bcr.jpg) no-repeat 30px bottom; 
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:16px;
min-height:720px;}

	* html div.content
	{height:720px;}

	.content .top
	{top:0px;}
	
	.content .bottom
	{
	height:390px;}
	
	.content .top,
	.content .bottom
	{position:relative;}
	
	.content .left
	{width:386px;
	left:0px;}
	
			.top .left,
			.bottom .left
			{position:relative;
			top:0px;}
					
			.top .right,
			.bottom .right
			{position:absolute;
			left:387px;}
			
			.top .right
			{padding:10px;}
			
				.top .right p.welcometext
				{width:338px;}
			
				.top .right .recognitions
				{width:250px;}
					
				.top .right .recognitions p
				{vertical-align:top;
				height:70px;}
				
				.top .right .recognitions img
				{float:left;
				margin:0 10px;}	
				
				.top .right .recognopic
				{vertical-align:top;
				width:250px;}
				
				.top .right .recognopic p
				{height:20px;
				}
				
			.bottom .right
			{}	
			
			.bottom .left
			{position:absolute;}		

					
	.content img.imgbdr
	{border:4px solid #dfcba9;}
	
	.content img.bottomname
	{margin-left:20px;}
		
	.content p
	{padding:5px 0;}
	
	.content a
	{color:#000000;}
	
		.content a img
		{text-decoration:none;}
	
	.content .header
	{height:168px;
	overflow:hidden;}
	
			.header img
			{text-align:left;}
		
			.header img.leftimg
			{padding-right:53px;}
	
	.content .pagetop
	{padding:20px 30px;}
		
			.pagetop a.question
			{float:right;
			vertical-align:top;}
			
	.content div.logo
	{float:right;
	vertical-align:top;
	width:130px;
	padding-right:30px;}
	
		.content div.logo img
		{padding-bottom:15px;}	
		
	.content .pagemain
	{padding:10px 55px 40px 55px;}
			
			.pagemain p
			{width:550px;}
			
			.pagemain p.title,
			.pagemain span.title
			{font-weight:bold;
			font-size:16px;}
			
			.pagemain img.map
			{float:right;
			padding:10px 30px 10px 10px;}
			
			.pagemain td.clientlist
			{width:300px;}
					
			.pagemain ul
			{list-style:inside square;}
			
				.pagemain ul.directions
				{list-style:outside square;
				padding-left:15px;}
				
			.pagemain ul li
			{padding-bottom:10px;}
				
				.pagemain ul.directions li
				{padding-bottom:3px;}
				
			.pagemain .bio
			{padding:0 0 10px 0;
			min-height:215px;
			clear:both;}
			
				* html div.pagemain div.bio
				{height:215px;}			
			
				.pagemain .bio p
				{vertical-align:top;
				}	
		
				.pagemain .bio img
				{float:left;
				margin:0pt 10px 0 0;}	
		

.footer
{background-color:#c2a677;
padding:15px 60px;
text-align:center;}
	
	.footer a,
	.footer p
	{font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:17px;}

.poweredby,
.poweredby img
	{text-align:right;
	padding-top:4px;}
	
/*****************bio toggle layers *********************/
div#barrett,
div#chapman,
div#ruta,
div#dozier
{display:none;}


/***************** pop-up window *********************/
body.popbody
{background:#000;}

div.pop h1
{font-size:18px;}

div.pop div.content
{background:#dfcba9;
width:480px;
margin:0px auto;}

div.pop div.content div.header
{height:110px;
border-bottom:20px solid #000;
text-align:left;}

div.pop div.content img.biopic
{float:left;
padding:10px;}

div.pop div.content div.bio
{padding:15px;
line-height:21px;}

	div.pop div.content div.bio p
	{text-align:left;
	font-size:15px;
	}