/*--------------------> Global Selectors <--------------------*/


body{
	background-color:black;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 10px;
	color:white;
}
a{
text-decoration:none;visibility:80&;
color:#4F4F4F;
}
ul li{
	list-style:none;
	float:left;
}
h1{font-size:42px;} h2{font-size:28px;} h3{font-size:16px} h4{font-size:12}
.phone {color:#c7a964; float:left;}

/*--------------------> Header Selectors <--------------------*/
#header {
	
	position:relative;
	left: 49%;
	margin: 0px 0px 0px -480px;
	width: 960px;
	height: 105px;
}
#navigation {
    /*padding-left: 50px;*/
    padding-top: 40px;
    float: left;
    height: 55px;
    width: 600px;
    margin-left: 54px;
}


#logo{
	background: url(../images/BLF_logo.jpg) top left;
	float:left;
	width:236px;
	height:48px;	
	background-repeat:no-repeat;	
	margin-top:35px;
	margin-left:15px;
}


#navigation h3{ padding-top:8px; float:right; margin-top:-33px; margin-right:-50px;}

		#nav {
		margin:0 auto; 
		padding:0; 
		list-style:none;			font-size:14px;
	}	
	 #nav ul:hover > li {visibility: visible; } 	
	
	#nav li {
		float:left; 
		display:block; 
		width:110px; 		
		position:relative;
		z-index:3000; 
		margin:0;
		font-weight:bold;
			
		}
	#nav li a {
		display:block; 
		padding:8px 2px 0 2px; 
		font-weight:200;  
		height:23px; 
		text-decoration:none; 
		color:#FFF; 
		text-align:center; 			
	}
	.golden{
		color:#c8ab64;	
		font-size:12px;
	}	
	.notGolden{
		font-size:12px;
	}	
	
	#nav li a:hover {
		color:#c8ab64;
		background:#000;
	}
	#nav li a.white:hover {
		color:#FFF;
		background:#000;
	}		
		

	#nav a.selected {
		/*color:#f00;*/
		background:#000
		a { text-decoration:none }
	}
	

	#nav ul {
	
		margin:0 0 0 -1px; 
		padding:0; 
		list-style:none;
		
		display: inline;
		list-style-type: none;
	}	
	#nav ul li{
		width:auto;
		background-image: url(../images/navbg.jpg);
		background-repeat:repeat-x;		background:#000;
	}
	#nav ul a {
	
		font-size:14.5px;
		display:block;  
		height:13px;
		padding: 5px 15px; 
		color:#FFF;			
	}
	#nav ul a:hover {
		text-decoration:none;	
				background-image: url(../images/navbg.jpg);
		background-repeat:repeat-x;
	}
	*html #nav ul {
		margin:0 0 0 -2px;
		}
#navigation li ul {	
	display: block;
	visibility:hidden;
	position: absolute;
	width: 600px;
	margin: 0;
}
.hideit{
	display: block;
	visibility: hidden;
	position: absolute;
	width: 700px;
	margin: 0;
}
#navigation li:hover ul {
	visibility: visible;
	z-index: 100;
}
*{
margin: 0;
padding: 0;
}
a:focus {
	outline: none;
}a:hover {    color: #c7a964	}
/*--------------------> Content Selectors <--------------------*/
#content {
	min-height:500px;
	position:relative;
	left: 50%;
	margin: 0px 0px 0px -480px;
	width: 960px;
	background-color:black;
	margin-top:15px;
}

/*--------------------> Footer Selectors <--------------------*/
#footer {
	position:relative;
	left: 50%;
	margin: 0px 0px 0px -480px;
	width: 960px;
	height: 120px;
	font-size:11px;
}

#flogo {
	width:236px;
	height:58px;
	float:left; 
	margin-top:22px;
	background: url(../images/BLF_logoFoot.jpg) top left no-repeat;
}

#fmenu {
	padding-top:45px;
	padding-left:55px;
	float:left;
}

#footer a{color:white}

#fmenu ul li{
padding-left:10px;
}

#footer h4 {float:right; padding-top:41px; padding-right:5px; font-size:16px}

#footer p{ float:right; padding-top:45px; padding-right:80px;}

/* Clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */
.brclear {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

/*--------------------> Home Page Selectors <--------------------*/

#home {
background-color:black;
height:auto;
}

#home .sides{
float:left;
width:450px;
padding-top:20px;
/*padding-left:25px;*/
padding-right:25px;
height:100%;
color:white;
background-color:black;
background-image: url(../images/homebg.png);
background-repeat:no-repeat;
background-position:-50px 2px;
background-size:515px;
}
#home .sides2{
float:left;
width:430px;
padding-top:20px;
padding-left:25px;
padding-right:25px;

height:100%;
color:white;
background-color:black;
background-image: url(../images/homebg.png);
background-repeat:no-repeat;
background-size:515px;
background-position:-20px 2px;
}
#home h2{
margin: 0 20px 10px 0px;
}

#home p{
width:430px;
padding-top:15px;
/*padding-left:20px;*/
line-height:16px;
}


/*--------------------> People Page Selectors <--------------------*/

#wrapper {
width:960px;
min-height:500px;
height:auto; 
background-color:white;
padding-bottom:25px;
color:black;
}

#wrapb {
position:relative;
top:20px;
left:20px;
width:920px;
min-height:460px;
background-color:#ceaf6c;
height:auto; 
margin-bottom:20px;
}

#wrapw {
position:relative;
top:20px;
left:20px;
width:920px;
min-height:460px;
background-color:white;
height:auto; 
}

#people { width:230px; float:left;
margin-right:40px;
padding-top:15px;}


#people h2:hover{
border:1px solid #c8ab64;
}

.addbord{
border:1px solid #c8ab64;
}

#people h2 {
float:right;
padding-top:5px;
padding-right:15px;

text-align:right;
color:black;
font-size:20px;
width:180px;
height:30px;
text-transform:uppercase;
}

#people1 {
padding-top:15px;
width:555px;
float:left;
}

#people2 {
padding-top:15px;
width:555px;
float:left;
}

.lawyar {
width:175px;
height:175px;
padding:5px;
float:left;
}

.lawyar img{
width:175px;
height:175px;
}

.lawyar p{
position:relative;
padding-top:2px;
top:-20px;
height:15px;
width:175px;
color:white;
text-align:center;
background-image: url(../images/peoplebg.png);
font-weight:bold;
}

.staff {
width:555px; height:105px;
padding:10px
}
.staff img{
float:left;
width:105px;
height:105px;
margin-right:45px;
border:1px solid #c8ab64;
}
.staff h3{padding-top:5px;}

.staff p{
float:left;
height:105px;
padding-left:45px;
color:black;
}

#exit{
width:100px;
position:absolute;
left:820px;
height:100px;
background-image: url(../images/exit.jpg);
}

#lside {
padding-top:30px;
width:170px;
float:left;
padding-bottom:20px;
padding-left:30px;
}
#lside > h2 {
color:white;
font-size:18px;
}
#lside > h3 {
font-style:italic;
font-size:15px;
padding-bottom:15px;
font-weight:100;
}
#lside img{
width:160px;
height:160px;
padding-bottom:10px;
}

#rside {
padding-top:30px;
width:600px;
float:left;
padding-bottom:20px;
padding-left:20px;
}

#lside p{
padding-top:5px;
padding-bottom:5px;
}
#rside p{
padding-top:5px;
padding-bottom:5px;
}

#pageRight{
float:right;
width:660px;
}
#pageLeft h3{
font-weight:100;
font-size:25px;
padding-right:30px;
padding-top:150px;
word-spacing:3px;
}

#pageRight h3 {
color:#c7a964;
font-size:20px;
font-weight:700;
}
#pageRight p{
width:660px;
line-height:16px;
padding-bottom:20px;
}
#pageRightContact p{
width:260px;
line-height:16px;
padding-bottom:20px;
}

#pageLeft{
float:left;
width:245px;
padding-left:15px;
}

/*--------------------> The Firm Page Selectors <--------------------*/

#theFirm{
background-image: url(../images/firmbg.jpg);
width:960px;
height:860px;
}

#des{
width:600px;
height:600px;
position:relative;
left:300px;
top:100px;
background-image: url(../images/whiteBG.png);
}

#des h3{
color:#c7a964;
font-size:20px;
padding-top:25px;
padding-left:25px;
font-weight:600;
}

#des p{
color:black;
padding-top:15px;
padding-right:25px;
padding-left:25px;
font-weight:500;
}


/*--------------------> Office Page Selectors <--------------------*/
.menu { margin: 0 30px 0; clear: both; width:860px; height:25px; background-image: url(../images/contactbg.jpg);}
.menu li { display: inline;}
.menu li a { padding-top:3px; background-image: url(../images/contact1.jpg); background-repeat:no-repeat; float:left; text-decoration: none; color: #000; font-weight: bold; width:150px; height:25px; text-align:center; overflow:hidden; }
.menu li.active a { background-image: url(../images/active.jpg); }
.content { float: left; clear: both; background: white; padding: 10px 30px 20px; width: 860px; min-height:500px;}

.contactLeft {
float:left;
width:550px;
}

.contactRight{
float:right;
width:300px;
}

#form{
position:absolute;
z-index:10;
top:220px;
left:590px;
width:260px;
padding:20px;
height:260px;
border:1px solid #c7a964;
}

input{
margin:2px 0 0 355px;
height:18px;
width:260px;
display:block;
float:left;
border: solid 1px #555;
}

#formcontent {
height:200px;
}

#contactLeft{
width:550px;
height:350px;
}

.contactLeft>img{
width:550px;
height:350px;
}

textarea {
border: solid 1px #555;
height:120px;
width:260px;
margin:2px;
}

.description_active{
color:grey;
font-size:10px;
}

form >h2{
padding-bottom:20px;
font-weight:400;
color:#c7a964;
}

#button{
border:none;
color:white;
height:25px;
width:90px;
background-image:url(../images/button.jpg);
}

#button:hover{
background-image:url(../images/buttonover.jpg);
}

/*--------------------> Awards Page Selectors <--------------------*/

#fixer{
padding-top:50px;
float:left;
}
#awards{
background-color:#d7c18f;
width:960px;
min-height:100px;
}

#awards h1{
font-size:28px;
font-weight:bolder;
width:150px;
padding:20px 65px;
float:left;
}

#awards p{
float:left;
width:600px;
padding: 10px 0;
}

.repeatAwards{
padding-top:10px;
padding-bottom:10px;
width:960px;
border-bottom:1px solid #a6a6a6;
min-height:100px;
float:left;
}
.repeatAwards img{
max-height:100px;
max-width:250px;
display: block;
margin-left: auto;
margin-right: auto
}
.awardsl{
height: 100%;
padding-left:10px;
padding-right:10px;
min-height:80px;
width:260px;
float:left;
}

.repeatAwards p{
float:left;
width:600px;
padding: 10px 0;
}
/*--------------------> Cases Page Selectors <--------------------*/

#cases{
width:960px;
min-height:100px;
}

#cases h1{
font-size:28px;
text-align:right;
font-weight:bolder;
width:190px;
padding:20px 45px;
float:left;
}

#cases p{
width:600px;
float:left;
padding: 10px 0;
}

.awardsl h3{
padding-top:10px;
color:#c7a964;
float:right;
text-align:right;
padding-right:40px;
width:250px;
}

.awardsl p{
float:right;
text-align:right;
padding-right:40px;
width:250px;
padding-top:0px;
}

.awardsr{
width:600px;
float:left;
}

.press{
height: 100%;
padding-left:10px;
padding-right:10px;
min-height:80px;
width:260px;
float:left;
}

.press img{
max-height:200px;
max-width:350px;
display: block;
margin-left: auto;
margin-right: auto
}

.awardsr h3{
color:#c8ab64;
}

/*--------------------> Side Links Selectors <--------------------*/

#sidemenu {
position:fixed;
left:0px;
top:200px;
width:44px;
background-color:white;
}

#sidemenu > ul > li {
width:44px;
height:40px;
}
#sidemenu > ul > li > a:hover > img{
opacity:0.8;
}

#sidemenu > ul > li > a:hover > .tooltip {
visibility:visible;
      position: absolute;
      width: 75px;
      height: 15px;
      line-height: 15px;
      padding: 10px;
      font-size: 14px;
      text-align: center;
      color: rgb(128, 128, 128);
      background: rgb(255, 255, 255);
      border: 0px solid rgb(255, 255, 255);
      border-radius: 3px;
      text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px;
}

#sidemenu > ul > li > a > .tooltip {
visibility:hidden;
}
#sidemenu > ul > li > a > .tooltip:after {
visibility:hidden;
}
#sidemenu > ul > li > a:hover > .tooltip:after {
	visibility:visible;
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 8px;
      border-style: solid;
      border-color: transparent #FFFFFF transparent transparent;
      top: 10px;
      left: -15px;
}
/*--------------------> Practice Page Selectors <--------------------*/
.paList {
display:block;
padding:10px 0;
clear:both;
}
.paList  > h2 {
text-align:right;
width:235px;
padding-right:40px;
float:left;
}
.paList > ul {
padding-left:10px;
width:400px;
float:left;
display:block;
background-image: url(../images/pra.jpg);
background-repeat:repeat-y;
}
.paList > ul  > li > ul {
padding-left:25px;
}
.paList > ul  > li {
width:300px;
padding-left:2px;
padding-bottom:5px;
}
.hide{
display:none;
}
.paList > ul  > li > ul > li{
width:250px;
padding-bottom:2px;
}
/*--------------------> Pratice Post Page Selectors <--------------------*/

#wrapb > #fixer > #cases > h1 {
color:white;
padding:0px 45px;
}
#wrapb > #fixer > #cases {
width:900px;
min-height:30px;
}
#wrapb > #fixer > #cases > p {
padding:0px;
width:560px;
}
#wrapb > .repeatAwards {
width:920px;
border:none;
min-height:20px;
}
#wrapb > .repeatAwards > .awardsr > p{
padding:0px;
}
#wrapb > .repeatAwards > .press > h2 {
font-size:18px;
font-weight:400px;
text-align:right;
padding-right:35px;
}

#wrapb > .repeatAwards > .press {
min-height:20px;
}
#sidebar{width:220px;}#sidebar a:hover{color: rgb(199, 169, 100);}#sidebar li {width:180px; margin-top:15px}#sidebar li ul {padding-left:15px;padding-bottom:5px;}#sidebar > li  > a{font-weight:800;font-size:16px;}#panel {	width:490px;	display: none;}.btn-slide {	background: url(images/white-arrow.gif) no-repeat right -50px;	text-align: center;	width: 144px;	height: 31px;	padding: 10px 10px 0 0;	margin: 0 0 0 100px;	display: block;	font: bold 120%/100% Arial, Helvetica, sans-serif;	color: #fff;	text-decoration: none;	border-top:3px inset #c7a964;}.slideDiv{	margin: 0;	padding: 0;}





