/*
Theme Name: Ottesq
Theme URI: http://ottesq.com
Description: Theme for ottesq.com
Version: 1.0
Author: Daniel T. Ott
Author URI: http://dtott.com

*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { line-height: 1; color: black; background: #fff url(images/body_back.gif) 0 0 repeat-x; }
a{ color: #f3e0a8; }
a:hover{ color: #ddc889; }
strong{ font-weight: 400;  }

    .wrap{ width: 750px; padding: 0 22px; margin: 0 auto; background: url(images/wrap_back.png) 0 0 repeat-y; color: #fefefe; font-size: 16px; font-family:  "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: 300;  }
    
    .head{ background: url(images/header_back.png) 0 0 repeat-x; overflow: hidden; }
        .head h1{ height: 79px; width: 450px; float: left; }
            .head h1 a{ display: block; height: 79px; width: 450px; background: url(images/ottandassociates.png) 9px 18px no-repeat transparent; text-indent: -9999px; }
        .head .cont{ width: 288px; float: left; text-align: right; padding: 0 12px 0 0; color: #f7dbb9; font-size: 12px; }
            .head .cont h2{ font-size: 22px;  padding: 20px 0 10px; }
            .head a{ text-decoration: none; }
            .head a:hover{ text-decoration: underline; }
    .deco{ height: 210px; background: url(images/cleveland.jpg) 0 0 no-repeat; border-top: 2px solid #622215; }

    ul.nav{  overflow: hidden; background: #622215 url(images/nav_back.png) 0 0 repeat-x; height:49px; }
        ul.nav li{  float: left; height:49px; }
        
        ul.nav li a{ display: block; text-indent: -9999px; background-position: center 18px; background-repeat: no-repeat; height:49px; padding: 0 11px;  }
            ul.nav li:hover{ background: url(images/nav_hover.png) 0 0 repeat-x;  }
            
            ul.nav li.home a{ background-image: url(images/nav/home.png); width: 45px; }
            ul.nav li.about a{ background-image: url(images/nav/about.png); width: 48px; }
            ul.nav li.practice-areas a{ background-image: url(images/nav/practice_areas.png); width: 111px; }
            ul.nav li.attorneys a{ background-image: url(images/nav/attorneys.png); width: 112px; }
            ul.nav li.announcements a{ background-image: url(images/nav/announcements.png); width: 129px; }
            ul.nav li.articles a{ background-image: url(images/nav/articles.png); width: 60px; }
            ul.nav li.clients a{ background-image: url(images/nav/clients.png); width: 90px; }
            
    .main{ overflow: hidden; padding: 0; }
        .main .amp{ }
        .main .home{ float: left; width: 435px; padding: 10px 10px 150px; border-right: 1px solid #622215; border-bottom: 1px solid #622215; line-height: 1.4; }
/*             .main .home p{ text-align: justify; } */
            .main .home h2{ width: 391px; height: 19px; background: url(images/headers/home2.png) 0 0 no-repeat; text-indent: -9999px; margin: 10px 0 35px; }
            .main blockquote{ background: url(images/quotes.png) 0 0 no-repeat; padding: 0 0 0 50px; }
        
        
        .home-announcements{ float: left; width: 274px; padding: 10px 10px 150px; background: #a39d87; border-bottom: 1px solid #622215; color: #333; font-size: 14px; line-height: 1.2; }
/*             .home-announcements p{ text-align: justify; } */
            .home-announcements h2{ margin: 15px 0 5px; color: #000; font-weight: 400; text-transform: uppercase; }
            .home-announcements p.time{ font-size: 12px; color: #fff; font-style: italic; margin: 0 0 19px; }
            .home-announcements p.see-more{ margin: 15px 0; text-align: right; }
            
        .main .page{ padding: 10px 120px 10px 10px; line-height: 1.2; }
/*             .main .page p{ margin: 0 0 1em; color: #dfdfdd; text-align: justify; } */
            .main .page p{ margin: 0 0 1em; color: #dfdfdd; }
            .page h2{ text-indent: -99999px; margin: 10px 0 35px; height: 19px; }
            .page .page-7 h2{ width: 291px; background: url(images/headers/about.png) 0 0 no-repeat;  }
            .page .page-58 h2{ width: 142px; background: url(images/headers/clients.png) 0 0 no-repeat; }
            .page h2.contact{ width: 323px; background: url(images/headers/contact.png) 0 0 no-repeat; }
            .page h2.announcementsHead{ width: 202px; background: url(images/headers/announcements.png) 0 0 no-repeat; }
            .page h3{ font-weight: 400; font-size: 18px; }
            .page p.time{ font-size: 12px; font-style: italic; margin: 0 0 5px; font-weight: 400; }
            
            .page .page-58 blockquote{ min-height: 24px; height:auto !important; height:24px; padding: 0 0 10px 50px; }
            .page .page-58 blockquote p{ margin: 0 0 5px; font-style: normal; color: #dfdfdd; font-size: 14px; }
            .page .page-58 p{ font-size: 12px; font-style: italic; color: #fff; margin: 0 0 1.5em; }

            
            
            
            
        .subNav{ float: left; width: 190px; padding: 10px 10px 150px; background: #a39d87; border-bottom: 1px solid #622215; color: #333; font-size: 14px; line-height: 1.2; }
            .subNav h2{ text-transform: uppercase; font-weight: 400; font-style: italic; margin: 10px 0 10px; }
                .subNav ul li{ padding: 0 0 6px; }
                .subNav ul li.active{ font-weight: 400; font-style: italic; }
                    .subNav ul li ul{ display: none; }
                    .subNav ul li.open ul{ display: block; }
                    .subNav ul li li{ padding: 0 0 6px 20px; }
            
            .subNav a{ text-decoration: none; color: #fff; }
            .subNav a:hover{ text-decoration: underline; }
            
        
        
        .subPage{ float: left; width: 519px; padding: 10px 10px 150px; border-left: 1px solid #622215; border-bottom: 1px solid #622215; line-height: 1.4; }
            .subPage h2{ font-weight: 400; font-size: 22px;   margin: 0 0 10px; }
            .subPage h3{ font-weight: 400; font-size: 18px; }
/*             .subPage p{ margin: 0 0 1em; color: #dfdfdd; text-align: justify; } */
            .subPage p{ margin: 0 0 1em; color: #dfdfdd; }
            .subPage ul{ }
                .subPage ul li{ margin: 0 0 1em; color: #dfdfdd; padding: 0 0 0 10px; list-style: disc inside; }
            
            .subPage .mceTemp{ float: left; overflow: hidden; }
            .subPage .wp-caption{ float: left; font-size: 12px; color: #dfdfdd; }
            .subPage .wp-caption p{ margin: 0; }
            .subPage .back-to-top{ font-size: 12px; text-align: right; }
            
        .vcard{ color: #dfdfdd; }
        .vcard h3{ margin: 10px 0 0; }
        
        
        h3.contact{ padding: 40px 0 0; }
        .contactForm{ border-top:1px solid #622215; margin:20px 0 0; padding:20px 0 30px; }
        
        .contactForm p.note{ font-size: 12px; font-style: italic; }
        .contactForm p.error{ color: #f15636; }
        .contactForm dl{ overflow: hidden; }
            .contactForm dl dt{ width: 130px; padding: 0px 5px 5px 0; float: left; clear: both; text-align: right; }
            .contactForm dl dd{ width: 300px; float: left; padding: 0 0 5px; }
            .contactForm dl dt.error{ color: #f15636; }
            .contactForm dl dd p{ margin: 0; }
            .contactForm dl dd input, .contactForm dl dd textarea{ font-size: 14px; border: 1px solid #A39D87; padding: 3px; width: 250px; color: #000; background: #A39D87; }
            .contactForm dl dd input:focus, .contactForm dl dd textarea:focus{ border: 1px solid #622215; background: #c8c2ad; }
            .contactForm dl dd textarea{ height: 100px; font-family:  "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", Arial, Helvetica, sans-serif; }
            
            .contactForm .buttonContainer{ width: 393px; text-align: right; }
            .contactForm .buttonContainer input{ font-size: 14px; border: 1px solid #622215; padding: 3px; color: #622215; background: #A39D87; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-weight: 600; }
        
    
    .footerWrap{ width: 750px; padding: 0 22px 27px; margin: 0 auto; background: url(images/footer_wrap_back.png) 0 bottom no-repeat; color: #f7dbb9; font-size: 12px; font-family:  "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.4;  }
        .footer{ background: url(images/footer_back.png) 0 0 repeat-x; padding: 8px 10px 10px; }
        .footer a{ color: #e2ca89; }