/**
 * Layout CSS file
 * @author  Vast Visibility Ltd. (SDP)
 * @version 1.2
 * @CSSVER  1
 * @IEHACKS 1
 */

#wrapper { margin:auto; width:800px; }
/* {{{ */
    #bag { float:left; width:800px; _width:780px; background-color:#edf0f4; clear:both; }
    /* {{{ */
        #header  { float:left; clear:both; width:780px; margin:0px 10px 0px 10px; }
        /* {{{ */
            #hleft  { float:left; clear:left; width:489px; height:135px; background-position:0% 0%;
                      background-image:url(../img/header_left_bg.png); background-repeat:no-repeat; }
            /* {{{ */
                #mainLogo { float:left; clear:both; margin:20px 0px 0px 20px; }
            /* }}} */
            #hright { float:right; clear:right; width:291px; height:135px; background-position:0% 0%;
                      background-image:url(../img/header_right_bg.png); background-repeat:no-repeat; }
            /* {{{ */
                #logos { float:right; clear:both; width:240px; height:80px; margin:40px 10px 0px 0px;
                         _margin:40px 5px 0px 0px; text-align:right;  }
            /* }}} */
        /* }}} */
        #content { float:left; clear:both; width:780px; background-color:#FEFEFE;
                   margin:0px 10px 0px 10px; }
        /* {{{ */
            #cleft  { float:left; clear:left; width:200px; }
            /* {{{ */
                #mainNav { float:left; clear:both; width:180px; margin:0px 0px 5px 20px;
                           _margin:0px 0px 5px 10px; }
                /* {{{ */
                    .nl { float:left; clear:left; width:9px; height:24px; background-image:url(../img/nav_left.png);
                          background-position:0% 0%; background-repeat:no-repeat; margin:0px 0px 8px 0px; }
                    .nc { float:left; clear:none; width:162px; height:24px; background-position:0% 0%;
                          background-image:url(../img/nav_centre.png); background-repeat:repeat-x;
                          margin:0px 0px 8px 0px; }
                    .nr { float:left; clear:right; width:9px; height:24px; background-image:url(../img/nav_right.png);
                          background-position:0% 0%; background-repeat:no-repeat; margin:0px 0px 8px 0px; }
                /* }}} */
                .featureBox { float:left; clear:both; background-color:#f2f2f2; margin:0px 0px 10px 20px;
                              _margin:0px 0px 10px 10px; *width:180px; }
                /* {{{ */
                    .featureBoxTop { float:left; clear:both; margin:0px 0px 10px 0px; }
                    /* {{{ */
                        .featureBoxTopL { float:left; clear:left; background-position:0% 0%;
                                          background-repeat:no-repeat; width:8px; height:37px;
                                          background-image:url(../img/feature_box_left.png); }
                        .featureBoxTopC { float:left; clear:none; background-position:0% 0%;
                                          background-repeat:repeat-x; height:37px; width:164px;
                                          background-image:url(../img/feature_box_centre.png); }
                        .featureBoxTopR { float:left; clear:right; background-position:0% 0%;
                                          background-repeat:no-repeat; width:8px; height:37px;
                                          background-image:url(../img/feature_box_right.png); }
                    /* }}} */
                    .featureBoxCnt { float:left; clear:both; padding:0px 0px 10px 0px; }
                    /* {{{ */
                    /* }}} */
                /* }}} */
            /* }}} */
            #cright { float:right; clear:right; width:560px; }
            /* {{{ */
                #idxLeft { float:left; clear:left; width:334px; }
                /* {{{ */
                    .idxGreenBox { float:left; clear:both; margin:10px 0px 10px 0px; background-color:#f2f2f2; }
                    /* {{{ */
                        .idxGreenBoxTop { float:left; clear:both; width:332px; }
                        /* {{{ */
                            .idxGreenBoxL { float:left; clear:left; width:6px; height:38px;
                                            background-image:url(../img/green_box_left.png);
                                            background-position:0% 0%; background-repeat:no-repeat; }
                            .idxGreenBoxC { float:left; clear:none; height:38px; background-position:0% 0%;
                                            width:320px; background-image:url(../img/green_box_centre.png);
                                            background-repeat:repeat-x; }
                            .idxGreenBoxR { float:left; clear:right; width:6px; height:38px;
                                            background-image:url(../img/green_box_right.png);
                                            background-position:0% 0%; background-repeat:no-repeat; }
                        /* }}} */
                        .idxGreenBoxCnt { float:left; clear:left; *width:98%;
                                          padding:0px 6px 6px 6px; _padding:0px 3px 6px 3px; }
                    /* }}} */
                /* }}} */
                #idxRight { float:right; clear:right; width:200px; height:400px; margin:0px 10px 0px 0px;
                            _margin:0px 5px 0px 0px; }
                /* {{{ */
                    .rightBox { float:left; clear:both; background-color:#f2f2f2; margin:0px 0px 10px 0px;
                                *width:194px; }
                    /* {{{ */
                        .rightBoxTop { float:left; clear:both; margin:0px 0px 0px 0px; }
                        /* {{{ */
                            .rightBoxTopL { float:left; clear:left; background-position:0% 0%;
                                               background-repeat:no-repeat; width:7px; height:37px;
                                               background-image:url(../img/yellow_box_left.png); }
                            .rightBoxTopC { float:left; clear:none; background-position:0% 0%;
                                               background-repeat:repeat-x; height:37px; width:180px;
                                               background-image:url(../img/yellow_box_centre.png); }
                            .rightBoxTopR { float:left; clear:right; background-position:0% 0%;
                                               background-repeat:no-repeat; width:7px; height:37px;
                                               background-image:url(../img/yellow_box_right.png); }
                        /* }}} */
                        .rightBoxCnt { float:left; clear:both; padding:0px 0px 20px 0px; }
                        /* {{{ */
                        /* }}} */
                    /* }}} */
                    .rightBox1 { float:left; clear:both; background-color:#f2f2f2;
                                 margin:0px 0px 10px 0px; *width:192px; }
                    /* {{{ */
                        .rightBoxTop1 { float:left; clear:both; margin:0px 0px 10px 0px; }
                        /* {{{ */
                            .rightBoxTopL1 { float:left; clear:left; background-position:0% 0%;
                                               background-repeat:no-repeat; width:6px; height:37px;
                                               background-image:url(../img/gray_box_left.png); }
                            .rightBoxTopC1 { float:left; clear:none; background-position:0% 0%;
                                               background-repeat:repeat-x; height:37px; width:180px;
                                               background-image:url(../img/gray_box_centre.png); }
                            .rightBoxTopR1 { float:left; clear:right; background-position:0% 0%;
                                               background-repeat:no-repeat; width:6px; height:37px;
                                               background-image:url(../img/gray_box_right.png); }
                        /* }}} */
                        .rightBoxCnt1 { float:left; clear:both; padding:0px 0px 10px 0px; }
                        /* {{{ */
                        /* }}} */
                    /* }}} */
                /* }}} */
                #abtRight { float:right; clear:right; width:520px; *width:540px; margin:0px 20px 0px 0px;
                            _margin:0px 10px 0px 0px; padding:20px 10px 10px 10px; _padding:20px 5px 10px 5px; }
                /* {{{ */
                    #abtMenu          { float:right; margin-right:18px; _margin-right:9px; }
                    .greenTab         { background-color:#6FB55F; width:160px; margin:auto;
                                        text-align:center; padding:3px 5px 3px 5px; }
                    .blueTab          { background-color:#7DCBEC; width:160px; margin:auto;
                                        text-align:center; padding:3px 5px 3px 5px; }
                    .orangeTab        { background-color:#FCA404; width:160px; margin:auto;
                                        text-align:center; padding:3px 5px 3px 5px; }
                    .sc0              { background-color:#F5FFF4; }
                    .sc1              { background-color:#F3FBFF; }
                    .sc2              { background-color:#FFF8EC; }
                    #abtImg           { float:right; clear:right; margin:0px 0px 10px 10px; width:191px;
                                        background-color:#EDF0F4; }
                    .abtImg           { float:right; clear:right; margin:0px 0px 10px 10px; width:191px;
                                        background-color:#EDF0F4; }
                /* }}} */
            /* }}} */
        /* }}} */
        #footer  { float:left; clear:both; width:780px; background-image:url(../img/footer_bg.png);
                   background-position:0% 0%; background-repeat:repeat-x; background-color:white;
                   margin:0px 10px 0px 10px; }
        /* {{{ */
            #footerL { float:left; clear:left; font-size:14px; color:silver;
                       margin:10px 0px 0px 20px; _margin:10px 0px 0px 10px; }
            #footerR { float:right; clear:right; font-size:14px; color:silver;
                       margin:10px 20px 0px 0px; _margin:10px 10px 0px 0px; }
            #cellar  { float:left; clear:both; margin:30px 0px 20px 20px;
                       _margin:30px 0px 20px 10px;
                       background-color:white; *width:700px; }
        /* }}} */
    /* }}} */
/* }}} */