/* CSS Document */
#middle{ margin:40px 30px 0 60px; position:relative; font-size:73%; }
    #middle h1{font-size:220%;}
    
    #pic{ height:283px; width:100%; margin:20px 0;}
        #corner-l{position:absolute; left:0; top:0; width:9px; height:283px; z-index:99;
            background-image: url('../images/int-corner-l.png');
            //background-image: none ! important;
            behavior: url('../styles/pngfix.htc');      
        }
        #main-pic{width:100%; height:283px; z-index:90;}
        #corner-r{position:absolute; right:0; top:0; height:283px;   width:9px; z-index:99;
            background-image: url('../images/int-corner-r.png');
            //background-image: none ! important;
            behavior: url('../styles/pngfix.htc');      
        }
        
        /* INSERT  CLASSES OF PICs FROM pic_1 TO pic_n */
        div.pic_1{ background: #010302 url(../images/pic.jpg) no-repeat left;}
        div.pic_2{ background: url(../images/bigbg/bgarmy.jpg) no-repeat left;}
        div.pic_3{ background: url(../images/bigbg/bggrass.jpg) no-repeat left;}
        div.pic_4{ background: url(../images/bigbg/bgjump.jpg) no-repeat left;}
        div.pic_5{ background: #2d306b url(../images/bigbg/bgglass.jpg) no-repeat center;}
        div.pic_6{ background: #020202 url(../images/bigbg/bgfire.jpg) no-repeat left;}
        div.pic_7{ background: #2c49b0 url(../images/bigbg/bgmicro.jpg) no-repeat left;}
        div.pic_8{ background: #1a1d3c url(../images/bigbg/bgdrop.jpg) no-repeat center;}
        div.pic_9{ background: #1D334E url(../images/bigbg/bgelectronics.jpg) no-repeat left;}
        div.pic_0{ background: #020202 url(../images/bigbg/bgexp.jpg) no-repeat left;}
        
    #left{ width:20%; float:left; padding-top:40px;}
    #right{ width:78%; float:right;}