/****************************** 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;
}

ul{list-style:none;}

html{
	 background:#eee url(../images/page_bg.gif) 0 0 repeat-x;
}

body { 
	background:url(../images/headerbg.jpg) 50% 0 no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#282828;
	text-align:center;
	margin: 0;
	padding: 0;
}

a{
	color: #0000FF;
	text-decoration:underline;
}

a:hover{text-decoration:none;}

.invisible{display:none;}

.clear{clear:both;}

#page_container{
 width: 980px;
	margin:0 auto;
	text-align:left;
}

/****************************** utility links ******************************/
.utilbar{
list-style-type: none;
color:#000;
text-align:right;
font-size:11px;
height:21px;
padding:4px 8px 0 0;
}

.utilbar ul{
display:inline;
}

.utilbar li{display: inline;}

.utilbar li a{
color:#cdcccc;
padding:0px 4px 0 2px;
text-decoration: none;
}

.utilbar li a:hover{text-decoration:underline;}

/****************************** header with video, contact form ******************************/
#interactive_header{
clear:both;
height:288px;
width:980px;
}

/****************************** video ******************************/
#videomc, #video-player {
width:512px;
float:left;
height:288px;
}

#videomc #page, #videomc #page a#player{
height:288px;
width:512px;
}

#videomc #playlist_wrap {
display:none;
}

#videomc #page, #videomc a.player {
padding:0;
margin: -3px 3px 0px;
}


/****************************** miniform in the header ******************************/
#right-header{
float:right;
width:456px;
color:#fff;
}

/****************************** call to action  - home ******************************/
.callout{
	background:url(../images/iamherebecause.png) 30px 16px no-repeat;
	padding-top:60px;
	padding-left:30px;
}
.callout a{
display:block;
margin-top:4px;
color:#fff;
text-shadow: 0px 1px 1px #000;
font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
background:url(../images/btn.gif) 0 0 no-repeat;
font-size:19px;
text-decoration:none;
padding:10px 10px 14px 20px;
}

.callout a:hover{	color:#ff8600;}

/****************************** contactform header ******************************/
.contactmini{
background:url(../images/miniformbg.gif) 0 10px no-repeat;
padding:70px 20px 0 20px;
font-size:14px;
width:376px;
margin-left:30px;
height:197px;
}
.contactmini p{
font-size: 12px;
padding-bottom: 10px;
}
.contactmini form{
position: relative;
}
.contactmini input, .contactmini textarea{
color:#2b2b2a;
font-size:12px;
width:175px;
background:#efefef;
padding:2px 0 0 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height:24px;
font-family:Arial, Helvetica, sans-serif;
margin:0 4px 5px 0;
}
.contactmini textarea{
height:90px;
position: absolute; top: 0; right: 0;
}
.contactmini input[type="checkbox"]{
height:auto;
}
.contactmini .newsletter{
color: #fff;
font-size: 11px;
line-height: 1.3em;
}
.contactmini input.submitbutton{
width:115px;
height:30px;
border:0;
font-size:0px;
color:#fff;
font-weight:bold;
background:url(../images/contactus.gif) 0 0px no-repeat;
cursor:pointer;
position: absolute; right: 0; bottom: 0;
}
.contactmini span{
color:#ff0101;
}

/****************************** book container ******************************/
#right-header h3{
	font-size:12px;
	font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:right;
	padding:10px 6px 0 0;
}

#right-header h3 span{
	color:#f00;
	font-size:35px;
}

#right-header img{margin-top:40px;}

/****************************** top navigation ******************************/
#nav{
height:30px;
clear:both;
}

#nav li{
display:inline;
}

#nav a {
font-size:16px;
padding:6px 18px 5px;
color:#fff;
font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
display:block;
float:left;
background:url(../images/nav-bg.gif) 0 0 repeat-x;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
margin:0 2px;
text-decoration:none;
}
#nav .last a {margin-right:0;}

#nav a:hover,  #home #nav a.home, #nav a.messages:hover, #members #nav a.members, #documents #nav a.documents, #caseresults #nav a.caseresults, #faqs #nav a.faqs, #links #nav a.links, #messages #nav a.messages, #testimonials #nav a.testimonials,  #practiceareas #nav a.practiceareas, #about #nav a.about {
text-decoration:none;
color:#364157;
background:#efefef;
}

/****************************** content containers ******************************/
.columns{
clear:both;
width:980px;
padding:10px 0;
}

/****************************** left column ******************************/
#leftcol{
clear:both;
float:left;
width:223px;
text-align:left;
font-size:15px;
min-height:200px;
}

#leftcol h3, #leftcol h2, #rightcol h3, #rightcol h2{
clear:both;
color:#fff;
text-align:center;
line-height:15px;
font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
padding:14px 0px 18px 0px;
}

#leftcol h3 a, #leftcol h2 a, #rightcol h3 a, #rightcol h2 a{
color:#fff;
text-decoration:none;
}
#leftcol h3 a:hover, #leftcol h2 a:hover, #rightcol h3 a:hover, #rightcol h2 a:hover{ text-decoration:underline;}

#rightcol h2{
background:url(../images/sideheader-reddish.jpg) 0 0 no-repeat;
font-size:15px;
}
#leftcol h2{
	background:url(../images/sideheader-orange.jpg) 0 0 no-repeat;
	text-transform:uppercase;
	padding-bottom:30px;
	font-size:15px;
}
#rightcol h3, #leftcol h3{
	background:url(../images/sideheader-black.jpg) 0 0 no-repeat;
	font-size:15px;
}

#leftcol h4, #rightcol h4{
color: #3ff6300;
font-size:12px;
line-height:16px;
padding:16px 8px 0px 0px;
}

#leftcol h4 a, #rightcol h4 a{
color: #ff6300; 
text-decoration:none;
}

#rightcol h4 a:hover, #leftcol h4 a:hover{color:#000;}

#leftcol p, #rightcol p{
 padding:7px 10px 5px 4px;
	border-bottom:1px dotted #979797;
}

#leftcol a, #rightcol a{	text-decoration:none;}

#leftcol a:hover, #rightcol a:hover{	text-decoration:underline;}

#leftcol ul, #rightcol ul{
list-style-type:none;
padding:0 10px 0 4px;
}

#leftcol li, #rightcol li{
padding:7px 0px 5px 20px;
line-height:16px;
border-bottom:1px dotted #979797;
background:url(../images/bullet.gif) 2px 9px no-repeat;
}

#leftcol li a, #leftcol p, #rightcol ul a{
text-decoration:none;
color:#666;
}
#leftcol li a:hover, #leftcol p a:hover, #leftcol ul.navlist li a:hover, #rightcol ul a:hover{	color:#4b5978;}

#leftcol .social, #leftcol .social li, #leftcol .social a, #leftcol .social a img {
background: transparent none;
border: 0;
float: none;
margin: 0;
padding: 0;
position: static;
text-align: center;
}
#leftcol .social {
margin: 8px 0 60px;
}
#leftcol .social li {
display: block;
float: left;
width: 24%;
}


/****************************** practice area list with thumbnails ******************************/
#leftcol li a img {
	border: 2px solid #b8cc64;
	vertical-align: middle;
	margin: -2px 10px 0 0px;
	position: relative;
	float: left;
}
#leftcol .pa-list a{	font-weight:bold;}
#leftcol .pa-list {	padding: 5px 0 7px 0px;}
#leftcol .pa-list li{	
border-bottom:1px solid #f0f0f0;
padding:7px 6px 13px 6px;
background:none;
}

#rightcol .newsdate{
font-size:12px;
font-weight:bold;
color:#555;
display:block;
}
#rightcol p.more, #leftcol p.more{
font-size:11px;
color:#4b5978;
text-align:right;
text-decoration:none;
margin:0;
border:0;
padding:4px 10px 16px 0px;
}
#rightcol p.more a, #leftcol p.more a, #copy p.top a, #copy p.more a{
color: #777;
font-weight:bold;
text-decoration:none;
}
#rightcol p.more a:hover, #leftcol p.more a:hover, #copy p.top a:hover, #copy p.more a:hover{
text-decoration:underline;
}

/****************************** center column ******************************/
#copy{
line-height:20px;
float:left;
width:500px;
padding:10px 0 20px 0;
margin-left:14px;
text-align:justify;
}

#copy .pagedescription{clear:both;}

#copy .emaillink{
display:block;
padding:0;
border:0;
color:#fb2929;
font-size:12px;
}

#copy .emaillink:hover{text-decoration:underline;}

#copy table{
margin-bottom:15px;
text-align:left;
}

.floatleft, .photo, #Directions #copy p img, .bookphoto, #reports #copy p img{
float:left;
margin:0px 25px 16px 0px;
}

#copy h1, #copy h2{
	color:#CC3300;
	font-size:20px;
	margin-bottom:10px;
	text-align:justify;
	line-height:24px;
}

#copy h2{
margin:20px 0 0 0;
color:#373737;
font-size:15px;
line-height:18px;
text-align:justify;
}

#copy h2 a{
color:#373737;
text-decoration:none;
}

#copy h2 a:hover{color:#db4520;}

#copy h4 a:hover, #copy h3 a:hover, #copy h4 a:hover{
text-decoration: none;
color: #db4520;
}

#copy h3, #copy h3 a{
	color:#000066;
	text-decoration:none;
	font-size:16px;
	text-align:left;
	margin-top:10px;
	text-align:justify;
}

#copy h4{
color: #444;
font-size:13px;
margin: 10px 0px 0px 0;
text-align:left;
}

p.dotted_divider{
border-bottom:1px dotted #979797;
margin-bottom:10px;
}

#copy p.top, #copy p.more{
text-align:right;
font-size:12px;
border-top:1px dotted #979797;
margin-top:8px;
padding-right:10px;
}

#copy ul.bborder li{
border-bottom:1px dotted #979797;
margin-bottom:5px;
margin-top:5px;
}

#copy p, #copy blockquote {
padding:5px 0px 5px 0px;
}

#copy ul {
list-style-type: none;
margin:5px 0px 0 0px;
}

#copy ul li{
padding: 3px 5px 4px 20px;
text-align:left;
background:url(../images/bullet.gif) 0 8px no-repeat;
}

#copy ul ul{
margin:0px 0 6px 24px;
}

#copy ul ul li{
padding:0px 5px 0px 20px;
background:url(../images/bullet.gif) 0 5px no-repeat;
margin:0;
}

#copy ol li{
background:none;
padding: 2px 5px 2px 0px;
}

#copy ol{
margin-left:25px;
}

#copy p.info{
font-size:12px;
font-style:italic;
line-height:15px;
width:320px;
}

input, textarea, select{
border:1px solid #ccc;
background:#f0f0f0;
margin-bottom:5px;
-moz-border-radius:5px;
-webkit-border-top:5px;
color:#555;
}

#copy input, #copy textarea, #copy select{
	background:#fff;
	padding:4px 5px;
}

input.check{
border:0;
background:none;
}

#copy #contactform td {padding:2px 0px;}

#sitemap #copy li a, #caseresults #copy li a{
text-decoration: none;
color:#242b3a;
font-size:12px;
}

#sitemap #copy li a:hover, #caseresults #copy li a:hover{text-decoration: underline;}

#members #copy div{margin-bottom:25px;}

#copy .cmpadd{
font-size:12px;
line-height:13px;
}

#copy #cmp_container, .testimonial{
border:1px solid #f4f2f2;
background:#f8f7f7;
padding:5px 8px;
margin:10px 0;
}
#copy h2.disclaimer{
text-transform:uppercase;
font-size:14px;
line-height:16px;
}

#copy .testimonial h2{
font-size:18px;
font-weight:bold;
padding:10px 0 8px 0;
margin:0;
background:none;
text-align:left;
line-height:18px;
}
.testimonial{margin:0 0 10px 0;}

hr{
background:#eee;
border:0;
color:#eee;
height:1px;
}

/****************************** Video Library Fixes ******************************/
#videos #copy .videopagelist img{
	margin-right:15px;	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#videos #copy .videopagelist{
	margin-top:30px;	
}

/****************************** search ******************************/
.searchbox{
text-align:left;
padding-bottom:10px;
}

#copy .searchbox input{
margin:0 0 10px 0 !important; 
padding:2px 5px !important; 
height:20px !important; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
width:350px;

}

#copy .searchbox input[type="submit"]{
width:65px !important;
height:24px !important;
padding:0 !important;
border:0 !important;
color:#ccc;
position:relative;
background:url(../images/search.gif) 0 0 no-repeat !important;
cursor:pointer;
text-indent:-9999em;
}

/****************************** reports form ******************************/
#reports #copy form{
font-size:11px;
}

#reports #copy table input, #reports #copy table textarea, #reports #copy table select{
width:360px;
}

#reports #copy table{
border-collapse:collapse;
}
#reports #copy table tr{
border-bottom:1px solid #ddd;
}
#reports #copy table td img, #reports #rightcol form img{
margin-bottom:6px;
}
#reports #copy table td{
text-align:left;
font-weight:bold;
padding:8px 8px 4px 8px;
}

#reports #copy table td input[type="submit"]{
margin:0 0 20px 120px;
padding:10px 10px;
color:#fff;
border:0;
height:auto;
font-size:13px;
width:196px;
background:#900 url(../images/button.gif) 0 0 repeat-x;
}

.logos{
clear:both;
background:#fff;
padding:10px 20px;
border:1px solid #cecdcd;
margin-top:10px;
text-align:center;
}
.logos img.float{
float:left;
}

.logos img{	margin-bottom:10px;}

#copy #page{
margin-left:-10px;
}
/****************************** badges ******************************/
.sl_badge_120 {width:120px; float:left; margin-right:4px; text-align:center;background-color:rgb(255,255,255);font-family:arial;font-size:12px;border:1px solid rgb(191,191,191); border-bottom:4px solid rgb(86,131,154);line-height:1.5;}
	.sl_badge_120 .profile {padding:2px;}
	.sl_badge_120 a {color:rgb(131,7,30);text-decoration:none;}
	.sl_badge_120 a:hover {text-decoration:underline;}
	.sl_badge_120 .online {width:100%;text-align:center;font-family:arial,sans-serif;font-style:italic;font-weight:bold;font-size:12px;color:rgb(148,0,37);}
	.sl_badge_120 .visit { text-align:center; font-size:10px; }
	


/****************************** right column ******************************/
#rightcol{
width:223px;
font-size:13px;
text-align:left;
float:right;
}

/****************************** book, report container ******************************/
.reportscontainer{
margin-bottom:20px;
}

.reportscontainer{
padding:0 0px 0px 0px;
margin: 0 auto 10px auto;
}

.reportscontainer .book{
margin:10px 10px 10px 0px;
}

.reportscontainer h5{
font-size:13px;
padding:10px 10px 0px 10px;
}
.reportscontainer h5 a{
text-decoration:none;
color:#1f1f1f;
}

.reportscontainer h5 a:hover{color:#ff6700;}

/****************************** righthand side - miniform ******************************/
#rightcol #minicontact{
padding:10px 12px 10px 12px;
text-align:left;
margin:0px 0 20px 0;
font-size:12px;
color:#d2d2d2;
background:#3e3e3e url(../images/sideform.gif) 0 0 repeat-x;
-moz-border-radius:5px;
-webkit-border-top:5px;
line-height:14px;
}

#rightcol .noborder{
	border:0;
}

#copy input.btn, #copy input[type="submit"], #rightcol input.submitbutton{
background:#900 url(../images/button.gif) 0 0 repeat-x;
padding:4px 20px;
font-weight:bold;
color:#fff;
cursor:pointer;
font-size:12px;
border:0px solid #800;
}

#rightcol form input, #rightcol form textarea{ 
width:190px; 
font-size:12px;
padding:2px 0 2px 5px;
}

#rightcol .contactinfo b{	color:#d2d2d2;}
	#rightcol .contactinfo a{
		color:#d2d2d2;
		text-decoration:underline;
}
#rightcol .contactinfo{	line-height:20px; border:0; text-align:center;}

/****************************** footer ******************************/
#footer{
background:#262626 url(../images/footer_bg.gif) 0 0 repeat-x;
text-align:center;
padding:16px 0 10px 0;
}

#footer li{display:inline;}


#footer li a{
text-decoration:none;
color:#fff;
font-weight:bold;
font-size:12px;
padding:0px 20px;
}

#footer a:hover{
text-decoration:underline;
}

.copyright{
color:#c2cbda;
padding:32px 0 10px 0;
font-size:11px;
margin:0 auto;
}

.copyright a{
color:#c2cbda;
text-decoration:none;
}

.copyright a:hover{text-decoration:underline;}


/* Blog Styles */
.blogentry, .blogcontent
{
  font-size:12px;
  line-height:150%;
border-bottom:1px dotted #979797;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.blogentry h2 a
{
  font-size: 12px;
  font-weight: bold;
  color: #336;
  text-decoration: none;
  text-transform: none;
}

.blogentry h2 a:hover
{
  text-decoration: underline;
  color:#333;
}

.blogentry div.info, .blogcontent div.info
{
 float:right;
  padding:5px;
  margin:0 0 15px 15px;
  line-height:normal;
  font-size:10px;
border:1px dotted #979797;
background:#d8d8d8;

}
.blogcomment
{
  padding: .5em 0;
  margin-bottom: 1em;
  line-height:150%;
  font-size:10px;
}

.blogcomment div.info
{
  padding: .5em 0;
  margin-bottom: 1em;
  line-height:150%;
  font-size:10px;
border-bottom:1px dotted #979797;
  text-align:right
}

h3.blog
{
  font-size: 13px;
  font-weight: bold;
  color: #336;
border-bottom:1px dotted #979797;
}

.blogcontent
{
  font-size:12px;
  line-height:150%;
  border-bottom: 0;
  padding-bottom: 1em;
  margin-bottom: 0;
}

.pagination{
border-bottom:1px dotted #979797;
border-top:1px dotted #979797;
padding:6px 5px;
text-align:left;
font-size:12px;
}

#copy .pagination a{
padding:1px 6px;
color:#222;
font-weight:bold;
text-decoration:none;
background:#dfdcdc;
border:1px dotted #979797;
}

#copy .pagination a:hover{
color:#222;
background:#fff;
}

.blogcategory{
padding:12px 0;
border-bottom:1px dotted #979797;
margin-bottom:8px;
text-align:center;
}

/* scrollable */
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 151px;
	margin:0 0px 0 36px;
	height:340px;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
/* single scrollable item */
.scrollable .pane{
	float:left;
	margin:px 0px px 0px;
	padding:0;
	text-align:center;
	cursor:pointer;
	width:151px;
	height:85px;
}
/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;
}.scrollable {
	float:left;	
}
/* prev, next, prevPage and nextPage buttons */
.reportscontainer a.browse {
	display:block;
	width:28px;
	height:28px;
	float:left;
	margin:120px 4px;
	cursor:pointer;
	text-indent: -999em;
}
/* right */
.reportscontainer a.next 		{background:url(/images/next.gif) 0 0 no-repeat; margin-right:0px;}
.reportscontainer a.next:hover 	{  background:url(/images/next.gif) 0 0 no-repeat;}
.reportscontainer a.next:active 	{  background:url(/images/next.gif) 0 0 no-repeat;} 
/* left */
.reportscontainer a.prev			{ margin-left: 0px; background:url(/images/prev.gif) 0 0 no-repeat; margin-left:-180px; } 
.reportscontainer a.prev:hover  	{background:url(/images/prev.gif) 0 0 no-repeat; }
.reportscontainer a.prev:active  	{ background:url(/images/prev.gif) 0 0 no-repeat; }
/* disabled navigational button */
.reportscontainer a.disabled {
	visibility:hidden !important;		
}	


@media print {
	/* CSS Document */
	.utilbar, #leftcol, #rightcol, #footer img, .top, .more, #nav, #page, #interactive_header, #footer ul{
	display:none;
	}
	
	.invisible{
	display:block;
	}
	
	a{
	text-decoration: none;
	color: #000;
	}
	
	#page_container, #copy, .columns{
	clear:both;
	float:none;
	width:650px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	padding:0;
	margin:0;
	}
	
	#copy{
		margin-top:30px;
	}
	
	#page_container p{
	line-height:15px;
	}
	
	#copy img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}
	
	#copy h1, #copy h2{
	text-align:left;
	}
	
	#copy ul{
	list-style-type:disc;
	list-style-position:inside;
	margin-left:0;
	}
	
	.copyright{
	font-size:10px;
	text-align:left;
	padding-top: 5px;
	width:650px;
	margin:5px 0;
	}
	
	#footer{
	width:650px;
	margin:0;
	}
}


