/*! normalize.css v1.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/********************* STYLES FOR ALL PAGES ******************************/
@font-face {
    font-family: 'ACaslonPro-Bold';
    src: url('./fonts/ACaslonPro-Bold.otf');
}
@font-face {
    font-family: 'ACaslonPro-BoldItalic';
    src: url('./fonts/ACaslonPro-BoldItalic.otf');
}
@font-face {
    font-family: 'ACaslonPro-Italic';
    src: url('./fonts/ACaslonPro-Italic.otf');
}
@font-face {
    font-family: 'ACaslonPro-Regular';
    src: url('./fonts/ACaslonPro-Regular.otf');
}
@font-face {
    font-family: 'ACaslonPro-Semibold';
    src: url('./fonts/ACaslonPro-Semibold.otf');
}
@font-face {
    font-family: 'ACaslonPro-SemiboldItalic';
    src: url('./fonts/ACaslonPro-SemiboldItalic.otf');
}
@font-face {
    font-family: 'LucidaCalligraphy';
    src: url('./fonts/LucidaCalligraphy.eot');
    src: url('./fonts/LucidaCalligraphy.eot?#iefix') format('eot'),
    url('./fonts/LucidaCalligraphy.svg') format('svg'),
    url('./fonts/LucidaCalligraphy.woff') format('woff'),
    url('./fonts/LucidaCalligraphy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/**************
 * GENERAL
 **************/
html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body{background-color:#373737; color: #373737;}

body > header,
body > div,
body > footer{
    color: #fff;
}

header, #content, footer{
    background: #000;
    border-left:1px solid #000000;
    border-right:1px solid #000000; 
    margin:0 auto;
    overflow: hidden;
    position: relative;
    width: 978px
}
h2{font: normal 36px/20px Arial, Helvetica, sans-serif ; text-indent: 35px}
ul{margin:0; overflow: hidden; padding: 0;}

/**************
 * CLASSES
 **************/
 .w900_top,
 .w900_mid,
 .w900_bottom{
    background: url(../imgs/design/bg_w900.png) no-repeat;
    height: 15px;
    margin:0 auto; 
    width: 860px;
    padding: 0 20px;
}

.w900_mid{ background-position: -901px 0; background-repeat: repeat-y; height: auto; overflow: hidden;}
.w900_bottom{ background-position: -1801px 0; }

 .w576_top,
 .w576_mid,
 .w576_bottom{
    background: url(../imgs/design/bg_w576.png) no-repeat;
    height: 15px;
    margin:0 auto; 
    width: 536px;
    padding: 0 20px;
}

.w576_mid{ background-position: -576px 0; background-repeat: repeat-y; height: auto; overflow: hidden;}
.w576_bottom{ background-position: -1152px 0; }

/**************
 * HEADER
 **************/
header{
    background:  #000 url(../imgs/design/bg_header.jpg) no-repeat; 
    height: 230px;
    margin-top: -20px;
}

header h1{ 
    font: 50px/40px ACaslonPro-Regular;
    height: 90px;
    letter-spacing: 2px;
    position: absolute;
    right: 120px;
    top: 21px;
    width: 325px;
}
header h1 span{display: block; font-size: 28px; text-indent: 57px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
header h1 span{text-indent: 60px}
}
header .banner_text{
    display: block;
    font: 17px/20px LucidaCalligraphy;
    letter-spacing: 0.5px;
    position: absolute;
    right: 29px;
    top: 145px;

}

/***** NAV *****/
header nav{
    border: 1px solid #000;
    border-bottom: 1px solid #858585;
    position: absolute; 
    bottom: 0 
}
header nav ul{list-style: none; height: 38px;}
header nav ul > li{float: left; display: block; height: 38px; width: 122px}
header nav ul > li.share{width: 121px}
header nav ul > li a{
    background: url(../imgs/design/bg_nav.jpg) no-repeat;
    color: #d9d3d3;
    display: block; 
    height: 100%;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
}
header nav ul > li a:hover{background-position: 0 -38px}

/**************
 * FOOTER
 **************/
body > footer{ background: url(../imgs/design/bg_footer.jpg) repeat-x; font: 13px Arial, Helvetica, sans-serif; height: 87px}
body > footer p{margin-top: 20px; text-align: center;vertical-align:text-top;}
body > footer p .logo_aapp{margin: 0 10px -18px 0}
body > footer p .logo_bbb{margin: 0 0 -18px 10px}

/**************
 * CLASSES
 **************/
.underline{text-decoration: underline;}

/********************* STYLES FOR SPECIFIC PAGE ******************************/
/**************
 * HOME
 **************/

#home header nav ul > li.home a{background-position: 0 -76px}
#home {overflow-y: scroll;}

#home h2{margin-bottom: 5px}

#home #content{background: url(../imgs/design/bg_graph.png) #000 0 -3px no-repeat; z-index: 10}
#home #content > p{ font-size: 16px; margin-top: 50px; text-align: center;}
#home #content > a > img{margin: 0 auto 80px 170px;}

#home #content #home_info{font-size: 14px;}
#home #content #home_info > p{padding: 0 10px;}

#home #header_half{
    left: 236px;
    position: absolute; 
    z-index: 1
}

/*#home #content{font-size: 14px; padding-bottom: 30px; position: relative;}
#home #content a{color: #fff; text-decoration: none}
#home #content a:hover{text-decoration: underline;}

#home #content p + div{text-align: right}
#home #content #check_dr_phil{
    color: #e8e8e8; 
    font-weight: bold; 
    margin: 20px 0
}
#home #content #check_dr_phil a{color: #fff;}
#home #content #dr_phil{
    float:left; 
    margin-bottom: 20px;
    margin-left: 5%; 
    width: 45% 
}
#home #content #human_body_lie{float: right; width: 45%}
#home #content #notice_to_attorneys{clear: both; margin-bottom: 20px}
#home #content #notice_to_attorneys strong{text-decoration: underline;}

#home #content #prof_recommendation a{font-weight: bold;}
#home #content #prof_recommendation img{margin: 15px 60% 15px 0;}
#home #content #prof_recommendation strong{color: #FF0000; display: block; margin: 15px 0;}
#home #content #prof_recommendation span{font-size: 13px; font-weight: bold;}*/
/**************
 * CONTACT
 **************/
#contact {overflow-y: scroll;}
#contact header nav ul > li.contact a{background-position: 0 -76px}

#contact #contact_info{
    background: url(../imgs/design/bg_contact_info.jpg) no-repeat;
    letter-spacing: 0.5px;
    font-size: 18px;
    height: 339px;
    margin: 0 auto 70px;
    padding-top: 25px;
    width: 539px;
}
#contact #contact_info h3{ text-align: center; font-size: 24px;}
#contact #contact_info p,
#contact #contact_info ul{margin: 1em auto;width: 270px;}
#contact #contact_info ul{list-style: none; text-align: left}
#contact #contact_info li{list-style: none}

/**************
 * REFERENCES
 **************/
#references{letter-spacing: 0.9px}
#references header nav ul > li.references a{background-position: 0 -76px}
#references #content h3{margin-top:55px;text-align: center; font-weight: normal; font-size: 24px; }

#references #content ul{
    font-size: 12px; 
    list-style: none; 
    margin: 0 auto;
    width: 815px; 
}

#references #content ul li{display: inline; width: 321px; float: left; height: 100px;}
#references #content ul li:nth-of-type(3n){width: 170px}
#references #content strong{display: block}

#references #content .ref_letters{margin-bottom: 20px}
#references #content .ref_letters li{ height: 60px;}
#references #content .ref_letters li strong,
#references #content .ref_letters li a{color:#fff; text-decoration: underline; display: block; font-weight: bold}
#references #content .ref_letters li a.inline{display: inline;}

/**************
 * FAQ
 **************/
#faq p{font-size: 13px; }
#faq .back_to_top{font-size: 13px; float: right}


#faq header nav ul > li.faq a{background-position: 0 -76px}
#faq #content {padding-bottom: 30px}

#faq #content #faq_info ul{background: url(../imgs/bg_faq_header.png) no-repeat 375px 0}
#faq #content #faq_info li{margin-bottom: 10px}
#faq #content #faq_info a{color:#fff; font-size:14px;font-weight:bold; text-decoration: none;}
#faq #content #faq_info a:hover{text-decoration: underline}

#faq #content #faq_info dl{margin: 35px 0 0;}
#faq #content #faq_info dl dt{font-weight: bold; font-size: 14px}
#faq #content #faq_info dl dd{margin:0; overflow: hidden; padding-bottom: 25px}

#faq #content footer{background:none; border: 0; text-align:center; width: 100%;}

/**************
 * BIO
 **************/

#bio ul{}
#bio sup{font-weight: normal;}

#bio header nav ul > li.bio a{background-position: 0 -76px}
#bio #content {padding-bottom: 30px}
#bio #content p, #bio #content ul{font-size: 12px; line-height: 18px}

#bio #content #bio_info dl{margin:0; overflow: hidden;}
#bio #content #bio_info dl dd{margin:0; font-size: 12px; font-weight: bold}
#bio #content #bio_info dl dt{margin:0 0 20px; overflow: hidden;}

#bio #content #bio_info ul{margin:10px 0 0 30px; padding-left: 20px}

#bio #content #bio_info dl dd#about{font-size: 14px}
#bio #content #bio_info dl dd#about + dt{background: url(../imgs/about_jack_trimarco.png) no-repeat 420px 0; height: 285px}
#bio #content #bio_info dl dd#about + dt p{width: 345px}

#bio #content #bio_info dl dd#high_profile + dt{background: url(../imgs/certification.png) no-repeat 500px 20px; padding-top: 15px}

#bio #content #bio_info dl dd#certification + dt{background: url(../imgs/jt_reviewing_polygraph.png) no-repeat 445px 0; height: 300px; margin-bottom: 0}
#bio #content #bio_info dl dd#certification + dt p{width: 430px;}

#bio #content #bio_info dl dd#polygraph_experience + dt {margin-bottom: 5px}
#bio #content #bio_info dl dd#polygraph_experience + dt + img{position: absolute; right: 65px; top: 1240px;}
#bio #content #bio_info dl dd#polygraph_experience + dt p{width: 450px}

#bio #content #bio_info dl dd#expert_witness + dt ul{margin-left: 0}

#bio #content #bio_info dl dd#employment + dt{width: 485px}
#bio #content #bio_info dl dd#employment + dt ul{margin-left: 0}
#bio #content #bio_info dl dd#employment + dt + img{position: absolute; right: 65px; top: 1860px;}

#bio #content #bio_info img#interview{margin: 0 0 40px 80px; }

/**************
 * SERVICES
 **************/
#services header nav ul > li.services a{ background-position: 0 -76px;}
#services #content .tagline{
    font-size:24px; 
    font-weight: bold; 
    margin: -65px 0 20px ;
    text-align: center;
}
#services #content{font-size: 14px}
#services #content  p{
    letter-spacing: .5px;
    line-height: 20px; 
    margin: 10px 0 40px;
}


#services #content .laptop{float: right; margin-top: -40px}
#services #content .signature{margin: 10px 0}
#services #content{ padding-bottom: 30px;}

/**************
 * MEDIA
 **************/
#media header nav ul > li.media a{ background-position: 0 -76px;}

#media #content {padding-bottom: 30px}
#media #content p,
#media #content li{font-size: 15px}

#media #content ul{margin: 30px 0;}
#media #content li{
    list-style: none; 
    margin: 0 auto 30px; 
    text-align:center; 
    width: 50%; 
}
#media #content li img{display: block; margin: 8px auto;}
#media #content li a{cursor: default;}
#media #content li a img{cursor: pointer;}
#media #content li a img.drphil{height:172px; width:253px;}
#media #content li img.oreilly{height:174px; width:251px;}
#media #content li img.drphil_show{height:170px; width:251px;}

#media #content a.back_to_top{
    color:#fff; 
    font-weight: bold; 
    margin-left:367px;
    text-decoration: underline;
}
#media #content a.back_to_top:hover{text-decoration: none};
