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

root { 
    display: block;
}

.sidemenu {
    background: url(../img/sidemenu/franchise_general.png) no-repeat;
    height: 645px;
}

.sidemenu ul {
    margin-left: 159px;
    margin-top: 180px;
}

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

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

#img1, #img2, #img3, #img4 {margin-top: 10px;}

#img1 {margin-left: 1px;}

#img5, #img6 {margin-top: -125px;}

#img5 {margin-left: 192px;}

#img4 {height: 113px; width: 192px;}
#img6 {height: 122px; width: 192px;}

table {
    margin-top: -50px;
    margin-left: -4px;
    border: 1px transparent solid;
}

table tr td label.title span {font-size: 30px;}

table tr td ul li {margin: 0 0 5px 20px;}

@media only screen and (max-width : 768px) {
    .sidemenu ul {margin-left: 63px;}
    #img1 {height: 232px;}
    #img2, #img3 {height: 108px;}
    #img5 {margin-left: 187px; margin-top: -254px; height: 121px; width: 251px;}
    #img4 {margin-top: 0; margin-left: 1px;}
    #img6 {margin-left: 221px; margin-top: -145px;}
    #img4, #img6 {width: 217px; height: 127px;}
    table {margin-left: -300px;}
}

@media only screen and (max-width : 568px) {
    #img4, #img5, #img6 {width: auto;}
    #img1, #img2, #img3, #img4 {margin-top: 10px;}
    #img1 {margin-left: 10px;}
    #img1 {height: 201px;}
    #img4 {margin-left: 3px;}
    #img2, #img3, #img4 {height: 94px;}
    #img5, #img6 {height: 103px;}
    #img5 {margin-top: -106px; margin-left: 172px; width: 218px;}
    #img6 {margin-left: 393px; margin-top: -121px; width: 161px;}
    table tr td label.title, table tr td label.title span {font-size: 14px; margin-top: 0 !important;}
    table {margin-left: 10px; margin-top: 0 !important;}
    table tr td img {width: 200px; margin: 10px !important; float: left;}
}

@media only screen and (max-width : 480px) {
    #img4, #img5, #img6 {width: auto;}
    #img1, #img2, #img3, #img4 {margin-top: 10px;}
    #img1 {margin-left: 10px;}
    #img1 {height: 171px;}
    #img4 {margin-left: 3px;}
    #img2, #img3, #img4 {height: 79px;}
    #img5, #img6 {height: 89px;}
    #img5 {margin-top: -92px; margin-left: 148px; width: 184px;}
    #img6 {margin-left: 335px; margin-top: -107px; width: 135px;}
}

@media only screen and (max-width : 320px) {
    #img1 {margin-left: 10px;}
    #img1 {height: 157px;}
    #img2, #img3 {height: 74px;}
    #img5 {height: 80px; width: 173px; margin-top: -176px; margin-left: 137px;}
    #img4, #img6 {height: 90px; width: auto;}
    #img6 {margin-left: 167px; margin-top: -108px;}
    #img4 {margin-left: 10px; margin-top: 0;}
    table tr td label.title, table tr td label.title span {font-size: 14px; margin-top: 0 !important;}
    table {margin-left: 10px; margin-top: 0 !important;}
    table tr td img {width: 120px; margin: 0 !important; float: left;}
}