@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
img { border: none; }
h1 { font-size: 30px; margin: 0; padding: 0; }
h2 { font-size: 22px; margin: 0; padding: 0; }
h3 { font-size: 16px; margin: 0; padding: 0; }
p { font: normal 12px/18px arial; margin: 0 0 10px 0; }
.everything { float: left; width: 100%; margin-bottom: 80px; position: relative; }
.mesh { background: url(../images/bg-pattern.png) transparent; float: left; width: 100%; }
.top-bg { background: url(../images/top-bg.jpg); height: 89px; }
.header-row { width: 1000px; margin: 0 auto; height: 165px; }
img.logo { float: left; }
.header-lCol { width: 367px; margin: 0; padding: 0; float: left; }
.header-rCol { width: 633px; margin: 0; padding: 0; float: left; }
.primary-nav ul { list-style: none; margin: 0 0 0 45px; padding: 0; position: relative; display: inline-table; }
.primary-nav ul li { padding: 12px 14px; float: left; font: normal 14px/22px arial; margin: 0; }
.primary-nav ul li a { color: #b6b5b5; display: block; cursor: pointer; text-decoration: none; }
.primary-nav ul li a:hover { color: #ffffff; }
.primary-nav ul li.phone { font: italic 18px georgia; font-style: italic; color: #ffffff }
.icon-phone { width: 20px; height: 20px; background: url(../images/icon-phone.png) no-repeat; float: left; margin-right: 15px; }
.primary-nav ul li.dropdown { background: url(../images/nav-arrow.png) no-repeat center 34px; }
.primary-nav ul ul { display: none; }

.primary-nav ul:after { content: ""; clear: both; display: block; }
.primary-nav ul li:hover a { color: #fff; }
.primary-nav ul ul { background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; left: 0; z-index: 9999; }
.primary-nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; padding: 6px 14px; }
.primary-nav ul ul li a { color: #fff; display: block; }
.primary-nav ul ul li a:hover { background: #4b545f; }
.sec-nav { float: left; }
.sec-nav ul { list-style: none; margin: 0 0 0 45px; padding: 0; position: relative; display: inline-table; }
.sec-nav ul li { padding: 11px 14px; float: left; font: normal 14px/22px georgia; margin: 0; }
.sec-nav ul li a { color: #ffffff; display: block; cursor: pointer; text-decoration: none; }
.sec-nav ul li a:hover { color: #b6b5b5; }
.sec-nav ul ul { display: none; position: absolute; top: 97%; margin: 0; padding: 0; }
.sec-nav ul ul li { float: none; border-bottom: 1px solid #575f6a;border-left: 1px solid #575f6a;border-right: 1px solid #575f6a; position: relative; padding: 0; background: #FFF; width: 180px; line-height: 25px; }
.sec-nav ul li.dropdown { background: url(../images/nav-arrow.png) no-repeat center 34px; }
.sec-nav ul ul li:last-child { border-bottom: 1px solid #575f6a; box-shadow: 3px 3px 3px #999; -webkit-box-shadow: 3px 3px 3px #999; -moz-box-shadow: 3px 3px 3px #999; -ms-box-shadow: 3px 3px 3px #999; -o-box-shadow: 3px 3px 3px #999; }
.sec-nav ul ul li.sub-dropdown { background-image: url(../images/nav-sub-arrow.png); background-repeat: no-repeat; background-position: right center; }
.sec-nav ul ul li a { color: #000; text-decoration: none; padding: 5px 10px; }
.sec-nav ul ul li a:hover { background: #3b5069; color: #ffffff; }
.sec-nav ul li:hover > ul { display: block; }
.sec-nav ul:after { content: ""; clear: both; display: block; }
.sec-nav ul ul ul { position: absolute; left: 100%; top: 0; }
.sec-nav ul ul ul li { font-size: 13px; width: 250px; }
.sec-nav ul ul ul li a { background: #90abc8; color: #ffffff; }
.sec-nav ul ul ul li a:hover { background: #cae1fb; color: #3b5069; }
.body-content { width: 100%; padding: 0; margin: 0; float: left; }
.body-center { max-width: 1000px; margin: 0 auto; padding: 0; }
.slider { width: 1000px; padding: 0; margin: 0; height: 120px; float: left; }
.grid-tiles { width: 1000px; padding: 0 0 15px 0; margin: 0; float: left; }
.tile { width: 325px; height: 165px; float: left; margin: 0 25px 0 0; padding: 0; }
.tile-section { border: 1px solid #a9a8a8; }
.tile-header { background: #030303; margin: 0; padding: 0 15px; font: italic 23px "Times New Roman", Times, serif; color: #ffffff; height: 40px; line-height: 40px; }
.text-left { text-align: left; }
.black-box { float: right; margin-top: -10px; font-weight: bold; }
.tile-content { background: #ffffff; margin: 0; padding: 10px; font: bold 11px arial; color: #040404; }
.tile-more { background: #51657e; width: 115px; height: 28px; float: right; color: #ffffff; text-align: center; font: bold 11px arial; line-height: 28px; text-decoration: none; }
.bottom { width: 100%; margin: 0; padding: 8px 0; float: left; position: fixed; bottom: 0; background: #e9e7e7; text-align: center; z-index: 0; }
.inner-footer {width:100%;max-width: 1000px; font: normal 11px arial; color: #070707; margin: 0 auto; }
.inner-footer p { margin: 0; padding: 0 0 7px 0; line-height: 12px; font-size: 11px; }
ul.footer-nav { margin: 0 auto; list-style: none; width: 396px; }
ul.footer-nav li { float: left; padding: 0 10px; font: 11px arial; color: #3b3a3a; border-right: 1px solid #3b3a3a; }
ul.footer-nav li:last-child { border-right: none; }
ul.footer-nav li a { color: #3b3a3a; text-decoration: none; }
ul.footer-nav li a:hover { text-decoration: underline; }
.redlines { color: #F00; text-decoration: underline; cursor: pointer; }
.btn-white { background: #FFF; color: #51657e; }
/*  Need to edit css */
.home article { width: 325px; float: left; margin: 0 25px 25px 0; padding: 0; height: 165px; }
.home article h2, .home article h1 { background: #030303; margin: 0; padding: 0 10px; font: normal 22px "Times New Roman", Times, serif; color: #ffffff; height: 40px; line-height: 40px; text-transform: uppercase; }
.home article h2 a, .home article h1 a { background: #000; color: #fff; text-decoration: none; }
.home article a.excerpt { background: #ffffff; margin: 0; padding: 8px; font: bold 11px/14px arial; color: #040404; display: block; text-decoration: none; }
.home article a span { color: #5a5a5a; font-size: 1em; /* 12/10 */ line-height: 1.5em; /* 18/12 */ }
/*.home article:hover a span { border-bottom: 1px dotted #f20c03; color: #f20c03; }*/
.home article a.read-more { background: #51657e; width: 115px; height: 28px; float: right; color: #ffffff; text-align: center; font: bold 11px arial; line-height: 28px; text-decoration: none; }
.home article:hover a.read-more { background: #f20c03; }
.home article#featured-lawyer { margin-right: 0; }
.home article#featured-lawyer .thumbnail { position: relative; overflow: hidden; height: 8.2em; /* 82/10 */ }
.home article#featured-lawyer .date { padding-bottom: 3px; }
.home article#featured-lawyer .thumbnail img { margin-top: -2.5em; /* -25/10 */ }
.home article#featured-lawyer .thumbnail .shadow { height: 8.2em; /* 82/10 */ width: 87%; box-shadow: 16px 1px 36px #CCCCCC inset; position: absolute; top: 0; }
.home article#featured-lawyer .practice-group { height: 5.7em; /* 57/10 */ /*line-height:4em;*/ font-weight: bold; font-style: italic; }
#slider { height: 12.5625em; /* 297/16 */ margin-bottom: 0.5em; /* 40/16 */ overflow: hidden; }
#slider h2 { width: 65%; /* ~472/948 */ margin-right: 50%; margin-top: 70px; float: none; font: normal 24px/36px georgia; padding-left: 2.531645569620253164556962025316%; /* 24/948 */ text-shadow: 1px 1px 1px #FFFFFF; color: #000000; }
#slider h2 p { font: normal 24px/36px georgia; margin: 0; }
#slider h2 { display: none; }
#slider h2:first-child { display: block; }
.text-1{font-size: 32px;}
.text-2{font-size: 32px;}
#prevslide { position: absolute; left: 0; top: 0; }
#nextslide { position: absolute; right: 0; top: 0; }
.bio { width: 100%; padding: 0; margin: 60px 0 0 0; float: left; }
.clearfix { clear: both; }
.about h1 { font-size: 30px; margin: 0px; padding: 25px 0 10px 10px; font-weight: normal; }
.about { width: 600px; padding: 0; margin: 25px 0 0 0; background: #FFF; font: normal 12px/18px arial; float: left; color: #0b0a0a; border: 1px solid #ccc; }
.about-top { width: 100%; padding: 0; margin: 0; background: #000; color: #bfbebe; float: left; }
.about p { padding: 10px; }
ul.about-list { margin: 10px 20px 10px 40px; padding: 0; list-style: none; }
ul.about-list li { margin-bottom: 5px; list-style-image: url(../images/bullet.png); padding-left: 10px; }
.leftNav { width: 220px; margin: 0 0 25px 0; padding: 15px; float: left; background: #FFF;/* min-height: 750px;*/ }
.rightContent { width: 650px; padding: 5px 25px; margin: 0 0 0 50px; float: left; background: #FFF; /*min-height: 770px;*/ }
h1.main-title { font-family: georgia; font-weight: normal; color: #4d627a; margin: 12px 0; }
.rightContent p { color: #444444; margin: 10px 0; font-size: 14px; }
.rightContent h2 { font-family: georgia; font-weight: normal; color: #4d627a; margin: 12px 0; }
.rightContent h3 { font-family: georgia; font-weight: normal; color: #4d627a; margin: 12px 0; }
.rightContent ul li { color: #444444; margin: 0 0 5px 40px; font-size: 14px; }
.rightContent ol li { color: #444444; margin: 0 0 5px 40px; font-size: 14px; }
.rightContent a:link, a:visited { text-decoration: underline; color: #444444; }
.rightContent a:hover { text-decoration: underline; color: #4d627a; }
/*.rightContent a:hover, .rightContent a:visited:hover {
	color: #4d627a;
	text-decoration: underline;
}*/
.link { color: #4d627a; background: transparent; font-size: 12px; padding: 10px 0 3px; }
dt { font-size: 12px; font-weight: bold; padding: 10px 0 3px; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.group-pic { margin-top: 20px; }
ul.innerNav { margin: 0px 20px; }
ul.innerNav li { font: bold 14px/20px arial; list-style: none; }
ul.innerNav li a { color: #284260; text-decoration: none; }
ul.subNav { margin: 5px 2px; }
ul.subNav li { list-style: none; }
ul.subNav li a { color: #444444; font-weight: normal; list-style: none; }
ul.subNav_s { margin: 0 2px; }
ul.subNav_s li { list-style: none; }
ul.subNav_s li a { color: #444444; font-weight: normal; list-style: none; }
ul.secondary-subNav { margin: 5px 0px; }
ul.secondary-subNav li { list-style: circle; font-size: 13px; list-style: none; }
ul.secondary-subNav li a { color: #284260; text-decoration: none; }
.off-address { border-top: 1px solid #c2c1c1; margin-top: 20px; padding-top: 20px; }
.off-address p { font: italic 12px/18px arial; color: #444444; }
.aboutbg { background-image: url(../images/bio-01.png); }
.bio-bg { background-repeat: no-repeat; background-position: 80% bottom; }
.andrew-pic { background-image: url(../images/andrew-wheeler.png); }
.cj-montgo { background-image: url(../images/cj-montgomery.png); }
.chad-sleight { background-image: url(../images/chad-sleight.png); }
.hayes { background-image: url(../images/christine-hayes.png); }
/* TESTIMONIALS */
.testimonial { float: left; margin: 15px 0 30px 0; }
.left-quote { background: url(../images/quote-left.jpg) no-repeat scroll 0 0 transparent; float: left; height: 31px; left: 10px; position: relative; top: 0; width: 60px; }
.testi-text { float: left; text-align: justify; font-style: italic; padding: 0 50px; background: url(../images/quote-right.jpg) no-repeat 450px bottom;padding :30px;}
.testi-name { float: right; padding: 10px; }
h1.acc { font: bold 14px/23px arial; text-align: right; cursor: pointer; padding: 2px 10px; color: #fff; background: #284260; width: auto; float: right; margin-right: 10px; }
h1.acc:focus, h1.acc:hover { text-decoration: underline; }
.redadd { padding: 10px; float: left; display: none; }
.bio-h2 { font: bold 14px/23px arial; padding: 2px 10px; color: #284260; margin: 0; }
ul.acorlist { list-style: circle; margin: 0 0 0 25px; }
ul.acorlist li { font: normal 13px arial; line-height: 18px; }
ul.sublist { margin: 5px 0 5px 20px; list-style: none; }
ul.sublist li { line-height: 18px; list-style: none; }
ul.sublist li:before { content: "-"; margin-right: 6px; }
p.highlighted, .highlighted a:link, .highlighted a:visited { text-decoration: underline; font-weight: bold; color: #0000FF; }
p.highlighted a:hover { text-decoration: underline; font-weight: bold; color: #0000FF; }
ul.img-list { margin: 0; list-style: none; }
ul.img-list li { margin: 0; }
ul.img-list li.pl-right { float: right; }
ul.img-list li.pl-left { float: left; }
ul.img-list li.pl-right img { margin-left: 12px; }
ul.img-list li.pl-left img { margin-right: 12px; }
.full-content { width: 100%; padding: 5px 25px; margin: 0; float: left; background: #FFF; min-height: 770px; }
.inner-row { width: 700px; margin: 0; padding: 0; float: left; }
.contact-addr { width: 350px; margin: 0; padding: 0; float: left; }
.contact-map { width: 250px; margin: 0; padding: 0; float: left; }

.m-footer-nav{display:none;}
.footermenumobile{text-align: center;}
.m-footer-nav li{ text-align: center;list-style: outside none none;padding: 6px 10px;display: inline-block;font-size: 12px;padding: 10px;}

.profile #supersized img, .main #supersized img{width:100%!important;height:auto!important}
.m-img{display:none}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
ul.footer-nav {width: 450px; }
.bio  {padding-bottom:80px;overflow: auto}
.leftNav {padding-bottom:23px;}
.clearfix > article {padding-bottom:50px;}
}
/*** form fields styles ***/
.form-horizontal-fields{display:inline-block;width:600px;margin:5px 0px;}
.form-label{display:inline-block;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;width:110px;text-align:left;padding:10px;}
.form-inputtext{border:1px solid #cccccc;height:22px;width:200px;color:#000000;}
.form-label1{display:inline-block;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;width:323px;text-align:left;padding:10px;}
.form-selectbox{padding:2px;color:#33333;width:80px;height:22px;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.form-label2{display:inline-block;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;width:323px;text-align:left;padding:10px;}
.form-textareastyle{border:1px solid #cccccc;margin: 10px 5px 8px;}
p.formtext{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;}
.formtextradio{font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;padding:2px;}
.formsubmitbtn{padding:5px 10px;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:gray;color:#ffffff;border:0px;}
.menu-icon, .no-desktop{display: none;}
.no-mobile{display:block;}

@media screen and (min-width:701px){
.primary-nav ul li:hover > ul { display: block; }
    
}

@media screen and (max-width:700px){
    .m-img{display:block}
    .sec-nav ul ul{position:relative}
    .header-row, .inner-footer, .bio{width: 96%;margin: 0 2%;}
    .header-rCol{display:none;}
    .header-rCol.expand{display:block;position: absolute;top:66px;width: 96%;background-color:#000;z-index: 9999;}
    .primary-nav ul, .sec-nav ul{margin: 0;width: 100%;}
    .primary-nav ul li{width: 50%;padding: 0;}
    .primary-nav ul li a, .primary-nav ul li span{padding:10px 15px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;display: block;}
    .sec-nav ul li{width: 100%;box-sizing: padding-box;}
    .sec-nav ul li{background: #3a5068;border-bottom: 1px solid #fff;}
    .menu-icon, .no-desktop{display: block;}
.no-mobile{display:none;}
    .sec-nav ul li.dropdown {background: #3a5068 url(../images/nav-arrow.png) no-repeat 97%;}
    #slider h2{margin-top: 10px;font: normal 10px/24px georgia;}
    .text-1{font-size:22px;line-height: 18px;}
    .text-2{font-size:19px;line-height: 18px;}
    .leftNav{display:none;}
    .menu-icon{position:absolute;top:10px;right:10px;}
    .rightContent {width: 96%;padding: 5px 15px;margin: 0 2%;box-sizing: padding-box;-webkit-box-sizing: padding-box;-moz-box-sizing: padding-box;-o-box-sizing: padding-box;}
    img{max-width:100%;}
    .about, ul.footer-nav, .inner-row {width:100%;}
    .bottom{position:relative}
    .everything{margin-bottom: 0;overflow: hidden;}
    .top-bg {height: 66px;}
    
    .header-lCol img{max-width:70%;}
   
    .m-footer-nav{display: block;}
    .footer-nav{display:none;}
    
    .form-horizontal-fields {width: 100%!important;}
    .form-label {padding: 5px 0!important;text-align:left!important;}
    .form-label, .form-label1, .form-label2{width:100%;padding:0;}
    .form-horizontal-fields span{width:100%;display:block;}
    .form-horizontal-fields input, .form-horizontal-fields .form-textareastyle{width:100%;margin: 0;}
    input[type="checkbox"], input[type="radio"]{width:15px;}
    .chbox-label {padding: 10px 0!important;}
    .form-label, .submit-block {width: 100% !important;}
    
}


@media screen and (max-width:400px){    
    .showcase, .showcase-content{width:100%!important;}
    .rightContent {padding:0;}
    .left-quote {left:0px;width:20px;background-position:-10px 0;}
    .testi-text {padding:0 20px 20px;background-position:right bottom;}
    .quality{display:none;}
    #prevslide, #nextslide{margin-top: -80px;}
    #nextslide{right: 0px!important;}
    #prevslide{left: 0px!important;}
    #slider { height:auto}
    #slider h2 {width:60%;padding-right:40%;min-height: 150px;}
    .slide-1{background: url(../images/01-m.jpg) top right no-repeat;background-size: 50%;}
    .slide-2{background: url(../images/02-m.jpg) top right no-repeat;background-size: 50%;}
    .slide-3{background: url(../images/03-m.jpg) top right no-repeat;background-size: 50%;}
    .slide-4{background: url(../images/mila-m.jpg) top right no-repeat;background-size: 50%;}
    .slide-5{background: url(../images/sarah_p_black-m.jpg) top right no-repeat;background-size: 50%;}
    
    .home article {width: 100%;margin: 0 0 20px;height: auto;}
    .sec-nav ul li.dropdown {background-position:94%;}
    .primary-nav ul li.phone {font: italic 12px georgia;}
    .primary-nav ul li span{min-height: 22px;}
    
    .form-horizontal-fields {width: 100%!important;}
    .form-label {padding: 5px 0!important;text-align:left!important;}
    .form-label, .form-label1, .form-label2{width:100%;padding:0;}
    .form-horizontal-fields span{width:100%;display:block;}
    .form-horizontal-fields input, .form-horizontal-fields .form-textareastyle{width:100%;margin: 0;}
    input[type="checkbox"], input[type="radio"]{width:15px;}
    .chbox-label {padding: 10px 0!important;}
    .form-label, .submit-block {width: 100% !important;}
    
}

@media screen and (min-width:760px) and (max-width:1000px){
    .bio {margin: 20px 0 0 0;float: left;}
    .leftNav{display:none;}
    .rightContent {width: 96%;margin:0 2%;box-sizing: padding-box;}
    .inner-row{width:100%;}
    .everything{width:760px;margin: 0 auto;float: none;}
    .header-lCol {width: 23%;}
    img.logo {width: 100%;}
    .header-rCol {width: 77%;}
    .primary-nav ul, .sec-nav ul {margin:0}
    .profile .about {width: 65%;}
}