@font-face {
    font-family: 'PTSerif-Bold';
    src: url('fonts/ptserif-bold.eot');
    src: url('fonts/ptserif-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptserif-bold.woff') format('woff'),
         url('fonts/ptserif-bold.ttf') format('truetype'),
         url('fonts/ptserif-bold.svg#PTSerif-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSerif-BoldItalic';
    src: url('fonts/ptserif-bolditalic.eot');
    src: url('fonts/ptserif-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptserif-bolditalic.woff') format('woff'),
         url('fonts/ptserif-bolditalic.ttf') format('truetype'),
         url('fonts/ptserif-bolditalic.svg#PTSerif-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSerif-Italic';
    src: url('fonts/ptserif-italic.eot');
    src: url('fonts/ptserif-italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptserif-italic.woff') format('woff'),
         url('fonts/ptserif-italic.ttf') format('truetype'),
         url('fonts/ptserif-italic.svg#PTSerif-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSerif-Regular';
    src: url('fonts/ptserif-regular.eot');
    src: url('fonts/ptserif-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptserif-regular.woff') format('woff'),
         url('fonts/ptserif-regular.ttf') format('truetype'),
         url('fonts/ptserif-regular.svg#PTSerif-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 13px;
    line-height: 20px;
    font-family: 'PTSerif-Regular', arial, sans-serif;
    color: #87888b;
    background: #f2f2f2 url('images/page-bg.png') repeat-y center 0; 
    min-width: 1082px;
}

.shell {
	width:1062px; 
	margin: 0 auto;
	position:relative;
}

a { color: #a32431; text-decoration: none; cursor: pointer; }
a:hover { color:#3e5a67; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

h2, h3, h4, h5, h6 { font-weight:normal; }
h2 { font-size:40px; line-height:55px; font-family: 'PTSerif-BoldItalic', arial; }
h3 { font-size:24px; line-height:normal; font-family:'PTSerif-BoldItalic', arial; color:#A32431; color:#3D5065; }
h3.extra-padding { padding:11px; }


/* Header */
#header { background: url('images/header-bg.png') repeat-x 0 0; width:100%; position:relative; z-index: 50; }
#header .inner { padding-top:17px; padding-bottom:23px; background: url('images/header-btm.png') no-repeat center bottom; width:100%; }

#logo { float:left; display:inline; padding-left:3px; }
#logo a { width:255px; height:88px; display:block; background: url('images/logo.png') no-repeat 0 0; }

#areas-served { float:right; width: 620px; max-width: 100%; text-align:right; }
#areas-served a { color:#3e5a67; }
#areas-served a:hover { color:#a32431; }


#navigation { float:right; display:inline; background: #fefefb; border: 1px solid #eeedea; border-top:2px solid #8db3c2; margin-top:18px; padding: 9px 12px 0; }
#navigation li { list-style: none; }
#navigation > ul > li { height:20px; position:relative; float:left; display:inline; padding-bottom:10px; padding-right:43px; }
#navigation > ul > li.last { padding-right:0; }
#navigation li a { font-size:14px; text-transform: uppercase; letter-spacing: 1px; }
#navigation .dd { position:absolute; top: 30px; left: -41px; width:174px; padding: 2px; padding-left: 4px; padding-right: 4px; display:none; }
#navigation .dd { border: 1px solid #e2dfdf; box-shadow: 0 2px 2px #aaa; background: #fafafa; }
#navigation .dd li { text-align:center; padding: 7px 0 8px; display:block; }
#navigation .dd li + li { border-top: 1px solid #e8e8e8; }
#navigation.inner-nav > ul > li { padding-right:58px; }
#navigation.inner-nav > ul > li.last { padding-right:0; }


/* Main */
#main { background: url('images/page-top.png') no-repeat center 0; padding-top:18px; padding-bottom:23px; width:100%; position:relative; z-index: 20; }

#slider { width:1060px; height:335px; position:relative; border:1px solid #7a8184; border-radius: 0; background: none; }
#slider .slides { width:100%; position:relative; z-index: 10; height:100%; }
#slider .slides li { position:absolute; display:none; }
#slider .flex-control-nav { position:absolute; top: 21px; right: 51px; width:auto; bottom: auto; z-index: 30; }
#slider .flex-control-nav li { margin: 0; list-style: none; }
#slider .flex-control-nav li + li { padding-left:6px; }
#slider .flex-control-nav li a { font-size: 0; line-height: 0; text-indent: -4000px; width:12px; height:12px; background: url('images/slider-control.png') no-repeat 0 0; }
#slider .flex-control-nav li a.active, #slider .flex-control-nav li a:hover { background-position:0 -12px; }
#slider .flex-direction-nav { position:absolute; top: 17px; right: 16px; width:118px; height:20px; z-index: 20; }
#slider .flex-direction-nav li { list-style: none; }
#slider .flex-direction-nav li a { margin: 0; top: 0; width:17px; height:20px; font-size: 0; line-height: 0; text-indent: -4000px; position:absolute; }
#slider .flex-direction-nav li a.prev { background: url('images/slider-prev.png') no-repeat 0 0; left: 0; }
#slider .flex-direction-nav li a.next { background: url('images/slider-next.png') no-repeat 0 0; right: 0; }
#slider .entry { position:absolute; top: 20px; left: 0; width:100%; }
#slider .entry .line { height:5px; font-size: 0; line-height: 0; text-indent: -4000px; background: url('images/slider-sep.png') repeat-x 0 0; display:block; }
#slider .entry .line-up { width:677px; }
#slider .entry .line-middle { width:452px; margin-left:6px; }
#slider .entry .info { padding-left:602px; width:458px; }
#slider .entry .line-first { text-indent: -57px; }
#slider .entry .line-second { text-indent: -32px; }
#slider .entry h2 { color:#e7f6ff; text-shadow: 1px 1px 1px #666; padding: 7px 0 15px; }
#slider .entry h2 span { display:block; }
#slider .entry h4 { font-size:18px; line-height:22px; color:#e7f6ff; text-transform: uppercase; padding: 13px 0 13px 4px; letter-spacing: 2px; word-spacing: -1px; }
#slider .entry h5 { font-size:16px; line-height:22px; color:#e7f6ff; text-transform: uppercase; padding: 13px 0 13px 4px; letter-spacing: 2px; word-spacing: -1px; }
#slider .entry h6 { font-size:14px; line-height:22px; color:#e7f6ff; text-transform: uppercase; padding: 13px 0 13px 4px; letter-spacing: 2px; word-spacing: -1px; }
#slider .entry .bottom { padding-top:20px; }
#slider .entry .line-down { width:108px; float:right; display:inline; margin-top:11px; }
#slider .entry .more-btn { width:94px; height:25px; background: url('images/more-btn.png') no-repeat 0 0; float:right; display:inline; }
#slider .entry .more-btn { font-size:15px; color:#e7f6ff; line-height:18px; text-align:center; font-family: 'PTSerif-BoldItalic', arial; padding: 3px 5px 4px; }
#slider .entry .more-btn:hover { text-decoration:none; background-image: url('images/more-btn-ovr.png'); }
#slider .left-box .info { padding-right:500px; padding-left:0; width:560px; }
#slider .left-box h2 { padding-left:37px; }
#slider .left-box h6 { padding: 21px 0 5px 37px; }
#slider .left-box .line-first { text-indent: 0; }
#slider .left-box .line-middle { margin-left:0; }
#slider .left-box .line-second { text-indent: 0; }
#slider .left-box .line-down { float:left; width:37px; }
#slider .left-box .more-btn { float:left; }

#boxes { padding-top:25px; }
.box { float:left; display:inline; width:256px; border:1px solid #d0cec8; box-shadow: 0 0 3px #bbb; position:relative; }
.box + .box { margin-left:10px; }
.box .heading { border-top:5px solid #3d5065; background: #fff; text-align:center; padding-bottom:7px; border-bottom:1px solid #d0cec8; padding-top:5px; }
.box .heading h3 { color:#3d5065; font-size:18px; line-height:22px; color:#3d5065; font-family: 'PTSerif-BoldItalic', arial; }
.box .heading h4 { color:#87888b; font-size:13px; line-height:18px; text-transform: uppercase; letter-spacing: 1px; word-spacing: 1px; }
.box .entry { padding: 10px 14px; width:228px; background: url('images/box-entry.png') repeat 0 0; }
.box img { border-bottom:1px solid #d0cec8; display:block; }
.box p { padding: 4px 0; }
.box ul { padding: 0 15px 17px; display:block; }
.box li { padding: 5px 16px 5px 10px; display:block; list-style: none; border-bottom:1px solid #e3e2de;  }
.box li a { font-family: 'PTSerif-Italic', arial; font-size:15px; line-height:20px; display:block; text-align:center; }


.nav-box .entry { padding-bottom:0px; }


.right-boxes { float:right; display:inline; width:392px; }

.box-right .heading { padding-bottom:5px; }

.box-long { width:390px; }
.box-long .entry { width:362px; }

.contact-box { float:right; display:inline; width:392px; position:relative; box-shadow: 0 0 3px #bbb; margin-bottom:10px; }
.contact-box .inner { width:100%; position:relative; z-index: 10; }
.contact-box .heading { background: url('images/contact-entry.png') repeat 0 0; position:absolute; top: 33px; left: 0; width:100%; padding: 1px 0 3px; }
.contact-box .heading h3 { text-align:center; font-size:20px; line-height:24px; text-transform: uppercase; color:#27255f; letter-spacing: 2px; }
.contact-box img { display:block; }
.contact-box .entry { border:1px solid #131b1f; background: url('images/contact-box-title.png') no-repeat 0 0; text-align:center; padding: 2px 0 5px; width:390px; height:18px; }
.contact-box .title { font-family: 'PTSerif-BoldItalic', arial; font-size:15px; line-height:18px; color:#e7f6ff; height:18px; position:relative; display: inline-block; }
.contact-box .title .line { height:18px; background: url('images/col-title-sep.png') repeat-x 0 center; position:absolute; width:45px; top: 0; }
.contact-box .title .line-left { left: -60px; }
.contact-box .title .line-right { right: -60px; }
.contact-box .dividers { position:absolute; top: 0; left: 0; z-index: 20; width:100%; }
.contact-box .line-y { width:4px; height:130px; font-size: 0; line-height: 0; text-indent: -4000px; }
.contact-box .line-y { position:absolute; top: 0; display:block; background: url('images/box-sep-vertical.png') repeat-y 0 0; }
.contact-box .line-left { left:11px; }
.contact-box .line-right { right:11px; }
.contact-box .line-x { width:100%; font-size: 0; line-height: 0; text-indent: -4000px; height:4px; display:block; }
.contact-box .line-x { position:absolute; top: 7px; left: 0; background: url('images/box-sep-horizontal.png') repeat-x 0 0; }

#holder { background: #f2f2f2; border: 1px solid #d0cec8; }

#head { background: #fbfbfb url('images/head-bg.png') repeat-y right 0; font-size:16px; line-height:24px; border-bottom: 1px solid #e1e1e1; }
#head h2 { font-size:50px; line-height:55px; color:#a32431; padding: 17px 0 11px 61px; }
#head .title-line { font-size: 0; line-height: 0; text-indent: -4000px; display:block; height:5px; width:429px; background: url('images/line.png') repeat-x 0 0; }
#head .entry { padding: 20px 61px 21px; text-align: justify; }

#wrap { padding-top:25px; padding-bottom:33px; font-size:14px; }

#content { width:669px; float:left; padding-bottom: 30px; }

#about { padding: 0 30px 33px 61px; width:578px; background: url('images/line.png') repeat-x 0 36px; }
#about img { float:left; padding: 10px; background: #fff; border: 1px solid #bdbdbd; box-shadow: 0 2px 2px #ccc; }
#about .entry { width:411px; float:right; padding-top:4px; font-size:14px; }
#about .entry h4 { font-size:24px; line-height:28px; font-family: 'PTSerif-BoldItalic', arial; color:#a32431; padding-bottom:2px; }
#about .entry ul { float:left; width:100%; padding-top:16px; }
#about .entry li { list-style: none; width:100%; float:left; color:#A32431; }
#about .entry li strong { font-weight:normal; font-family: 'PTSerif-Bold', arial; color:#3d5065; }
#about .entry li span { float:left; color:#87888B; }
#about .entry li span a { color:#87888B; }
#about .entry li .type { font-family: 'PTSerif-BoldItalic', arial; color:#3d5065; width:45px; padding-right:2px; }

.post { padding: 0 30px 0 61px; width:578px; text-align: justify; color:#606060; }
.post-full { padding: 0 30px 0 61px; width:930px; color:#606060;  }
.post p, .post-full p { padding-bottom:20px; }
.post-full ul { margin-left: 20px; margin-bottom:10px; }

#sidebar { width:304px; float:left; background: #fdfdfd; border: 1px solid #d0cec8; border-top: 6px solid #3d5065; }
div.right-sidebar { padding-left: 25px !important; float:right !important; width: 285px !important; max-width: 100%; margin-right: 60px; margin-left:30px; margin-bottom:20px; }
div.right-sidebar ul { list-style:none;  }
div.right-sidebar li { margin-bottom:5px; }
div.right-sidebar li a.active { color:#3e5a67; }
h4 {font-size: 24px; line-height: normal; font-family: 'PTSerif-BoldItalic', arial; color: #3D5065; margin-bottom:5px;}

#sidebar { margin-top:1px; box-shadow: 0 -1px 2px #ccc; padding: 17px 12px 22px; }
#sidebar h3 { font-size:13px; line-height:18px; text-transform: uppercase; text-align:center; color:#87888b; padding-bottom:32px; letter-spacing: 1px; }
#sidebar strong { font-weight:normal; font-family: 'PTSerif-Bold', arial; }

.section { padding-bottom:20px; }
.section h4 { font-size:14px; line-height:20px; color:#3d5065; font-family: 'PTSerif-Bold', arial; }
.section li { list-style: none; }

/* Footer */
#footer { background: url('images/footer-bg.png') repeat-x 0 0; padding: 25px 0 0; }

.col { float:left; display:inline; font-family: 'PTSerif-Italic', arial; font-size:13px; line-height:18px; color:#e7f6ff; }
.col a { color:#e7f6ff; }
.col a:hover { color:#c5e4f6; } 
.col .heading { font-family: 'PTSerif-Regular', arial; font-size:15px; text-align:center; padding-bottom:10px; }
.col .title { height:20px; position:relative; display:inline-block; color:#262f33; text-transform: uppercase; letter-spacing: 1px; }
.col .line { height:20px; background: url('images/col-title-sep.png') repeat-x 0 12px; position:absolute; top: 0; width:47px; }
.col .line-left { left: -53px; }
.col .line-right { right: -53px; }

.logo-col { width:164px; padding:5px 40px 0 5px; }
#btm-logo a { width:159px; height:56px; background: url('images/btm-logo.png') no-repeat 0 0; display:block; }

.attorneys { width:250px; padding-right:38px; }

.attorneys ul, .attorneys ul li { list-style:none; }
.attorneys .line { width:75px; }
.attorneys .line-left { left: -80px; }
.attorneys .line-right { right: -80px; }
.attorneys h4 { text-align:center; color:#e7f6ff; font-size:15px; line-height:20px; font-family: 'PTSerif-BoldItalic', arial; padding-top:3px; }
.attorneys h4:hover { cursor: pointer; }

.contact-col { width:450px; padding-right:13px; padding-top:6px; margin-left: 45px; margin-top: 10px; }
.contact-col .address { padding-left:22px; background: url('images/address-icon.png') no-repeat 0 5px; padding-bottom:20px; display:inline-block; width:150px; }
.contact-col .address + .address { padding-bottom:22px; margin-left: 50px; }
.contact-col li { list-style: none; }

.contact-col li span, .contact-col span { margin-left: -22px; font-size:15px; color:#a32431; font-family: 'PTSerif-BoldItalic', arial; padding-right:8px; }


.socials { width:163px; float:right; }
.socials ul { text-align:center; padding-top:0; padding-right:10px; display:block; }
.socials li { list-style: none; display:inline-block; }
.socials li + li { padding-left:4px; }

.socials .icon { height:24px; width:24px; font-size:0; display:inline-block; }
.socials .twitter {background: url('images/facebook-icon.png') no-repeat 0 0 ; }
.socials .facebook {background: url('images/twitter-icon.png') no-repeat 0 0 ; }
.socials .icon:hover { background-position: bottom; }


#footer.inner-footer .logo-col { padding: 45px 75px 0 47px; }
#footer.inner-footer .contact-col { padding-right:0; }
#footer.inner-footer .contact-col + .contact-col { padding-left:95px; }

.last-col { width:250px; float:right; padding-top:0; }
.last-col .attorneys { padding-right:0; padding-bottom:18px; }
.last-col .socials { float: none; margin: 0 auto; padding-bottom:30px; }

/* Contact Form */
#contact-left { float:left; width: 600px;max-width: 100%; }


#contact-form { width: auto; float:left; }
#contact-form td { padding: 10px; font-size: 15px; }
#contact-form td input, #contact-form td textarea { padding: 5px; width:325px; }
.red { color:red; }
#contact-form .small { font-size: 13px; }
#contact-form input#submit { font-weight:bold; width:auto; cursor:pointer; }

.error { display:block; float:left; color:red; }

.ham {
    display: none;
}

.slideout-menu {
    display: none;
}

@media screen and (max-width: 1024px) {
    * {
        max-width: 100% !important;
        min-width: unset !important;
    }

    html, body {
        font-size: 16px;
        min-width: unset;
        width: 100%;
    }

    #contact-form td {
        padding: 10px 0;
        width: 100% !important;
    }

    #contact-form td input {
        widtH: auto !important;
        padding: 5px 0;
        box-sizing: border-box;
    }

    #main {
        width: 96% !important;
        max-width: 96% !important;
        margin: 0 auto;
    }

    #wrap {
        max-width: 90% !important;
        margin: 0 auto;
    }

    .ham {
        display: block;
        float: right;
        width: 48px;
        height: 40px;
        margin-top: 32px;
        margin-right: 22px;
        background: url('images/ham.png');
        background-size: cover;
    }

    .active {
        top: 0 !important;
    }

    .slideout-menu {
        display: block;
        transition: 300ms ease-in-out;
        widtH: 100%;
        position: absolute;
        left: 0%;
        height: 100%;
        top: -110%;
        background: #505050;
        padding-top: 150px;
        z-index: 49;
    }

    .slideout-wrap {
        padding: 0 2rem;
        overflow: auto;
    }

    .slideout-wrap li {
        font-family: 'PTSerif-BoldItalic', arial;
        font-weight: 700;
        list-style: none;
        font-weight: 48px;
        margin: 12px 0;
    }

    .slideout-wrap li a {
        color: #fff;
    }

    .slideout-wrap li li {
        padding-left: 2rem;
        color: #fff;
    }

    .slideout-wrap li li a {
        color: #fff;
    }

    #areas-served {
        display: none;
    }

    #navigation {
        display: none;
    }

    #contact-form {
        width: auto;
        float: none;
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    #contact-form td {
        margin: 0 auto;
    }

    .post-full {
        padding: 0;
        width: 100%;
    }

    .post {
        padding: 0;
        width: 100%;
    }

    #slider {
        display: none;
    }

    td {
        display: block;
        margin-bottom: 16px;
    }

    .box, .right-boxes, .contact-box {
        max-width: 100%;
        float: none;
    }

    .contact-box .entry {
        height: 40px;
    }

    .box img, .box .entry,
    .right-boxes img, .right-boxes .entry {
        width: 100%;
        background-size: cover;
    }

    .box .entry,
    .right-boxes .entry {
        padding: 0;
    }

    .box .entry p,
    .right-boxes .entry p {
        padding: 8px;
    }

    .box iframe {
        width: 100%;
        height: 350px;
    }

    .shell {
        max-width: 100%;
    }

    #footer {
        background-size: cover;
    }

    #footer .col {
        float: none;
        width: 100%;
        padding: 24px 0 !important;
        margin: 0 !important;
        display: block;
    }

    #footer .col #btm-logo {
        display: block;
        text-align: center;
    }

    #footer .col #btm-logo a {
        display: inline-block;
        margin: 0 auto;
        background-size: cover;

    }

    #about {
        padding: 0;
        max-width: 100%;
        text-align: center;
    }

    #about a {
        display: block;
        text-align: center;
    }

    #about img {
        float: none;
    }

    #about .entry {
        float: none;
        width: 100%;
    }

    #about .entry ul {
        text-align: left;
        float: none;
    }

    .attorneys {
        margin: 0 auto;
    }

    .contact-col .address {
        padding-left: 0 !important;
        margin: 0 auto;
        text-align: center;
        padding-top: 32px;
        background-position: top center;
        width: 100%;
        margin-left: 0 !important;
        padding-bottom: 32px !important;
    }

    #wrap {
        padding-top: 0;
    }

    #content {
        float: none;
        widtH: 100%;
    }

    #content .post {
        width: auto;
    }

    #sidebar {
        float: none !important;
        width: 100% !important;
        margin: 0;
        padding: 0;
        padding-left: 0 !important;
        margin-bottom: 32px;
        text-align: center;
        background: none;
        border: none;
        border-top: none;
    }
}
@media screen and (max-width: 480px) {

}

.stop {
    overflow-y: hidden;
}