/* eric meyer's css reset */
/* v1.0 | 20080212 */

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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* end mr. meyer */

/* clearfix styles */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */

/***********   BEGIN SITE-SPECIFIC STYLES   ***********/
body { background: #E9F5FD; font-family: Helvetica, Arial, Sans-Serif; }
#oCntnr { height: 100%; width: 100%; position: relative; margin: 0; padding: 0; }
#iCntnr { height: 853px; width: 1020px; margin: 0 auto; position: relative;
          background: transparent url(../images/body_bg.jpg) no-repeat; overflow: hidden; }

h1, .h1alt { font-size: 2em; font-weight: bold; color: #01549f; position: absolute;
             top: 125px; left: 40px; }
.h1alt { color: #ffffff; position: absolute; top: 110px; left: 26px; }
h2 { font-size: 1.2em; font-weight: bold; color: #01549f; margin-bottom: 18px;
     padding-left: 10px; }
.caseStudy span.h3alt { font-size: 1.1em; display: block; color: #ffffff; line-height: 1.2em; margin-bottom: 15px; }
h3 { font-size: 1.6em; color: #004ece; font-weight: normal; margin-bottom: 20px; width: 60%; }

a#logoLink { height: 28px; width: 178px; position: absolute; top: 45px; left: 50px;
             text-indent: -5000px; background: transparent url(../images/logo_pb.png) no-repeat;
             outline: 0; z-index: 4; }
#headerSep { position: absolute; top: 106px; left: 14px; width: 996px; height: 1px; overflow: hidden; border-bottom: 1px solid #99bbd9; 
             z-index: 100; }
p.head { font-weight: bold; font-size: 1.2em; color: #01549f; line-height: 1.2em;
         margin: 0 0 12px 0; width: 365px; }
* html p.head { width: 350px; }
p.subhead { font-style: italic; color: #696969; margin-bottom: 15px; font-size: 0.9em; }
p { font-size: 0.8em; color: #292929; line-height: 1.4em; margin-bottom: 12px; }
p a { color: #01549F; text-decoration: none; font-weight: bold; }
p a:hover { text-decoration: underline; }
    
#mainCntnr { position: absolute; top: 170px; left: 20px; width: 985px; z-index: 1; }
#videoCntnr { float: left; width: 528px; height: 297px; padding: 8px; background: #CFDDEB;
              margin-left: 20px; }
    a#player { width: 528px; height: 297px; display: block; z-index: 0 !important; }
#copyCntnr { float: right; width: 352px; margin-right: 45px; overflow: hidden; }
* html #copyCntnr { margin-left: 10px; width: 342px; }
#caseStudyCntnr { position: absolute; bottom: 30px; left: 40px; height: 300px; }
    .caseStudy { float: left; width: 196px; padding: 15px; height: 169px; background-position: 0 0;
                 margin-right: 10px; position: relative; color: #ffffff; text-decoration: none; }
    .caseStudy:hover { background-position: 0 -199px; }
        .caseStudy span { color: #CADBEB; font-size: 0.85em; line-height: 1.3em; }
        .caseStudy span.moreLink { position: absolute; bottom: 5px; right: 15px; text-decoration: none;
                                color: #ffffff; }
            .caseStudy span.moreLink .caret { font-size: 2.4em; padding-right: 5px; position: relative;
                                           top: 4px; color: #ffffff; }
    #caseStudyLink1 { background-image: url(../images/case1_bg.jpg); }
    #caseStudyLink2 { background-image: url(../images/case2_bg.jpg); }
    #caseStudyLink3 { background-image: url(../images/case3_bg.jpg); }
    #caseStudyLink4 { background-image: url(../images/case4_bg.jpg); }
.caseStudyBox { width: 1020px; height: 321px; overflow: hidden; position: absolute;
                background: url(../images/casestudy_bg.jpg) no-repeat; bottom: 59px; left: 0;
                z-index: 1; }
    .closeLink { background: url(../images/casestudy_close_btn.gif) no-repeat; height: 26px; width: 26px;
                 overflow: hidden; position: absolute; top: 15px; right: 45px; outline: 0;
                 text-indent: -5000px; }
    .caseStudyContent { position: absolute; top: 25px; left: 100px; width: 825px; }
        .caseStudyContentColumn { width: 45%; }
        .leftColumn { float: left; }
        .rightColumn { float: right; }
    .caseStudyBox p { color: #292929; font-size: 1em; line-height: 1.4em; }
    #case4 p { font-size: 0.9em; }
#footerCntnr { position: absolute; bottom: 0; left: 20px; height: 30px; width: 980px; }
    #footerLinks { }
        #footerLinks li { float: left; margin-right: 8px; padding-right: 8px;
                          border-right: 1px solid #9C9C9C; line-height: 0.6em; }
        #footerLinks li.last { margin-right: 0; padding-right: 0; border-right: 0; }
            #footerLinks li a { color: #9c9c9c; font-size: 0.65em; font-weight: bold;
                                text-decoration: none; }
            #footerLinks li a:hover { text-decoration: underline; }
    #ccLink { float: right; font-size: 0.9em; color: #01549f; font-weight: bold;
              text-decoration: none; }
    #ccLink:hover { color: #2174af; }
        #ccLink .caret { font-size: 1.1em; padding-right: 3px; }