/****************************** Main CSS ******************************/
table, tr, td, div, img, form, object, embed, h1, h2, h3, h4, h5, h6, h7, h8, p, ul, ol, li, cite, a, blockquote{
    border-width: 0;
    margin: 0;
    padding: 0;
}

body { 
    background: #fff url(../images/page_bg.jpg) 0 0 repeat-x; 
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#000;
    text-align:center;
    margin: 0;
    padding: 0;
}

#reports, #messages, #Directions, #contact{
    background: #fff url(../images/page_bg_noheader.jpg) 0 0 repeat-x; 
}

a{
color: #1d76bf;
text-decoration:underline;
}

a:hover{
color:#1e67b1;
text-decoration:none;
}

.invisible{display:none;}

.clear{clear:both;}

form p{
padding: 2px 0px 5px 0px;
}

#page_container{
    width:980px;
    margin:0px auto 0 auto;
    padding:0;
    border-top:0;  
}

/*-------------------- utilbar ----------------------*/

.utilbar{
text-align:right;
list-style-type: none;
color:#fff;
font-size:11px;
padding:7px 10px 8px 0;

}
.utilbar li{
display:inline;
}

.utilbar li a{
color:#fff;
padding:0 4px 0 4px;
text-decoration: none;
}

.utilbar li a:hover{
text-decoration:underline;
color:#fff;
}


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

.header{
height:288px;
}

/*--------------------------- left header ---------------------*/  

#left_header{
float:left;
}

.video_left{
background:url(../images/logo.jpg) 50% 50% no-repeat;
width:512px;
height:288px;
}

.video_left #page, .video_left #page a#player{
height:288px;
width:512px;
}
.video_left #page, .video_left #page a#player{
height:288px;
width:512px;
}

.video_left #playlist_wrap {
display:none;
}
.video_left #page, .video_left a.player{
padding:0;
margin:0;
}

.video_left #player{ margin-top:0;}


/*--------------------------- right header ---------------------*/
#right_header{
float:right;
}

.callout{
background:url(../images/phonenumber.jpg) 0 0 no-repeat; 
font-family:Arial, Helvetica, sans-serif;
width:458px;
text-align:left;
padding:119px 0 0 0;
}

.callout img{
float:left;                                              
margin:0 10px 0 25px;
}

.callout a.btn1{
background: url(../images/btn1.gif) no-repeat;
height:47px;
display: block;
margin:0 0 5px 25px;
cursor: pointer;
text-decoration:none;
}

.callout a.btn2{
background: url(../images/btn2.gif) no-repeat;
height:47px;
display: block;
margin:5px 0 0 25px;
cursor: pointer;    
text-decoration:none;
}

.callout a.btn3{
background: url(../images/btn3.gif) no-repeat;
height:47px;
display: block;
margin:5px 0 0 25px;
cursor: pointer;
text-decoration:none;
}

.callout a.btn1:hover{
 background: url(../images/btn1_hover.gif) no-repeat;
} 

.callout a.btn2:hover{
 background: url(../images/btn2_hover.gif) no-repeat;
}
 
.callout a.btn3:hover{
 background: url(../images/btn3_hover.gif) no-repeat;
} 

/*------------ contactmini - contact form header -------------------------*/
.contactmini{
background:url(../images/startnow.gif) 0 0px no-repeat;
width:389px;  
float:right;
font-size:13px;
margin-top:30px;
padding:40px 0px 0px 0px; 
text-align: left;
}

.contactmini p{
padding:6px 0;
border-top:1px solid;
}

.contactmini form{padding-top:5px;}

.contactmini input, .contactmini textarea{
background:url(../images/inputfield_greybg.jpg) 0 0 no-repeat;
width:181px;
height:17px;  
margin:0 0 7px 0;
padding:5px;
color:#3a3a3a;
border:0;
}
.contactmini textarea{
background:url(../images/textarea_greybg.jpg) 0 0 no-repeat; 
width:181px;
height:86px;
margin-top:-100px;
float:right;
}

.contactmini input.submitbutton{
background: url(../images/contactus.jpg) 0 0 no-repeat;  
padding:0 0;
margin:-10px 0 0px 126px; 
text-align: center;
color:#fff;
width:69px;
height: 28px;
font-size:13px;
float:right;
clear:right;  
cursor:pointer;
}

/*--------------------------- top navigation ----------------------------*/
#navholder{
background:url(../images/nav_bg.png) no-repeat;  
width:980px;
height:47px;
font-family:Arial, Helvetica, sans-serif;
padding:0 0 0 10px;
}

#navholder ul{ /*added to display inline all menus */ 
padding-top:0px;
} 

#navholder li{
display:inline;
}

#navholder li a{
background:url(../images/navdivider.jpg) 100% 0 no-repeat;  
float:left;
display:block;
padding:15px 22px 15px 22px;
font-size:14px;
color:#fff;
text-decoration:none;
}

#navholder li a:hover{
text-decoration:none;
color:#000; 
background:#dd9a0f;
}

#navholder .last a {background:none;}

#navholder a:hover, #home a.home, #about a.about, #practiceareas a.practiceareas, #attorneys a.attorneys, #library a.library, #caseresults a.caseresults, #testimonials a.testimonials, #faqs a.faqs, #resources a.resources, #messages a.messages, #members a.members, #documents a.documents, #links a.links{
background:#dd9a0f; 
color:#000;
}

/*------------------------- columns - content containers -----------------------*/
.columns{
width:980px;
padding: 0;
margin-top:15px;
}

/*-------------------------- left column ----------------------*/
#leftcol{
float:left;
width:238px;
font-size:12px;
text-align: left;
} 

#leftcol a.graphicbtn img{
 margin:0 0 10px 0; 
}

#leftcol h3, #rightcol h3, #rightcol h2{
background:url(../images/navlist_header_bg.jpg) no-repeat;
height:54px;
color:#fff;    
font-weight:bold;
font-size:14px;   
}

#leftcol h3 span, #rightcol h3 span,#rightcol h2 span, .download_reports h2{
display:block;
text-align:center;   
padding: 20px 0 0 0; 
}

#leftcol h3 a, #rightcol h3 a, #rightcol h2 a{
color:#fff;    
text-decoration:none;
}

#leftcol h3 a:hover, #rightcol h3 a:hover, #rightcol h2 a:hover{
text-decoration:underline;
}  

#leftcol .box, #rightcol .box{
background:url(../images/box_bg.jpg) 0 0 repeat-y;
margin-bottom: 10px;
}
                                    
#leftcol .boxfooter, #rightcol .boxfooter{
padding-bottom:10px;  
background:url(../images/boxfooter_bg.jpg) 0 100% no-repeat;  
}

#leftcol ul, #rightcol ul{
width:213px;
margin:auto;
list-style:none;
}

#leftcol ul li, #rightcol ul li{
padding:7px 0 7px 0;
border-bottom:1px solid #E1E0E0;   
}

#leftcol ul li a, #rightcol ul li a{
color:#777;
text-decoration: none;
}

#leftcol ul li a:hover, #rightcol ul li a:hover{
text-decoration: underline;
}

#leftcol h4, #rightcol h4{
font-size:12px;
width:213px;
margin:0 0 0 10px;
padding:5px 0 5px 0;
border-bottom:1px solid #8F9752;
} 

#leftcol h4 a, #rightcol h4 a{
color:#5F671D;
text-decoration:none;
}

#leftcol h4 a:hover, #rightcol h4 a:hover{
color:#EAAD25;  
}

#leftcol .newsdate, #leftcol .testiname{
display:block;
font-size:11px;
color:#5F671D;
padding-top:4px;
}

#leftcol p.more, #rightcol p.more{
text-align: right;
font-size:11px;
padding:0;
margin:10px 10px 10px 0;
border:none;
}

#leftcol p.more a, #rightcol p.more a{
text-decoration:underline;
color:#524728;
}

#leftcol p.more a:hover, #rightcol p.more a:hover{
text-decoration:none;
}


/*----------------- practice area list with thumbnails --------------------*/
#leftcol ul.navlist li{
background:none;
padding:0;
border:0;
display:block;
height:59px;
margin:0 0 10px 0;
}

#leftcol ul.navlist li a{
display:block;
font-size:14px;
font-weight: bold;
color:#5F671D;
}

#leftcol ul.navlist li img{
float:left;
margin-right:5px;
}
/*-------------------------- center column ----------------------*/

#copy{
float:left;
width:484px;    
margin: 10px 0px 15px 10px;  
font-size: 14px;
color:#3C3C3C;                 
line-height:20px;
text-align:justify;  
}

#copy h1{
color: #5F671D;
font-family:Verdana, Geneva, sans-serif; 
font-size:20px;
margin:0px 0 10px 0;
text-align:left;
line-height:24px;
}

#copy h2{
margin:16px 0 0 0;
border-bottom:1px solid #a29b88;
color:#333;
font-size:14px;
line-height:18px;
padding:0px 0px 4px 0px;
}

#copy h2 a{
color: #333;
text-decoration:none;
}

#copy h2 a:hover, #copy h4 a, #copy h3 a:hover, #copy h4 a:hover{text-decoration:underline;}

#copy h3, #copy h3 a{
color:#333;
text-decoration:none;
font-size:13px;
text-align:left;
margin-top:10px;
}

#copy h4{
color: #000;
font-size:12px;
margin: 10px 0px 0px 0;
text-align:left;
}

#copy ul {
list-style-type: none;
margin:5px 0px 0 10px;
}

#copy li{
background:url(../images/bullet.gif) 0 10px no-repeat;
padding: 3px 5px 4px 15px;
text-align:left;
}

/*-------------------- search -------------------------*/
#copy .searchbox{ 
padding:0px 0 10px 0px;
margin-bottom:20px;
}
#copy .searchbox input{
width:357px; 
height: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
}
#copy .searchbox input[type=submit]{
background: url(../images/contactus.jpg) 0 0 no-repeat;  
border:0;
padding:0 0;
text-align: center;
color:#fff;
width:69px;
height: 28px;
font-size:13px;
font-weight:bold;
clear:right;  
cursor:pointer;
}
#copy #cse-search-results iframe{width:500px;}

/*-------------------------- right column ----------------------*/
#rightcol{
float:right;
width:238px; 
font-size:12px;
text-align: left;
}

#rightcol h2{
background:url(../images/greenheader_bg.jpg) no-repeat;
color:#fff;
}


/*------------------------- book, report container -------------*/
.reportscontainer{
width:238px;
height:227px;
margin-bottom: 10px;
background:url(../images/boxfooter_bg.jpg) 0 100% no-repeat; 
}

.reportscontainer .bookinfo{
font-size:11px;
position:relative;
top:-27px;
margin-left:41px;
}

.reportscontainer .book{
margin:0 0 0 60px;
max-height:150px;
}

#rightcol .reportscontainer h1{
font-size:11px;
color:#022b45;
width:215px;
padding:0 4px 0 4px;
}

#rightcol .reportscontainer h1 a{
color:#022b45;
text-decoration:none;
}
#rightcol .reportscontainer h1 a:hover{
color:red;
}

/*--------------------- minicontact - confact form at the right column --------------------*/   

#rightcol #minicontact{
 color: #777;
}

#rightcol #minicontact form{
  padding:0 8px;
}

#rightcol #minicontact input{
border:0;
background: url(../images/inputfield_whitebg.jpg) 0 0 no-repeat;
width:215px;
height:33px;
margin:0px 0 5px 0;
padding:5px 0 5px 5px; 
font-size:11px;
color:#3a3a3a;
font-family:Arial, Helvetica, sans-serif; 
}

#rightcol #minicontact textarea{
background: url(../images/textarea_whitebg.jpg) 0 0 no-repeat;
border:none;
color:#3a3a3a;  
width:209px;
height:87px;
padding:5px 0 5px 5px; 
}

#rightcol #minicontact input.submitbutton{
background: url(../images/contactus.jpg) 50% 0 no-repeat;

height:28px;
font-weight:bold;
font-size:13px;
color: #fff;
padding:0 0 0 0;
cursor:pointer;
border:0;
}

#rightcol p.contactinfo{
padding:10px 0 10px 0;
margin:0 10px;
background:none;
text-align:center;
border:0;
}

/*----------------------- footer --------------------------*/
#footer{
background:#081B55 url(../images/footerbg.jpg) 0 0 repeat-x;
margin:0 auto;
padding:16px 0;   
font-size:11px;
color:#fff; 
text-align:center;
}

#footer li{
display:inline;
}

#footer li a{
padding:0px 20px;
color:#fff; 
font-size:11px;
text-decoration:none;
}

#footer li a:hover{
color:#EAAD25;
}

/*----------------------- copyright info --------------------*/
.copyright{
padding:35px 0 10px 0;
color:#4D64AA;
line-height:14px;
font-size:11px;
}

.copyright a{
color:#4D64AA;
font-size:11px;
text-decoration:none;
}

.copyright a:hover{
text-decoration:underline;
}

.copyright span.williamlawgroup{
color:#8F9752;
}