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

/* Layout styles */
body {
    background: #43443e url(/assets/img/jlf_bg.jpg) repeat-y top center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

div#everything {
    margin: 0 auto;
    width: 934px;
    *padding-left: 1px; /* IE6-7 Hack to fix 1px bg centering */
}

div#header {
    width: 934px;  
}
    div#logo {
        width: 251px;
        height: 234px;
        background: url(/assets/img/jlf_logo_bg.jpg) no-repeat;
        float: left;
    }
        div#logo h1 {
            margin: 59px auto;   
            width: 217px;        
            /*   
            text-indent: -5000px;
            background: url(/assets/img/jlf_logo.jpg) no-repeat;
            */
        }
        div#logo h1 a {        
            display: block;
            width: 217px;
            height: 111px;
        }

    div#masthead {
        background: url(/assets/img/jlf_header.jpg) no-repeat;
        width: 683px;
        height: 234px;
        float: left;
        position: relative;
    }
        div#masthead p.masthead-top {
            color: #9da6b5;
            position: absolute;
            top: 3px;
            left: 15px;
            width: 653px;
            text-align: left;
            word-spacing: 0.07em;
        }
            div#masthead p.masthead-top a {
                color: #9da6b5;
            }
        div#masthead p.masthead-bottom {
            color: #f3f3f3;
            position: absolute;
            bottom: 5px;
            right: 20px;
            font-size: 1.4em;
            font-weight: bold;
        }
            div#masthead p.masthead-bottom a {
                color: #ffffff;
            }        

div#content-container {
    border-top: solid 1px #ffffff;
    background: #ffffff url(/assets/img/jlf_content_bg.jpg) repeat-y top center;    
    clear: left;
}

    div#nav {
        width: 251px;
        float: left;
        position: relative;
    }
        div#nav ul {
            background: transparent url(/assets/img/jlf_nav.jpg) no-repeat;
            display: block;
            width: 247px;
            height: 498px; 
            margin: 2px;
        }
        div#nav ul li {
            text-indent: -5000px;
            display: block;
            zoom: 1; /* hack: fix IE6 hover problem */
        }
        div#nav ul li a {
            display: block;
            width: 247px;
            height: 48px;
            margin-bottom: 2px;
            background: none;
        }
        div#nav ul li.nav-1 a:hover { background: transparent url(/assets/img/jlf_nav.jpg) -248px 0 no-repeat; }
        div#nav ul li.nav-2 a:hover { background: transparent url(/assets/img/jlf_nav.jpg) -248px -50px no-repeat; }
        div#nav ul li.nav-3 a:hover { background: transparent url(/assets/img/jlf_nav.jpg) -248px -100px no-repeat; }
        div#nav ul li.nav-4 a:hover { background: transparent url(/assets/img/jlf_nav.jpg) -248px -150px no-repeat; }
        div#nav ul li.nav-5 a:hover { background: transparent url(/assets/img/jlf_nav.jpg) -248px -200px no-repeat; }
        div#nav ul li.nav-6 a:hover { background: transparent url(/assets/img/jlf_nav.jpg) -248px -250px no-repeat; }
        div#nav ul li.nav-7 a:hover { background: transparent url(/assets/img/jlf_nav.jpg) -248px -300px no-repeat; }
        div#nav ul li.nav-8 a:hover { background: transparent url(/assets/img/jlf_nav.jpg) -248px -350px no-repeat; }
        div#nav ul li.nav-9 a:hover { background: transparent url(/assets/img/jlf_nav.jpg) -248px -400px no-repeat; }
        div#nav ul li.nav-10 a:hover { background: transparent url(/assets/img/jlf_nav.jpg) -248px -450px no-repeat; }

        /* Submenu */
       /*
        div#nav ul li.nav-4 ul {
            background: transparent;
            position: absolute;
            display: none;
            left: 246px;
            top: 174px;
            z-index: 10;
            width: auto;
            height: auto;
            padding-left: 4px;
        }
        div#nav ul li ul li { 
            text-indent: 0px;
            border: solid 1px #acacac;
            border-width: 1px;
            margin-bottom: 1px;
        }
        div#nav ul li.nav-4 ul li a, div#nav ul li.nav-4 ul li a:hover {
            background: #ddd;
            padding: 10px;
            margin: 0px;
            width: 200px;
            height: auto;
        }
        */

    div#content {
        width: 653px; /* 683 - 2*15 = 653 */
        float: left;
        padding: 25px 15px;
        position: relative;
    }
        div#content h2 {
            color: #5B6B8D;
            font-size: 1.8em;
            font-weight: normal;
            line-height: 1.1;
        }
        div#content h3 {
            font-size: 1.3em;
            font-weight: normal;
            line-height: 1.3;
            margin: 1em 0 0 0;
            background-color: #ddd;
            padding: 5px;
        }
            div#content h3 a {
                color: black;
            }
        div#content h4 {
            font-size: 1.1em;
            font-weight: bold;
            margin: 1em 0 0 0;
        }
        div#content li, div#content p {
            line-height: 1.7;
        }
        div#content p {
            margin-top: 1em;
        }
        div#content ul {
            list-style-type: square;
            display: block;
            margin-top: 1em;
        }
        div#content ol {
            list-style-type: decimal;
            display: block;
            margin-top: 1em;
        }
        div#content li {
            margin-left: 30px;
        }        
        div#content a.free-evaluation-btn {
            position: absolute;
            top: 8px;
            right: 8px;
            z-index: 15;
        }
        div#content div.navigation {
            margin: 0 0 1.7em 0;
        }
    
div#footer {
    clear: left;
    background: #ffffff url(/assets/img/jlf_footer.jpg) no-repeat;
    width: 919px; /* 934 - 15 = 919  */
    padding: 52px 15px 8px 0;
    text-align: right;
    line-height: 1.7;
    position: relative;
}
        div#footer ul {
            list-style-type: square !important;
            float: right;
        }
        div#footer ul li {
            float: left;
            margin-left: 24px;
        }
        div#footer p {
            clear: both;
        }
        
/************************************************************************/

a {
    color: #3f57e8;
}
    a:hover {
        text-decoration: none;
    }
    
hr {
    height: 1px;
    border-width: 1px 0 0 0;
    border-color: #666666;
    margin: 10px 0;
}

strong {
    font-weight: bold;
}

.clear {
    clear: both;
}

p.disclaimer {
    font-style: italic;
    text-align: center;
}

.small, small {
    font-size: 0.9em;
}


/************************************************************************/

/* List of links for home page */
div.links {
    float: left;
    width: 300px;
    margin: 0 0.5em;
}
img.creditcards {
    display: block;
    margin: 0 auto;
}

/*
div#content div.big-links {
    margin: 8px auto;
    width: 90%;
}
    div#content div.big-links ul li {
        list-style: none;
        margin: 0;
        display: block;
        width: 31%;
        margin: 8px 0 2px 8px;
        display: block;
        float: left;
    }
        div#content div.big-links ul li a {
            border: solid 1px #5B6B8D;
            background-color: #8594B1;
            color: #fff;
            font-weight: bold;
            font-size: 1.2em;
            padding: 10px;
            display: block;    
            text-decoration: none;      
        }
            div#content div.big-links ul li a:hover {
                background-color: #8D9CBB;
            }
*/

div#content div.big-links {
    margin: 10px auto;
}
    div#content div.big-links ul li {
        list-style: none;
        margin: 0;
        display: block;
        width: 208px;
        height: 36px;
        display: block;
        float: left;
        text-indent: -5000px;
        margin: 3px;
    }
        div#content div.big-links ul li a {
            font-weight: bold;
            font-size: 1.2em;
            width: 208px;
            height: 36px;
            display: block;    
            text-decoration: none;      
            background-repeat: no-repeat;
        }

        div.big-links ul li.big-links-1 a { background-image: url(/assets/img/biglink_1.jpg); }
        div.big-links ul li.big-links-2 a { background-image: url(/assets/img/biglink_2.jpg); }
        div.big-links ul li.big-links-3 a { background-image: url(/assets/img/biglink_3.jpg); }
        div.big-links ul li.big-links-4 a { background-image: url(/assets/img/biglink_4.jpg); }
        div.big-links ul li.big-links-5 a { background-image: url(/assets/img/biglink_5.jpg); }
        div.big-links ul li.big-links-6 a { background-image: url(/assets/img/biglink_6.jpg); }


/* Microformats for Contact Us page */
div.vcard .country-name { display: none; }
div.vcard .org { font-weight: bold; }
div.vcard .type { display: none; }
div.vcard div { line-height: 1.7; }
/* Free evaluation form */
div#lead-tool {
    padding: 0 15px 15px 15px;
    background-color: #ddd;
    border: solid 1px #999;
}
div#lead-tabs-wrapper {
    position: relative;
    height: 3em;
}
div#lead-tabs {
    margin: 5px 0 0 0;
    overflow: auto;
    position: absolute;
    bottom: -1px;
}
div#lead-tool h3 {
    padding-left: 0;
    background-color: transparent;
}
div.tab, div.tab-active {
    display: block;
    padding: 7px;
    margin: 0 1px 0 0;
    float: left;
}
div.tab {
    background-color: #ccc;
    border: solid 1px #999;
    color: #555;
}
div.tab-active {
    background-color: #ddd;
    border: solid 1px #999;
    border-bottom: solid 1px #ddd;
    font-weight: bold;
}
div.tab-hidden {
    display: none;
}
div.form-field {
    clear: both;
    margin: 8px 0;
}
div.form-field .label {
    display: block;
    float: left;
    width: 180px;
    margin-top: 5px;
}
div.form-field .field {
    display: block;
    float: left;
}
div.form-field .textbox {
    width: 300px;
}
div.form-field .textbox2 {
    width: 60px;
}
div.form-field .textbox3 {
    width: 20px;
}
div.form-field .textbox4 {
    width: 100px;
}
div.form-field-sub {
    margin: 5px 0;
}
div.form-field-sub .label2 {
    display: block;
    float: left;
    width: 60px;
    margin-top: 5px;
}
div.form-field .label3 {
    display: block;
    float: left;
    width: 180px;
    margin-top: 5px;
}
div.form-field-sub-group {
    display: none;
}

fieldset#tab2-content,
fieldset#tab3-content,
fieldset#tab4-content,
fieldset#tab5-content {
    display: none;
}

.lead-results fieldset#tab1-content,
.lead-results fieldset#tab2-content,
.lead-results fieldset#tab3-content,
.lead-results fieldset#tab4-content {
    display: none;
}
.lead-results fieldset#tab5-content {
    display: block;
}
#error_fields {
    font-weight: bold;
    color: red;
    display: none;
}


/* Links/Resources Page */
#post-12 .link-block {
    margin: 0 0 0 1%;
    width: 48%;
    display: block;
    float: left;
}

/* For blog next/prev links */
.navigation { 
    display: block;
    width: 415px;
    line-height: 1.3;
}