/****************************** 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;
}

body { 
   	background:#0c5776 url(../images/pagebg.gif) 0 0  repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#010d19;
	text-align:center;
	margin: 0;
	padding: 0;
}

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

a:hover{text-decoration:none;}
.invisible{display:none;}
.clear{clear:both;}
#page_container{
    width: 980px;
	margin:0 auto;
	text-align:left;
    border-left:7px solid #216582;
    border-right:7px solid #216582;
}

/****************************** utility links ******************************/
.utilbar{
list-style-type: none;
color:#e9edee;
text-align:right;
font-size:11px;
height:26px;
background:#041d27;
border-bottom:1px solid #000;
}
.utilbar ul{padding:5px 0 0 0;}
.utilbar li{display: inline;}
.utilbar li a{
color:#e9edee;
padding:0 5px;
text-decoration: none;
}
.utilbar li a:hover{text-decoration:underline;}
/****************************** header with video, contact form ******************************/
#interactive_header{
clear:both;
height:288px;
text-align:left;
border-bottom:4px solid #356476;
border-top:1px solid #142b34;
background:#356476 url(../images/headerbg.jpg) 0 0 no-repeat;
}

/****************************** 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 0 0 0px;
}

#videomx #player{margin-top:0;}

/****************************** call to action  - home ******************************/
.callout{
color:#fff;
width:439px;
float:right;
background:url(../images/iamherebecause.gif) 6px 80px no-repeat;
padding-top:118px;
}

.callout a{
display:block;
width:354px;
font-size:26px;
color:#fff;
text-decoration:none;
padding:8px 0 11px 50px;
}

.callout a:hover{color:#f90;}
/****************************** top navigation ******************************/
.navholder{
clear:both;
font-size:13px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
height:41px;
width:980px;
padding-left:5px;
background:#356579;
}

.navholder ul{list-style-type: none;}

.navholder li{
 float:left;
 padding-right:5px;
 margin-right:3px;
 background:url(../images/nav_rightside.gif) 100% 0 no-repeat;
}

.navholder a {
display:block;
float:left;
padding:12px 5px 9px 10px;
color:#041d27;
background:url(../images/nav_leftside.gif) 0 0 no-repeat;
text-decoration:none;
}

.navholder a:hover, #home .navholder li.home a, #about .navholder li.aboutus a, #members .navholder li.members a, #practiceareas .navholder li.practiceareas a, #about .navholder li.about a, #caseresults .navholder li.caseresults a, #documents .navholder li.documents a, #gallery .navholder li.photos a, #faqs .navholder li.faqs a, #links .navholder li.links a, #testimonials .navholder li.testimonials a,
#messages .navholder li.messages a, #contact .navholder li.messages a {
color:#fff;
background:url(../images/nav_leftside_h.gif) 0 0 no-repeat;
}

.navholder li:hover, #home .navholder li.home, #about .navholder li.aboutus, #members .navholder li.members, #practiceareas .navholder li.practiceareas, #about .navholder li.about, #caseresults .navholder li.caseresults,
#documents .navholder li.documents, #gallery .navholder li.photos, #faqs .navholder li.faqs, #links .navholder li.links, #testimonials .navholder li.testimonials,
#messages .navholder li.messages, #contact .navholder li.messages{
background:url(../images/nav_rightside_h.gif) 100% 0 no-repeat;
}

/****************************** content containers ******************************/
.columns{
clear:both;
border:2px solid #fff;
background:#fff url(../images/gradient.gif) 0 0 repeat-x;
}
.bottomgradient{
 padding:20px 0;
 background:url(../images/gradient2.gif) 0 100% repeat-x;
}
/****************************** left column ******************************/
#left{
clear:both;
float:left;
width:207px;
text-align:left;
font-size:12px;
min-height:200px;
}

#left h3, #left h2, #rightcol h3, #rightcol h2{
clear:both;
color:#fff;
font-size:16px;
text-align:left;
padding:9px 0 10px 40px;
background: url(../images/sideheader.gif) 0 0 no-repeat;
}
#rightcol h3{background: url(../images/sideheader_right.gif) 0 0 no-repeat;}
#rightcol h2{background: url(../images/sideheader_red.gif) 0 0 no-repeat;}

#left h4, #rightcol h4{
font-size:12px;
color:#010d19;
line-height:16px;
padding:10px 8px 4px 16px;
}
#left p, #rightcol p{
background:url(../images/divider.gif) 0 100% no-repeat;
padding: 6px 8px 6px 18px;
}

#left ul, #rightcol ul{list-style-type:none;}

#left li, #rightcol li{
background:url(../images/divider.gif) 0 100% no-repeat;
padding: 6px 8px 6px 18px;
line-height:16px;
}
#rightcol li,  #rightcol p{
background:url(../images/divider2.gif) 0 100% no-repeat;
}

#left li a, #left p a, #rightcol li a, #rightcol p a, #left h4 a, #rightcol h4 a{
text-decoration:none;
color:#010d19;
}
#left li a:hover, #left p a:hover, #rightcol h4 a:hover, #left h4 a:hover, #rightcol li a:hover, #rightcol p a:hover{
text-decoration:underline;
color:#1b38ce;
}

#left .newsdate{
color:#1b38ce;
font-size:11px;
display:block;
}
#rightcol p.more, #left p.more, #copy p.top, #copy p.more{
color:#fff;
text-align:right;
font-size:11px;
text-transform:capitalize;
margin:0;
background:none;
padding:6px 12px 7px 0px;
}
#copy p.top, #copy p.more{
padding:1px 0px 1px 0px;
border-top:1px solid #ced8db;
margin-top:10px;
}
#rightcol p.more a, #left p.more a, #copy p.top a, #copy p.more a{
color:#1b38ce;
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;}
/****************************** center column ******************************/
#copy{
line-height:20px;
float:left;
width:510px;
padding:0px 0 20px 0;
margin-left:20px;
text-align:left;
}

/****************************** search ******************************/
.searchbox{
margin:6px 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px solid #ced8db;
}

#copy .searchbox input{
margin:0 !important; 
padding:2px 5px !important; 
height:15px !important; 
background:#e2e8e9 !important;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius:0px;
width:302px;
font-size:11px;
color:#000;
}

#copy .searchbox input[type="submit"]{
width:100px;
height:20px !important;
padding:0 !important;
border:0 !important;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius:0px;
color:#0e2c46;
position:relative;
background:url(../images/search_btn.gif) 0 0 no-repeat !important;
cursor:pointer;
font-size:0px;
top:-5px;
*top:0;
}

#copy .pagedescription{clear:both;}

#copy .emaillink{
display:block;
padding:0;
border:0;
color: #1b38ce;
font-size:12px;
background:url(../images/bullet2.gif) 0 7px 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;
}

#reports #copy table input.submit{
 width:200px;
 margin:0 auto;
}

.floatleft, .photo, #Directions #copy p img, .bookphoto, #reports #copy p img, #copy p img{
float:left;
margin:0px 25px 16px 0px;
}

#copy h1{
color: #174265;
font-size:16px;
padding:10px 10px 6px 0px;
text-align:left;
line-height:22px;
}

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

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

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

#copy h3, #copy h3 a{
color:#000;
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;
}

p.dotted_divider{
border-bottom:1px solid #ced8db;
margin-bottom:10px;
}

#copy ul.bborder li{
border-bottom:1px solid #ced8db;
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 24px;
text-align:left;
background:url(../images/bullet.gif) 0 6px no-repeat;
}

#copy ul ul{
margin:0px 0 6px 28px;
}

#copy ul ul li{
padding:0px 5px 0px 10px;
background:url(../images/bullet2.gif) 0 7px 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 #999;
background:#f0f0f0 url(../images/input.gif) 0 0 repeat-x;
margin-bottom:5px;
color:#999;
padding:3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
}

input[type="radio"]{border:0; padding:0; margin:0 0 0 4px;}

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{
background:url(../images/gradient.gif) 0 0 repeat-x;
padding:5px 8px;
margin:10px 0;
border:1px solid #ebf0f2;
}
#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;
}

.contactheader{clear:both;}

/****************************** right column ******************************/
#rightcol{
width:207px;
font-size:12px;
text-align:left;
float:right;
}
/****************************** righthand side - miniform ******************************/
#rightcol #minicontact{
padding:4px 0px 10px 12px;
text-align:left;
margin:0px 0 10px 0;
line-height:14px;
background:url(../images/box_bottom.gif) 0 100% no-repeat;
}

#rightcol #minicontact img{
margin-bottom:5px;
}
#rightcol #minicontact p{border:0; padding:0 0 5px 0;}


#rightcol form input, #rightcol form textarea.textarea{ 
width:180px; 
margin-bottom:5px; 
}

#rightcol form input.submitbutton, #copy input.btn, #copy input[type="submit"], #rightcol input[type="submit"], .footer input[type="submit"], .scrollable .pane .button, #rightcol .scrollable-nav a.browse {
background:url(../images/button.gif) 0 0  repeat-x;
color:#fff;
border:0;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius:15px;
padding:5px 10px;
cursor:pointer;
text-align:center;
font-weight:bold;
font-size:13px;
}

#rightcol form input.submitbutton{width:186px;}

#rightcol p.contactinfo{
padding:10px 0 10px 0;
margin:0 10px;
font-weight:bold;
font-size:13px;
background:none;
text-align:center;
line-height:18px;
}

/* --------------------------------------------
features - scrollable
----------------------------------------------*/
.scrollable { /* wrapper "window" */
height: 22em; /* required */
margin-left: 7px;
overflow: hidden; /* required */
position: relative; /* required */
width: 200px; /* required */
}
.scrollable a {
color: #010D19;
text-decoration: none;
}
.scrollable a:hover {
color: #1B38CE;
}
.scrollable .items { /* list of individual "item" panes */
clear: both;
margin-top: 8px;
position: absolute; top: 0; left: 0; /* required */
width: 20000em; /* required */
}
.scrollable .pane { /* single item */
float: left; /* required */
text-align: center;
width: 200px; /* required */
}
/*.scrollable .pane img {}*/
#rightcol .scrollable .pane .title {
display: block;
padding: 0 5px 10px;
}
#rightcol .scrollable a:hover .title {
text-decoration: underline;
}
#rightcol .scrollable a:hover .button {
text-decoration: none;
}

.scrollable-nav { /* scrollable navigation buttons */
padding: 0 10px 15px;
}
/*#rightcol .scrollable-nav a {}
#rightcol .scrollable-nav a:hover {}*/
#rightcol .scrollable-nav a.browse {
font-size: 11px;
padding: 5px;
text-decoration: none;
}
#rightcol .scrollable-nav a.prev {
border-right: 1px solid #cc0000;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;
border-radius:15px 0 0 15px;
padding-left: 8px;
}
#rightcol .scrollable-nav a.next {
border-left: 1px solid #730000;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;
padding-right: 8px;
}
#rightcol .scrollable-nav a.more {
float: right;
}
#rightcol .scrollable-nav a.disabled {
visibility: hidden !important;
}

/****************************** footer ******************************/
#footernav{
text-align:center;
padding:10px 0 14px 0;
width:980px;
margin:0 auto;
background:#fff;
border-left:7px solid #216582;
border-right:7px solid #216582;
}

#footernav li{display:inline;}

#footernav li a{
text-decoration:none;
color:#010c18;
font-size:12px;
padding:0px 16px;
}

#footernav a:hover{text-decoration:underline;}

.copyright{
width:994px;
margin:0 auto;
background:url(../images/footerbg.gif) 0 0 repeat-x;
color:#fff;
padding:10px 0 10px 0;
text-align:center;
font-size:11px;
}

.copyright a{
color:#fff;
text-decoration:none;
}

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