/* 
*
*	edreamz Jan 2009
*
*/


/* 
 * 
 * Admin 
 * (WYSIWYG Content)
 * 
 */

  h1 { color: #4685a9; font-weight: normal; font-size: 18px; font-family: Arial; line-height: normal;}
  h2 { color: #4685a9; font-weight: normal; font-size: 18px; margin-bottom:5px;}
  h2.big { color: #4685a9; font-weight: normal; font-size: 20px; text-transform:uppercase;}
  h3 { color: #656565; font-weight: bold; font-size: 14px; line-height: normal;}
  h4 { color: #d78400; font-weight: bold; font-size: 16px; line-height: normal;}
  
/* 
 * 
 * Link Styles
 * 
 */
  a { color: #4685a9; text-decoration: none;}
  a:hover { color: #ffaf2b; text-decoration: underline;}
  a.gray {color: #4c4c4c;}
  a.gray:hover {color: #ffaf2b;}
  a.triangle{ text-decoration: none; background: url('/images/bullet-arrow.gif') left no-repeat; padding-left: 10px; font-weight: normal;}
  a.triangle:hover{ text-decoration: underline;}

/* 
 * 
 * General Styles
 * 
 */
  ul, ol{margin: 0 0 0 20px; padding: 0;}
  ul li{ margin-bottom: 5px; border-bottom: dotted 1px #ccc; list-style-image: url(/images/bullet.gif);}
  ol li{ list-style: decimal; margin-bottom: 5px;}

  p{ margin: 0; padding: 0 0 15px 0;}

  p img{padding: 5px;}

  .header{font-size: 20px;font-weight: bold;}
  .subheader-blue {font-size:16px; color: #4685a9;}
  .subheader{font-size: 16px;font-weight: bold;}
  
  .hidden{display:none;}
  .date{ font-size: 11px; color: #656565; text-transform: uppercase; font-weight: bold;}
  .dark{ color: #656565;}
  .dark-bold{ color: #656565; font-weight: bold;}
  .small {font-size:10px; line-height:12px; display:block; margin:5px 0 5px 0;}
  #spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;}
  hr{border: 0; color: #e5e5e5; background-color: #e5e5e5; height: 1px;}

/* 
 * 
 * Main Navigation - MOVED TO MENU.CSS
 *
  #mainNav { height: 43px; width: 960px; margin: 0 auto; position: absolute; z-index: 99; }
  #mainNav.homeposition{ top: 467px;}
  #mainNav.position{ top: 251px;}
  #mainNav ul{padding:0; margin:0;}
  #mainNav .main{ margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;}
  #mainNav li { margin:0; padding:0; list-style: none; display: inline;}
  #mainNav a { float: left; padding: 43px 0 0 0; overflow: hidden; height: 0px; color: #ffffff; }
  #mainNav a:hover { background-position: 0 -43px;}
  #mainNav .selected, #mainNav a:active{ background-position: 0 -43px;}

  #about a { width: 167px; background: url('/images/buttons/nav-about.jpg') top left no-repeat;}
  #practice a { width: 137px; background: url('/images/buttons/nav-practice.jpg') top left no-repeat;}
  #work a { width: 170px; background: url('/images/buttons/nav-work.jpg') top left no-repeat;}
  #professionals a { width: 132px; background: url('/images/buttons/nav-professional.jpg') top left no-repeat;}
  #diversity a { width: 96px; background: url('/images/buttons/nav-diversity.jpg') top left no-repeat;}
  #careers a { width: 90px; background: url('/images/buttons/nav-careers.jpg') top left no-repeat;}
  #events a { width: 83px; background: url('/images/buttons/nav-events.jpg') top left no-repeat;}
  #news a { width: 85px; background: url('/images/buttons/nav-news.jpg') top left no-repeat;}
 */

/* 
 * 
 * Secondary Navigation
 * 
 */
  #subNav { width: 935px; border-bottom: #e4e4e4 1px solid; padding: 12px 0; line-height: normal; margin-left: 12px;}
  #subNav ul { margin: 0; padding: 0; list-style: none; display: inline;}
  #subNav ul li { margin:0; padding-left:0; list-style: none; display: inline;}
  #subNav ul.practice { margin-right: 6px; padding: 0; list-style: none; float:left;}
  #subNav ul.practice.last {margin-right:0;}
  #subNav ul.practice li { margin:0; padding-left:0; list-style: none; list-style-image:none; display:list-item; border:none; line-height:18px;}
  #subNav ul li a { float: left; color: #767676; text-decoration: none; text-transform: uppercase; font-size: 11px; padding: 0 15px;}
  #subNav a:hover { color: #4685a9; text-decoration: none;}
  #subNav .selected{ color: #4685a9; text-decoration: none;}

  .subnav { background: #f8f8f8; padding:5px 15px; margin-top:6px; }
  .subnav a{ color:#626262; }

/* 
 * 
 * Layout / Formatting
 * 
 */
 #panelBtns {position:absolute; top:339px; right:7px; z-index:999; background:none;}
 #panelBtns a {float:left; width:20px; height:20px; margin-left:2px; text-indent:-9999em; background:none;}
 #homepanel{height: 470px; width: 100%; min-width: 960px; margin-top: 40px; position: relative;} 
 @media screen and(max-width: 960px;){
	#homepanel{left: 50%; margin-left: -480px;}
 }

/***** BANNER IMAGES *****/
#imagepanel, .innerPageImagePanel{height:254px; width: 100%; min-width:960px; margin-top: 40px; position: relative;}
.panel-about{background: url('/images/banners/about.jpg') top center no-repeat;}
.panel-practice{background: url('/images/banners/practice.jpg') top center no-repeat;}
.panel-representative-work{background: url('/images/banners/representative.jpg') top center no-repeat;}
.panel-resource{background: url('/images/banners/resource.jpg') top center no-repeat;}
.panel-professionals{background: url('/images/banners/professionals.jpg') top center no-repeat;}
.panel-diversity{background: url('/images/banners/diversity.jpg') top center no-repeat;} 
.panel-careers{background: url('/images/banners/careers.jpg') top center no-repeat;}
.panel-contact{background: url('/images/banners/contact.jpg') top center no-repeat;} 
.panel-events{background: url('/images/banners/events.jpg') top center no-repeat;} 
.panel-news{background: url('/images/banners/news.jpg') top center no-repeat;}
.panel-appellate{background: url('/images/banners/pa-appellate.jpg') top center no-repeat;}
.panel-arson--fraud{background: url('/images/banners/pa-arson.jpg') top center no-repeat;}
.panel-automobile-litigation{background: url('/images/banners/pa-auto.jpg') top center no-repeat;}
.panel-bad-faith-litigation{background: url('/images/banners/pa-bad.jpg') top center no-repeat;}
.panel-catastrophic-injury--wrongful-death{background: url('/images/banners/pa-catastrophic.jpg') top center no-repeat;}
.panel-commercial-litigation{background: url('/images/banners/pa-commercial.jpg') top center no-repeat;}
.panel-construction-law{background: url('/images/banners/pa-construction.jpg') top center no-repeat;}
.panel-employment--discrimination-lit{background: url('/images/banners/pa-employment.jpg') top center no-repeat;}
.panel-environmental-law{background: url('/images/banners/pa-environmental.jpg') top center no-repeat;}
.panel-government-liability{background: url('/images/banners/pa-liability.jpg') top center no-repeat;}
.panel-governmental-relations{background: url('/images/banners/pa-relations.jpg') top center no-repeat;}
.panel-insurance-coverage{background: url('/images/banners/pa-insurance.jpg') top center no-repeat;}
.panel-intellectual-property{background: url('/images/banners/pa-intellectual.jpg') top center no-repeat;}
.panel-premises-liability{background: url('/images/banners/pa-premisis.jpg') top center no-repeat;}
/*.panel-probate-litigation{background: url('/images/banners/pa-probate.jpg') top center no-repeat;}*/
.panel-products-liability{background: url('/images/banners/pa-products.jpg') top center no-repeat;}
.panel-professional-liability{background: url('/images/banners/pa-professional.jpg') top center no-repeat;}
.panel-property-insurance{background: url('/images/banners/pa-property.jpg') top center no-repeat;}
.panel-real-estate-litigation{background: url('/images/banners/pa-real-estate.jpg') top center no-repeat;}
.panel-subrogation{background: url('/images/banners/pa-subrogation.jpg') top center no-repeat;}
.panel-trucking-litigation{background: url('/images/banners/pa-trucking.jpg') top center no-repeat;}
.panel-workers-compensation{background: url('/images/banners/pa-workers.jpg') top center no-repeat;} 


#wrapper{position: relative; width: 960px; margin: -510px auto 0 auto;}
#wrapper.marginhome{ margin: -510px auto 0 auto;}
#wrapper.marginmain{ margin: -294px auto 0 auto;}
 
  body{ background: #ffffff url('/images/structure/bg-pattern.jpg') repeat-x; color: #4c4c4c; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px;}
  
  .best-place{ height:93px; width:72px; background:url(/images/best-place-to-work.png); position:absolute; top:43px; right:-5px; }
  
  #hd { position: relative;}
  #hd.homeheight{ height: 510px;}
  #hd.mainheight{ height: 294px;}

  #topNav { position: absolute; right: 0; top: 0; height: 33px; padding-top: 9px; z-index: 9999;}
  #topNav .search {float:right; margin-left:10px; margin-top:0; display:inline;}
  #topNav .phonenumber{float:right; margin:3px 0 0 10px; font-weight: bold; color: #acacac; font-size: 15px;}
  #topNav a{float:right; margin-left:10px; color: #4c4c4c; }
  #topNav a:hover{ color: #ffaf2b; text-decoration: underline;}
  #topNav .selected{ color: #ffaf2b; text-decoration: underline;}
  #topNav .icons {float:right; width:150px;}
  
  #home-logo{width: 275px; height: 186px; position: absolute; top: 93px; z-index: 9999;}
  #main-logo{ width: 223px; height: 151px; position: absolute; top: 61px;}
  
  #shadow-left{width: 110px; height: 110px; background: url(../images/structure/shadow-left.gif) top left no-repeat; position: absolute; left: -110px; top: 294px;}
  #shadow-right{ width: 110px; height: 110px; background: url(../images/structure/shadow-right.gif) top left no-repeat; position: absolute; right: -110px; top: 294px;}
  
  #container{ width: 960px; padding-bottom: 0;}

  #homeLeft { width: 389px; float: left; padding-right: 45px; margin-top: 26px;}
  #homeLeft .content { width: 265px; background: #83aa1d url('/images/structure/logo-watermark.gif') top left no-repeat; padding: 10px 20px 10px 20px; color: #ffffff;}

  #homeEvents {border-right: #e5e5e5 1px solid; padding-right: 22px; width: 242px; float: left; margin-top: 25px; position:relative;}
  #homeEvents img{margin-bottom: -4px;}
  #homeEvents hr{border: 0; color: #e5e5e5; background-color: #e5e5e5; height: 1px;}
  #homeEvents a{color: #ffaf2b; font-size: 10px; text-transform: uppercase;}
  #homeEvents a:hover{color: #ffaf2b; font-size: 10px; text-transform: uppercase;}
  #homeEvents .wordpanel ul li{min-height: 160px !important; height: 160px !important; }
  
  #homeWord {padding-left: 22px; width: 230px; float: left; margin-top: 25px; position:relative;}
  #homeWord img{margin-bottom: -4px;}
  #homeWord hr{border: 0; color: #e5e5e5; background-color: #e5e5e5; height: 1px;}
  #homeWord a{color: #ffaf2b; font-size: 10px; text-transform: uppercase;}
  #homeWord a:hover{color: #ffaf2b; font-size: 10px; text-transform: uppercase;}
  #homeWord .wordpanel ul li{min-height: 160px !important; height: 160 !important; }
  
  
  .buttons{position: absolute; bottom: 8px; left: 0; z-index:999; background: #fff;}
  .buttons.padlft{left: 20px;}
  
  .title{font-size: 14px; color:#808080; text-transform: uppercase; font-weight: bold;}
  .titleorange{font-size: 14px; color:#ffaf2b; text-transform: uppercase; font-weight: bold;}
  .titleblue{font-size: 14px; color: #4685a9;}
  
  a.seeall{float:right; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #4c4c4c !important; padding-top:10px; padding-left:2px;}
  a.seeall:hover{color: #ffaf2b; text-decoration: underline;}
  a.read-more {font-size:10px; text-transform:uppercase;}
  a.linked {float:left; background:url(/images/in-icon-sm.gif) 0 0 no-repeat; padding:2px 0 0 20px; margin-top:1px;}
	
/* 
 * 
 * Layout / Secondary Pages
 * 
 */

  .bodyLeft { width: 250px; float: left; margin: 78px 25px 0 12px;}
  .bodyLeft .cta{width: 250px; margin-bottom: 30px;}
  .bodyLeft .related-items {width:250px; background:url(/images/bg-related.gif) bottom left no-repeat;}
  .bodyLeft .related-items ul {margin-left:20px; list-style:none; line-height:14px; padding-bottom:5px;}
  .bodyLeft .related-items ul li{background:none; list-style-image:none; border:none;}
  .bodyLeft .related-items ul li a{color: #4c4c4c;}
  .bodyLeft .related-items ul li a:hover{color: #ffaf2b;}
  .bodyLeft .related-items ul li a span{color: #ffaf2b;}
  .bodyLeft.contact {margin-top:70px;}
  
  .bodyRight { width: 660px; float: left; margin-top: 5px; position: relative;}
  .bodyRight .lowerlogo{width: 250px; position: absolute; bottom: 22px; left: -275px;}
  .bodyRight .backbutton{position: absolute; top: 65px; right: 0;}
  .bodyRight .backbutton.extraTop{ top:100px; }
  .bodyRight .community-img{float: left; margin: 7px 18px 7px 0;}
  
  .colLeft {float:left; width:170px; padding-right:20px; line-height:16px;}
  .colLeft img {float:left; margin-bottom:8px;}
  .colLeft .contact-info {float:left; width:180px; margin-top:5px; padding-bottom:5px; border-bottom:1px solid #e5e5e5;}
  .colLeft .contact-info .info-small {font-size:11px;}
  .colLeft.tools {width:250px;}
  
  .colRight {float:left; width:460px;}
  .colRight a {color:#4c4c4c; text-decoration:underline;}
  .colRight a:hover {color: #ffaf2b;}
  .colRight.tools {width:360px;}
  
  #accordion {margin:3px 0 10px 0;}
  #accordion dd {margin:0; padding:5px 0 0 0;}
  #accordion dt a.open, #accordion dt a.view.open {background-position:left top;}
  #accordion dt a {background:url(../images/buttons/more-less.gif) left bottom no-repeat; display:block; height:8px; width:100px;}
  #accordion dt a.view {background:url(../images/buttons/all-less.gif) left bottom no-repeat; display:block; height:8px; width:100px;}
  
  .practicerow {margin-bottom:29px;}
  .practicerow a.practice{float: left; width: 198px; height:82px; margin-right:29px; background:#4685a9; border:1px solid #4685a9;}
  .practicerow a.practice:hover{background:#ffaf2b; border:1px solid #ffaf2b;}
  .practicerow a.practice.noright{margin-right: 0;}
  .practicerow a.practice .text {float:left; width:194px; padding:2px 0 0 4px; background:none; color:#fff;}
  
  
  .professionalrow .professional{width: 310px; float: left; padding-bottom: 5px; margin: 0 20px 10px 0; line-height:16px;}
  .professionalrow .professional.noright{margin-right: 0;}
  .professionalrow .professional .image{width: 71px; float: left; margin-right: 10px;}
  .professionalrow .professional .text{width: 229px; float: left;}
  .professionalrow .professional a{color: #4c4c4c; font-size: 12px; font-weight:bold; text-decoration: none;}
  .professionalrow .professional a:hover{color: #ffaf2b;}
  .professionalrow .professional a.title {font-size: 14px; color: #4685a9; font-weight:normal; text-transform:none;}
  .professionalrow .professional a.title:hover {color: #ffaf2b;}
  .professionalrow .professional a.vcard{background:url(/images/vcard.gif) 0 1px no-repeat; padding-left:20px;}
  
  .calculatorRow {border-bottom: 1px solid #ccc; margin-bottom:15px;}
  .calculator{float:left; padding-bottom: 10px; margin-right:20px; width: 300px;}
  .calculator .container{border: 1px solid #ccc; margin: 0 0 10px 0; width:208px; padding:20px; float:left;}
  .calculator .image{width: 250px; float: left; margin-right: 10px;}
  .calculator .text{width: 380px; float: left;}

  
  .article{border-bottom: dotted 1px #ccc; padding-bottom: 5px; margin-bottom: 20px;}
  .article a{ color: #ffaf2b; font-size: 14px; text-decoration: none;}
  .article a:hover{color: #ffaf2b; text-decoration: underline;}
  
  .pager{border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 5px 0; text-align: center;}
  .pager .selected{color: #ffaf2b;}
  
  .profdd{width: 315px; float: left;}
  .profdd.btn{padding-top:42px;}
  .profdd.right{float: right;}
  
  #gallery-container {width:400px; height:345px; position:relative !important; overflow:hidden;}
  #gallery-container .gallery-buttons {position:absolute; bottom:0; right:0; width:400px; height:15px; padding-top:10px; background:#fff;}
  #gallery-container .gallery-buttons a{float:right; width:25px;}
  #gallery-container li {list-style-image:none; list-style:none; background:none; border:none;}
    
/*
 *
 * News / Events Item
 *
 */
.listingitem{border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 15px; width: 650px;}
.listingitem .image{width: 100px; float: left; margin-right: 10px;}
.listingitem .text{width: 540px; float: left;}

h2.eventTitle {width:500px;}

/*
 *
 * Graphic Buttons
 *
 */

a.searchnow{float:left; margin-top:40px; width: 270px; height: 22px; overflow: hidden; background: url('/images/buttons/searchnow.gif') 0 0 no-repeat; text-indent: -9999em; display: block;}
a.searchnow:hover { background-position: 0 -22px;}
a.rsvpnow{position: absolute; top: 80px; right: 0; width: 129px; height: 22px; background: url('/images/buttons/rsvp.gif') 0 0 no-repeat; text-indent: -9999em;}
a.rsvpnow:hover { background-position: 0 -22px;}

/*
 *
 * Layout / Form
 *
 */
    table.events {width:650px;}
    table.events td{ vertical-align:top;}
    table.events input {float:left;}
    
    .txfield{width: 190px; margin: 0 40px 0 10px;}
    .checkbox {float:left; width:23px;}
    .checkbox-text {float:left; width:150px; padding-right:8px; display:block;}
    .checkbox-textLong {float:left; width:410px; padding-right:8px; display:block; margin-bottom:5px; line-height:18px;}
    
    .form{ padding: 5px 5px 50px 5px; width: 460px; margin:0 auto; color: #4c4c4c; font-weight:bold;}
    .form.confirmation {margin:0 0; width:640px; }
	.formRow{margin-top: 10px;}

	.formItem { width: 210px; float: left;}
	.formItem .textfield{ width: 200px;}
	.formItem .textfield-small{ width: 50px;}
	.formItem .dropdown{ height: 23px;}
	.formItem.checkbox {width:205px; line-height:14px; margin-top:3px;}
	
	.formItemSmall{ width: 40px; float: left;}
	.formItemSmall .textfield{ width: 30px;}
	
	.formItemLong { width: 450px; float: left;}
	.formItemLong .textfield{ width: 450px;}
	.formItemLong .textfield2{ width: 200px;}
	.formItemLong .textfield-small{ width: 50px;}
	.formItemLong .textarea { width: 450px;}
	.formItemLong .dropdown{ height: 23px;}
	.formItemLong .checkboxList {float:left; width:225px; line-height:12px;}
	.formBlock {background:#eeeeee; padding:8px 0 8px 10px;}
	
	.city{ width: 210px; float: left;}
	.city .textfield{ width: 200px;}
	
	.state{ width: 55px; float: left;}
	.state .dropdown{ height: 23px;}
	
	.zipcode{width: 50px; float: left;}
	.zipcode .textfield{ width: 50px;}
	
	.phone{ width: 210px; float: left;}
	.phone .textfield{ width: 30px;}
	.phone .textfield2{ width: 35px;}
	
	.dropdownWide {width:270px;}
	
	.orange {color: #ff9f00;}
	
	ul.error_list li{ list-style-image:none;}
	
	

/* 
 * 
 * Layout / Footer
 * 
 */

  .ftmain { width: 960px; margin: 20px auto 0 auto; font-size: 10px; border-top: #e4e4e4 1px solid; text-align: center;}
  .ftmain a{ color: #4c4c4c; text-decoration:none;}
  .ftmain a:hover{ color: #ffaf2b; text-decoration:underline; }