/****************************** 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;
}

/* float clear-fix --------------------- */
.group, #mod-connect ul
{zoom: 1;} /* lte ie7 */
.group:after, #mod-connect ul:after
{content: ""; height: 0; clear: both; display: block;} /* compliant */

body { 
	background:#636363 url(../images/page_bg.gif) 0 0 repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#000;
	text-align:center;
	margin: 0;
	padding: 0;
}

a{
color: #3b5580;
text-decoration:underline;
}

a:hover{text-decoration:none;}

.invisible{display:none;}

.clear{clear:both;}

#page_container{
 width: 980px;
	margin:0 auto;
	text-align:left;
}

.topbg{
	background:url(../images/headerbg.jpg) 50% 0 no-repeat;
}

/****************************** utility links ******************************/
.utilbar{
list-style-type: none;
color:#fff;
text-align:right;
font-size:11px;
height:19px;
padding-top:5px;
}

.utilbar ul{
display:inline;
margin-right:8px;
}

.utilbar li{display: inline;}

.utilbar li a{
color:#fff;
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;
text-align:left;
}

/****************************** video ******************************/
#videomc{
width:512px;
float:left;
height:288px;
}

#videomc #page, #videomc #page a#player{
height:288px;
width:512px;
}
#player{margin:0px !important;}
#videomc #playlist_wrap {display:none;}
#videomc div.player{padding:0 !important;}
#videomc #page, #videomc a.player{
padding:0;
margin:0;
}

/****************************** miniform in the header ******************************/
#right_header{
float:right;
width:468px;
color:#fff;
height:240px;
padding-top:14px;
background:url(../images/headerformbg.gif) 100% 0px repeat-x;
}

#home #right_header, #practiceareas #right_header{
background:url(../images/phonenumber.gif) 100% 0 no-repeat;
}
/****************************** call to action  - home ******************************/
.callout, .bookheader{
color:#fff;
padding-top:74px;
}

#right_header h2{
	color:#fc0;
	text-shadow: 2px 2px 2px #000;
	font-weight:normal;
	font-size:34px;
	padding:0 0 4px 15px;
}
.callout a{
display:block;
margin-top:6px;
color:#141f2e;
font-size:17px;
text-shadow: 2px 2px 2px #fff;
text-decoration:none;
background:url(../images/btn.gif) 0 0 no-repeat;
padding:10px 34px 10px 40px; 
}
.callout a:hover{	color:#a50000;}

/****************************** book header  ******************************/
.bookheader h3{
	font-size:22px;
	font-weight:normal;
	padding-top:10px;
}

.bookheader{	padding:78px 0 0 10px;}

.bookheader a{
	color:#fff;
	text-decoration:none;
}
.bookheader a:hover{text-decoration:underline;}
.bookheader p{	padding:10px 0 14px 0; font-size:13px;}

/****************************** contactform header ******************************/
.contactmini{padding:20px 0 0 25px;}
#right_header .contactmini h2{
	padding-left:0;}
.contactmini form{
	padding-top:15px;
}
.contactmini input, .contactmini textarea{
border:1px solid #bccad3;
color:#999;
font-size:14px;
width:186px;
padding:3px 5px 0 5px;
height:24px;
font-family:Arial, Helvetica, sans-serif;
margin:0 5px 8px 0;
background:#f0f0f0;
}
.contactmini textarea{
height:98px;
margin-top:-74px;
float:right;
margin-right:30px;
}

.contactmini input.submitbutton{
width:102px;
height:27px;
border:0;
font-size:0px;
padding:0;
float:right;
clear:right;
color:#fff;
margin-right:30px;
background:url(../images/submit2.gif) 0 0 no-repeat;
cursor:pointer;
}

/****************************** top navigation ******************************/
.navholder{
height:53px;
clear:both;
font-family: Arial, Helvetica, sans-serif;
}

.navholder li{display:inline;}

.navholder a {
font-size:15px;
padding:18px 14px 15px 14px;
font-weight:bold;
color:#fff;
display:block;
float:left;
background:url(../images/nav_divider.gif) 100% 0 no-repeat;
text-decoration:none;
}
.navholder .last a {background:none;}

.navholder a:hover {
text-decoration:none;
color:#6ff;
background:url(../images/navbg_hover.gif) 100% 0 no-repeat;
}

/****************************** content containers ******************************/
.columns{
clear:both;
width:972px;
border:4px solid #fff;
background:#fff url(../images/gradientbottom.gif) 0 100% repeat-x;
}
.gradienttop{
	padding:8px;
	background:url(../images/gradienttop.gif) 0 0 repeat-x;
}
/****************************** left column ******************************/
#left{
clear:both;
float:left;
width:220px;
text-align:left;
font-size:13px;
min-height:200px;
}

#left h3, #left h2, #rightcol h3, #rightcol h2{
clear:both;
color:#3b5580;
font-size:14px;
line-height:15px;
padding:10px 22px 11px 48px;
background: url(../images/sideheader.gif) 0 0 no-repeat;
}

#rightcol h2{
	color:#c00;
	background: url(../images/sideheader_red.gif) 0 0 no-repeat;
}
#rightcol h2 a{
		color:#c00;
}
#left h3 a, #left h2 a, #rightcol h3 a, #rightcol h2 a{
	text-decoration:none;
	color:#3b5580;
}
#left h4, #rightcol h4{
font-size:13px;
line-height:16px;
padding:10px 8px 4px 0px;
}

#left h4 a, #rightcol h4 a{
color: #3b5580;
text-decoration:none;
}

#left .box, #rightcol .box{
padding:12px 6px 10px 12px;
margin:0 0 10px 0;
}

#left p, #rightcol p{
border-bottom:1px solid #ccc;
padding: 10px 0px 0px 0px;
}

#left ul{
list-style-type:none;
padding:0 10px 0 0px;
}

#left li, #rightcol li{
padding:0px 0px 7px 0px;
margin-bottom:4px;
line-height:16px;
border-bottom:1px solid #ccc;
}

#left li a, #left p a, #rightcol li a, #rightcol p a, .mod p {
text-decoration:none;
color:#3b5580;
}
#rightcol .mod p {
border: 0;
padding: 10px; 
}
.mod img {
display: block;
margin: 0 auto 10px;
}
#left li a:hover, #left p a:hover, #rightcol h4 a:hover, #left h4 a:hover, #rightcol li a:hover, #rightcol p a:hover, #left h3 a:hover, #left h2 a:hover, #rightcol h3 a:hover, #rightcol h2 a:hover{
text-decoration:underline;
}

#left.newsdate{
color:#39260d;
font-weight:bold;
display:block;
}
#rightcol p.more, #left p.more, #copy p.top, #copy p.more{
font-size:12px;
color:#fff;
text-align:right;
border:0;
text-transform:capitalize;
margin:0;
padding:4px 10px 0px 0px;
}
#copy p.top, #copy p.more{
border-top:1px solid #ccc;
}
#rightcol p.more a, #left p.more a, #copy p.top a, #copy p.more a{
color: #3b5580;
text-decoration:underline;
}
#rightcol p.more a:hover, #left p.more a:hover, #copy p.top a:hover, #copy p.more a:hover{
text-decoration:none;
}
/****************************** practice area list with thumbnails ******************************/
#left ul.navlist{
padding:0;
}
#left ul.navlist li{
background:none;
padding:0;
border:0;
display:inline;
}

#left ul.navlist li img{
	border:2px solid #000;
	float:left;
	height:38px;
	margin-top:-10px;
	margin-right:5px;
	width:52px;
}

#left ul.navlist li a{
display:block;
margin:6px 0 0px 0;
color:#000;
font-size:14px;
font-weight:bold;
padding:10px 8px 4px 4px;
height:35px;
border-bottom:1px solid #ccc;
}
#left ul.navlist li a:hover{
	color:#5685a3;
}

#left ul.navlist li a.one{background:url(../images/pas.gif) 0 0px no-repeat; }
#left ul.navlist li a.two{background:url(../images/pas.gif) 0 -49px no-repeat; }
#left ul.navlist li a.three{background:url(../images/pas.gif) 0 -98px no-repeat;}
#left ul.navlist li a.four{background:url(../images/pas.gif) 0 -148px no-repeat;}

/****************************** sidebar modules - scrollable ******************************/
/* .scrollable-container {} */

/* scrollable wrapper */
.scrollable {
height: 160px; /* required */
overflow: hidden; /* required */
margin: 12px;
position: relative; /* required */
width: 200px; /* required */
}
.scrollable .items {
clear: both;
position: absolute; top: 0; left: 0; /* required */
width: 20000em; /* required */
}

/* single scrollable item */
.scrollable .pane {
float: left; /* required */
font-size: 14px;
font-weight: bold;
text-align: left;
width: 200px; /* required */
}
.scrollable .pane a {
text-decoration: none;
}
.scrollable .pane a:hover {
color: #A1D5E4;
text-decoration: none;
}
.scrollable .pane img {
float: left;
margin: 0 5px 0 0;
}
.scrollable .active {
cursor: default;
position: relative;
}

/* navigation buttons */
.scrollable-nav {
margin: 0 auto;
text-align: center;
width: 200px;
}
.scrollable-nav a.browse {
background: url('/images/scrollable-nav.png') no-repeat 0 0;
cursor: pointer;
display: block;
height: 28px;
text-decoration: none;
text-indent: -999em;
width: 30px;
}
.scrollable-nav a.browse:hover {
color: #0082C1;
}
.scrollable-nav a.right {
background-position: right top;
float: right;
}
.scrollable-nav a.left {
float: left;
}
.scrollable-nav a.disabled {
visibility: hidden !important;
}

/* view all link */
.scrollable-container.mod .more {
border: 0;
margin: 0;
padding: 0;
text-align: center;
}
.scrollable-container.mod .more a {
background: url('/images/learnmore.gif') no-repeat 0 0;
display: block;
margin: 0 auto;
padding: 0;
height: 28px;
text-indent: -999em;
width: 115px;
}


/****************************** module custom ******************************/
#mod-reports {
margin-bottom: 20px;
}

#mod-connect ul {
padding: 20px 14px;
}
#mod-connect li {
border: 0;
margin: 0;
padding: 0;
float: left;
}
#mod-connect a {
background: #fff url('/images/mod-connect.png') 0 0 no-repeat; /* all 4 social icons */
display: block;
height: 32px;
margin-right: 13px;
text-indent: -999em;
width: 32px;
}
#mod-connect .facebook a {background-position: 0 0;}
#mod-connect .twitter a {background-position: -32px 0;}
#mod-connect .linkedin a {background-position: -64px 0;}
#mod-connect .youtube a {background-position: -96px 0; margin-right: 0;}
#mod-connect a:hover {
opacity:0.7
}

/****************************** center column ******************************/
#copy{
line-height:20px;
float:left;
width:445px;
padding:0px 0 20px 0;
margin-left:30px;
text-align:justify;
}

#copy .pagedescription{clear:both;}

#copy .emaillink{
display:block;
padding:0;
border:0;
color:#3b5580;
font-size:12px;
background:url(../images/bullet2.gif) 0 5px no-repeat;
padding-left:8px;
}

#copy .emaillink:hover{
text-decoration:underline;
}

#copy table{
margin-bottom:15px;
text-align:left;
}

#reports #copy table input{
width:400px;
}

#reports #copy table td{
	width:10%;
	text-align:left;
	left: auto;
	right: auto;
}

.floatleft, .photo, #Directions #copy p img, .bookphoto, #reports #copy p img{
float:left;
margin:0px 25px 16px 0px;
}

#copy h1, #copy h2{
color: #3b5580;
font-weight:normal;
font-size:20px;
border-bottom:1px solid #cddbeb;
padding:10px 10px 10px 0px;
text-align:left;
line-height:24px;
}

#copy h2{
font-size:18px;
margin:16px 0 0 0;
line-height:20px;
}

#copy h2 a{
color: #3b5580;
text-decoration:none;
}

#copy h2 a:hover, #copy h4 a, #copy h3 a:hover, #copy h4 a:hover{color:#000;}

#copy h3, #copy h3 a{
color:#242b3a;
text-decoration:none;
font-size:14px;
text-align:left;
margin-top:10px;
}

#copy h4{
color: #242b3a;
font-size:13px;
margin: 10px 0px 0px 0;
text-align:left;
}

p.dotted_divider{
border-bottom:1px solid #ccc;
margin-bottom:10px;
}

#copy ul.bborder li{
border-bottom:1px solid #ccc;
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 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 14px;
}

#copy ul ul li{
padding:0px 5px 0px 10px;
background:url(../images/bullet2.gif) 0 9px 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 #cfcbc2;
background:#c5d6e0;
color:#333;
margin-bottom: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, #copy .testimonial{
border:0;
background:url(../images/gradienttop.gif) 0 0 repeat-x;
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:#fff;
border:0;
color:#fff;
height:1px;
}

#copy form, .contactheader{clear:both;}

/****************************** 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;	
}

/****************************** Practice Areas ****************************/
#practiceareas h2 img {
	display:none;
}

/****************************** reports form ******************************/
#reports #copy form{
font-size:12px;
padding:10px 0 0 0;
}

#reports #copy table input, #reports #copy table textarea, #reports #copy table select{
width:360px;
}

#reports #copy table{
border-collapse:collapse;
}

#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 form input[type="submit"]{
	width:180px;
}


/****************************** right column ******************************/
#rightcol{
width:220px;
font-size:13px;
text-align:left;
float:right;
}

/****************************** book, report container ******************************/
.reportscontainer{margin-bottom:0px;}

.reportscontainer{
padding:0 0px 0px 0px;
margin: 0 auto 10px auto;
width:220px;
}
.reportscontainer .book{
margin:10px 10px 0px 0px;
float:left;
}
.reportscontainer h5{
font-size:14px;
padding:20px 6px 0 6px;
}
.reportscontainer h5 a{
text-decoration:none;
color:#3b5580;
}
.reportscontainer h5 a:hover{color:#000;}

.reportscontainer img.learnmore{
	float:right;
	margin-top:10px;
}

/****************************** righthand side - miniform ******************************/
#rightcol #minicontact{
text-align:left;
margin:0px 0 20px 0;
font-size:12px;
color:#333;
padding:8px 10px 10px 20px;
line-height:14px;
background:url(../images/formbg.gif) 0 0 repeat-x;
}

#rightcol form input, #rightcol form textarea.textarea{ 
width:180px; 
margin-bottom:5px; 
}

#rightcol form input.submitbutton, #minicontact form input.btn, #copy .btn{
background:url(../images/submit.gif) 100% 0 no-repeat;
color:#fff;
border:0;
padding:5px 33px 8px 23px;
cursor:pointer;
width:100px;
margin-left:80px;
text-align:right;
font-weight:bold;
font-size:13px;
}

#minicontact form input.btn{
background:url(../images/submit.gif) 100% 0 no-repeat;
color:#fff;
border:0;
padding:5px 33px 8px 23px;
cursor:pointer;
width:170px;
margin-left:5px;
text-align:right;
font-weight:bold;
font-size:13px;
}

#copy .btn{
margin-left:0;
padding:5px 43px 8px 33px;
width:auto;
}
#rightcol p.contactinfo{
padding:8px 0 10px 0;
margin:0;
color:#3b5580;
text-align:left;
}

#mod-badges .tbls img {
display: block;
margin: 0 auto;
}
/****************************** footer ******************************/
#footernav{
background:#29416f url(../images/footer_bg.gif) 0 0  repeat-x;
text-align:center;
font-size:12px;
padding-bottom:20px;
}

#footernav li{
display:inline;
}

#footernav li.last a{
background:none;
}

#footermc{
width:980px;
margin:0 auto;
}

#footernav li a{
text-decoration:none;
color:#fff;
float:left;
display:block;
padding:12px 21px;
background:url(../images/footerdivider.gif) 100% 0 no-repeat;
}

#footernav a:hover{
text-decoration:underline;
}

.copyright{
clear:both;
color:#a9b5cb;
padding:16px 0 16px 0;
text-align:center;
font-size:11px;
}

.copyright a{
color:#a9b5cb;
text-decoration:none;
}

.copyright a:hover{
text-decoration:underline;
}
