/*
------------------------------------------------------------
 - Based on my CSS Framework: 
   Download: http://cpa-design.com/downloads/csslibrary.zip
 - Copyright (c) 2009 C.P.A. Lemmens (http://cpa-design.com)

 - Version: 0.0.6
 - Updated: Wednesday, 04.02.2009 @ 23:34
------------------------------------------------------------


STYLE GUIDE

    PAGE::
    Page width:             840px;
    
    NAVIGATION::
    Title: "Navigation"     #43423b
    Item:                   #8f8e87
    Active item:            #ffffff
    Hovered item:           #4c4b42
    
    HEADER::
    Official titles:        #4c4b42
    Header width:           800px;
    
    CONTENT::
    Link:                   #4c4b42
    Link hover:             #a20d3b
    Content text:           #8f8d83
    border:                 #dfdbcb
    background:             #ffffff
    Link area background    #f9f8f6
    Content width:          560px
    Content inner width:    528px       default padding 16px; do not apply to content div due to content lines;
    
    OTHERS::
    Top sub navigation:     #b1afa7
    footer:                 #dcdacb
------------------------------------------------------------


INDEX:
=Default settings
=Typographical settings
=Standard settings
=Common Header, Content, Footer Settingss
=Header
=Content Frames
=Footer
=Logo & Main Contact Information
=Page Contents
------------------------------------------------------------*/



/*
    =Default settings
------------------------------------------------------------*/
* {
margin: 0;
padding: 0;
}

    h1, h2, h3, h4, h5, h6, address {
    font-style: normal;
    }
    
    ul, ol {
    list-style: none;
    }
    
    a img, :link img, :visited img {
    border: none;
    }
    
    table {
    border: 0 none;
    }
    
        th, td {
        padding: 0;
        font-style: normal;
        text-align: left;
        vertical-align: top;
        }



/*
    =Typographical settings
------------------------------------------------------------*/
body {
font-family: Verdana, serif, arial;
font-size: 100%;        /*                          NOTE: 16px by default; line-height = 18px by default */
line-height: 1.125em;   /* 18px / 16px = 1.125em    NOTE: devide the default height by the font-size's   */
}

    h1 {
    font-size: 1.125em;     /* 18px / 16px = 1.125em */
    font-weight: normal;
    margin: 1.0em 0 0 0;
    margin: 0;
    color: #a20d3b;
    }
    
    h2 {
    font-size: 1.0em;     /* 16px / 16px = 1.0 */
    font-weight: normal;
    margin: 1.0em 0 0 0;
    color: #8f8d83;
    }
    
    h3 {
    font-size: 0.875em;     /* 14px / 16px = 0.875 */
    font-weight: normal;
    margin: 1.0em 0 0 0;
    color: #8f8d83;
    }
    
    p {
    font-size: 0.75em;     /* 12px / 16px = 0.75 */
    font-weight: normal;
    margin: 1.0em 0 0 0;
    color: #8f8d83;
    }
    
    a {
    font-weight: normal;
    text-decoration: none;
    color: #4c4b42;
    }
    
    a:hover {
    color: #8f8d83;
    text-decoration: underline;
    }

    .print-only {
    display: none;
    }


/*
    =Standard settings
------------------------------------------------------------*/
body {
border-top: 2px solid #92908b;
background-color: #f9f8f6;
background-image: url("../img/backgrounds/background_body.png");
background-position: 0 0;
background-repeat: repeat;
}


    div#body-wrapper {
    width: 100%;
    height: auto!important;
    min-height: 500px;
    height: 500px;
    background-color: #f9f8f6;
    background-image: url("../img/backgrounds/background_body_top.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    }

        div#master-container { /* used to set the position of the page */
        position: absolute;
        top: 0;
        left: 50%;
        width: 840px;
        height: auto!important;
        min-height: 500px;
        height: 500px;
        margin: 0 0 0 -420px; /* width / 2 = -left-margin*/
        }

            /*
                =Navigation
            ------------------------------------------------------------*/
            div#navigation {
            z-index: 10000;
            position: absolute;
            left: 39px;
            top: 188px;
            border-right: 0px;
            border-bottom: 0px;
            height: auto!important;
            min-height: 100px;
            height: 100px;
            width: 180px
            }
            
                div#navigation div#navigation-top {
                float: left;
                background-color: #f9f8f6;
                background-image: url("../img/backgrounds/navigation_background_top.png");
                background-position: 0 0;
                background-repeat: repeat-x;
                width: 180px;
                height: 22px;
                border-right: 1px solid #ffffff; 
                border-left: 1px solid #ffffff;
                border-top: 1px solid #ffffff;  
                border-bottom: 1px solid #aea69d;
                }
                
                    div#navigation div#navigation-top h2 {
                    padding: 1px 10px 0 10px;
                    margin: 0;
                    font-size: 0.6875em;     /* 11px / 16px = 0.6875em */
                    color: #43423b;
                    font-weight: bold;
                    }

                div#navigation div#navigation-content {
                float: left;
                border-right: 1px solid #ffffff;
                border-left: 1px solid #ffffff;  
                }
                    div#navigation div#navigation-content ol { 
                    
                    }
                    
                        div#navigation div#navigation-content ol li {
                        background-color: #f8f7f5;
                        background-image: url("../img/backgrounds/navigation_description_background_fading.png");
                        background-position: 0 0;
                        background-repeat: repeat-x;
                        width: 180px;
                        }
                        
                            div#navigation div#navigation-content ol li a {
                            font-size: 0.6875em;     /* 11px / 16px = 0.6875em */
                            color: #8f8e87;
                            font-weight: bold;
                            background-color: #e9e7db;
                            background-image: url("../img/backgrounds/navigation_item_background.png");
                            background-position: 0 0;
                            background-repeat: repeat;
                            display: block;
                            width: 160px;
                            max-width: 160px;
                            height: auto!important;
                            min-height: 22px;
                            height: 22px;
                            border-top: 1px solid #ffffff;
                            padding: 3px 10px 0 10px;
                            text-decoration: none;
                            }
                            
                            div#navigation div#navigation-content ol li a:hover {
                            color: #75746e;
                            background: none;
                            background-image: url("../img/icons/navigation_arrow_right.gif");
                            background-position: 175px 5px;
                            background-repeat: no-repeat;
                            height: auto!important;
                            min-height: 100px;
                            height: 100px;
                            border-bottom: 2px solid #e9e7db;
                            }
                            
                            div#master-container div#navigation div#navigation-content ol li a.active {
                            background-color: #dcdacb;
                            background-image: url("../img/backgrounds/navigation_item_background_active.png");
                            color: #f9f8f6;
                            }
                            
                                div#navigation div#navigation-content ol li a span {
                                display: none;
                                }
                                
                                div#navigation div#navigation-content ol li a:hover span {
                                display: block;
                                padding: 3px 0;
                                font-weight: normal;
                                }

                                

                div#navigation div#navigation-bottom {
                border-left: 1px solid #ffffff;  
                float: left;
                background-color: #f9f8f6;
                background-image: url("../img/backgrounds/navigation_bottom.png");
                background-position: 0 0;
                background-repeat: no-repeat;
                width: 181px;
                height: 22px;
                }
                
        
            /*
                =Common Header, Content, Footer Settingss
            ------------------------------------------------------------*/
            div#master-container div#header-wrapper,
            div#master-container div#content-wrapper,
            div#master-container div#footer-wrapper {
            position: relative;   
            top: 109px;
            left: 0;
            width: 840px;
            margin: 0;
            }
            

            /*
                =Header
            ------------------------------------------------------------*/
            div#header-wrapper {
            height: 104px;
            }
        
                div#header-wrapper div#frame-top-left {
                float: left;
                background-color: #f9f8f6;
                background-image: url("../img/backgrounds/border_frame_corner_top_left.png");
                background-position: 0 0;
                background-repeat: no-repeat;
                height: 20px;
                width: 20px;
                }
                
                div#header-wrapper div#frame-top-filling {
                float: left;
                background-color: #f9f8f6;
                background-image: url("../img/backgrounds/border_frame_background_top.png");
                background-position: 0 0;
                background-repeat: repeat-x;
                height: 20px;
                width: 800px;
                }
                
                
                div#header-wrapper div#frame-top-right {
                float: left;
                background-color: #f9f8f6;
                background-image: url("../img/backgrounds/border_frame_corner_top_right.png");
                background-position: 0 0;
                background-repeat: no-repeat;
                height: 20px;
                width: 20px;
                }
                
                div#header-wrapper div#frame-left-filling {
                float: left;
                height: 84px;
                width: 20px;
                background-color: #f9f8f6;
                background-image: url("../img/backgrounds/border_frame_background_left.png");
                background-position: 0 0;
                background-repeat: repeat-y;
                }

                div#header-wrapper div#header-content {
                margin: 0;
                padding: 0;
                float: left;
                background-color: #f9f8f6;
                background-image: url("../img/backgrounds/top_header_background_fading.png");
                background-position: 0 0;
                background-repeat: repeat-x;
                height: 84px;
                width: 800px;
                }
                
                    div#header-wrapper div#header-content h3 {
                    margin: 30px 20px 0 0;
                    text-align: right;
                    font-size: 1.0em;     /* 16px / 16px = 1.0em */
                    color: #6c6b61;
                    font-weight: normal;
                    letter-spacing: 0.07em;
                    }
                
                div#header-wrapper div#frame-right-filling {
                float: left;
                height: 84px;
                width: 20px;
                background-color: #f9f8f6;
                background-image: url("../img/backgrounds/border_frame_background_right.png");
                background-position: 0 0;
                background-repeat: repeat-y;
                }
            
            /*
                =Content Frames
            ------------------------------------------------------------*/
            div#content-wrapper {
            height: auto!important;
            min-height: 350px;
            height: 350px;
            background-color: #f9f8f6;
            background-image: url("../img/backgrounds/content_background_content_wrapper.png");
            background-position: 0 0;
            background-repeat: repeat-y;
            padding-bottom: 20px;
            }
            
            div#master-container div.home-content-wrapper {
            padding-bottom: 0;
            }
        
            div#content-wrapper, 
            div#content-wrapper div#content-area {
            float: left;
            }
            
                div#content-wrapper div#content-area {
                position: relative;
                top: -1px;
                left: 239px;
                width: 560px;
                height: auto!important;
                min-height: 350px;
                height: 350px;
                padding-bottom: 16px;
                background-color: #ffffff;
                background-image: url("../img/backgrounds/content_background_top_right.png");
                background-position: top right;
                background-repeat: no-repeat;
                border: 1px solid #dfdbcb;
                border-top: none;
                }
                
                div#content-wrapper div#home-content {
                position: relative;
                left: 20px;
                height: 470px;
                width: 800px;
                overflow: hidden;
                }
                
                a.hidden {
                visibility: hidden;    
                position: absolute;
                top: 0;
                left: 0;
                }
                
            
            /*
                =Footer
            ------------------------------------------------------------*/
            div#footer-wrapper {
            height: 90px;
            float: left;
            padding-bottom: 16px;
            }
            
            
                div#footer-wrapper div#frame-bottom-left {
                float: left;
                background-color: #f9f8f6;
                background-image: url("../img/backgrounds/border_frame_corner_bottom_left.png");
                background-position: 0 0;
                background-repeat: no-repeat;
                height: 50px;
                width: 20px;
                }
                
                div#footer-wrapper div#frame-bottom-filling {
                float: left;
                background-color: #f9f8f6;
                background-image: url("../img/backgrounds/border_frame_background_bottom.png");
                background-position: 0 0;
                background-repeat: repeat-x;
                height: 50px;
                width: 800px;
                }
                
                
                div#footer-wrapper div#frame-bottom-right {
                float: left;
                background-color: #f9f8f6;
                background-image: url("../img/backgrounds/border_frame_corner_bottom_right.png");
                background-position: 0 0;
                background-repeat: no-repeat;
                height: 50px;
                width: 20px;
                }
                
                div#footer-wrapper div#footer-content {
                float: left;
                position: relative;
                top: 20px;
                width: 100%;
                }

                    div#footer-wrapper div#footer-content p {
                    margin: 0 20px 0 0;
                    text-align: center;
                    font-size: 0.565em;     /* 9px / 16px = 0.565em */
                    color: #d5d3c9;
                    font-weight: normal;
                    letter-spacing: 0.07em;
                    }
    
/*
	=Logo & Main Contact Information
------------------------------------------------------------*/
    h1#logo {
    position: absolute;
    top: 42px;
    left: 0px;
    display: block;
    width: 220px;
    height: 63px;
    overflow: hidden;
    text-indent: -10000px;
    background-image: url("../img/cpa_lemmens_logo.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    }
    
        h1#logo a {
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        width: 220px;
        height: 63px;
        overflow: hidden;
        text-indent: -10000px;
        border: 0;
        }
        
        h1#logo a:hover {
        background-image: url("../img/cpa_lemmens_logo_hover.png");
        }
        
    div#main-contact-information {
    position: absolute;
    left: 320px;
    top: 0px;
    width: 500px;
    margin-right: 20px;
    }
        
        div#main-contact-information p {
        text-align: right;
        font-size: 0.67em;     /* 8px / 12px = 0.67em */
        color: #b1afa7;
        font-weight: normal;
        }
        
            div#main-contact-information p span,
            div#main-contact-information p a {
            text-decoration: none;
            color: #b1afa7;
            padding-right: 10px;
            margin-right: 8px;
            border-right: 1px solid #b1afa7;
            }

            div#main-contact-information p a:hover {
            text-decoration: underline;
            color: #43423b;
            }


        

/*
    =Page Contents
------------------------------------------------------------*/
    
    /* Global Settings */
    div#content-area div#content-header {
    height: 70px;
    width: 100%;
    position: relative;
    }
    
    .underline {
        text-decoration: underline;
    }
    
        div#content-area div#content-header h1 {
        position: relative;
        top: 20px;
        left: 16px;
        width: 528px; /* 560 - 16 - 16 */
        }
        
        div#content-area div#content-header a {
        position: absolute;
        display: block;
        left: 532px;
        top: 9px;
        height: 12px;
        width: 12px;
        text-indent: -10000px;    
        overflow: hidden;
        background-image: url("../img/icons/print.gif");
        background-position: 0 0;
        background-repeat: no-repeat;
        background-color: transparent;
        z-index: 1000;
        }
        
        div#content-area div#content-header a:hover {
        background-image: url("../img/icons/print_hover.gif");
        }
        
        div#content-area div#page-top {

        }
        
            div#content-area div#page-top a {
            position: absolute;
            display: block;
            left: 533px;
            bottom: 8px;
            height: 11px;
            width: 11px;
            text-indent: -10000px;    
            overflow: hidden;
            background-image: url("../img/icons/top.gif");
            background-position: 0 0;
            background-repeat: no-repeat;
            background-color: transparent;
            z-index: 1000;
            }
            
             div#content-area div#page-top a:hover {
            background-image: url("../img/icons/top_hover.gif");
            }
            
            
        div#content-area p a.active {
        color: #4c4b42;
        }
        
        div#content-area hr {
        height: 1px;
        color: #dfdbcb;
        background-color: #dfdbcb;
        border: 0px;
        }


div#hidden_contents {
visibility: hidden;
position: absolute;
top: -10000px;
left: -10000px;
background-image: url("../img/cpa_lemmens_logo_hover.png");
}