/* 
    Document   : about_awards
    Created on : Jun 14, 2013, 5:08:38 PM
    Author     : Ping
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

.sidemenu ul {
    margin-left: 144px;
    margin-top: 220px;
}

.sidemenu ul li a {
    width: 171px;
}

#img1, #img2, #img3 {height: 175px;}
#img4, #img5, #img6 {height: 163px;}

#img2, #img5 {margin: 0 1px;}

.content img {
    vertical-align: top;
    margin-bottom: 4px;
}

@media only screen and (max-width : 768px) {
    .sidemenu ul {margin-left: 48px;}

    .content img {margin: 0 0 4px 0 !important; height: auto !important;}
    #img1, #img3, #img5 {margin-right: 1px !important;}

    #img1, #img2 {height: 177px\9 !important;}
    #img3, #img4 {height: 172px\9 !important;}
    #img5, #img6 {height: 163px\9 !important;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #img1, #img2 {height: 177px !important;}
    #img3, #img4 {height: 172px !important;}
    #img5, #img6 {height: 163px !important;}
}

@media only screen and (max-width : 568px) {
    #img1, #img4 {margin-left: 10px !important;}
    #img1, #img2, #img3 {height: 148px !important;}
    #img4, #img5, #img6 {height: 138px !important;}
}



@media only screen and (max-width : 480px) {
    #img1, #img4 {margin-left: 10px !important;}
    #img1, #img2, #img3 {height: 124px !important;}
    #img4, #img5, #img6 {height: 115px !important;}
    #img3 {width: 150px;}
}

@media only screen and (max-width : 320px) {
    #img1, #img3, #img5 {margin-left: 10px !important;}
    #img1, #img2 {height: 121px !important;}
    #img1 {width: 181px;}
    #img3, #img4 {height: 118px !important; width: auto;}
    #img4 {width: 152px; margin-left: 0 !important;}
    #img5, #img6 {height: 112px !important;}
}