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

root { 
    display: block;
}

body {background: url(../img/home_header.jpg) top center repeat-x;}

.header {background: none;}

.banner {
    margin-top: 18px;
    margin-top: 17px\9 !important;
    margin-left: -11px;
    width: 1002px;
    height: 386px;
}

@-moz-document url-prefix() {
    .banner {margin-top: 17px !important;}
}

.slideshow {
    margin: 13px 0 0 19px;
    position: absolute;
}

.slideshow img {
    position: absolute;
}

.content {
    padding-top: 30px;
    padding-bottom: 20px;
    width: 993px;
    margin-left: 0;
    margin-right: 0;
}

.left_content {
    position: relative;
    margin-top: 8px;
    width: 303px;
    height: 208px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(css/PIE.htc);
}

.readmore {
    color: #ffffff;
    position: absolute;
    bottom: 10px;
    right: 0;
    font-family: Arial;
    background: url(../img/layout/readmore.png) 80px center #f3ce00 no-repeat;
    padding: 3px 15px;
    padding-right: 23px;
    border: 1px transparent solid;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    behavior: url(css/PIE.htc);
}

label.topic {
    font-size: 28px;
    margin: 10px;
    margin-bottom: 0;
    text-align: left;
    font-weight: bold;
}

.left_content a {    
    font-family: Arial;
    margin: 0 10px;
}
.left_content a span {
    color: #28af36;
    font-weight: bold;
}

.left_content a p {
    color: #231f20;

}

.center_content {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}

.other_social {
    text-align: right;
    width: 100%;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(css/PIE.htc);
    margin-top: 2px;
    margin-top: -1px\9;
}

.other_social a {display: inline-block;}

.other_social a img {
    margin: 3px 3px 0 0;
}

.right_content {
    position: relative;
    display: inline-block;
    width: 333px;
    height: 238px;
    background: url(../img/content/map.jpg) right 1px no-repeat;
}

.right_content img#divider {
    float: left;
    padding: 5px 6px 5px 5px;
    margin-top: 4px;
}

.right_content ul {
    margin-top: 8px;
    list-style: none;
}

.right_content ul li img {
    border: 2px #ffffff solid;
    display: block;
    margin-bottom: 3px;
}

.right_content .readmore {bottom: 24px;}

.fb-like-box {
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(css/PIE.htc);
}

.footer {
    background: none;
    text-align: center;
}

.footer img {
    display: block;
    width: 980px;
}

.copyright_declaration {
    margin: 0 auto;
    margin-top: 30px;
    color: #231f20;
    font-size: 12px;
}

#img1, #img2, #img3, #img4, #iPadimg1, #iPadimg2, #iPadimg3, #iPadimg4 {width: 62px; position: relative; z-index: 2;}

#img1L, #img2L, #img3L, #img4L, #iPadimg1L, #iPadimg2L, #iPadimg3L, #iPadimg4L {position: absolute; z-index: 1;}

#iPadimg1L, #iPadimg2L, #iPadimg3L, #iPadimg4L {margin-left: 99px;}

#img2L, #iPadimg2L {margin-top: -53px;}
#img3L, #iPadimg3L {margin-top: -106px;}
#img4L, #iPadimg4L {margin-top: -159px;}

.iPadimagewall {display: none;}

.footermenu {display: none;}

@media only screen and (max-width : 768px) {
    .imagewall {display: none;}
    .iPadimagewall {display: block;}
    .header {height: 400px;}
    .content {width: 768px; margin-top: 8px;}
    .banner {height: 308px; background-position: top !important; width: 100%; margin-left: 0;}
    .slideshow {margin-left: 0;}
    .slideshow img {width: 768px;}
    .left_content {width: 398px; margin-left: 10px; margin-right: 7px;}
    .footer .wrap img {width: 768px;}
    .right_content {width: 100%; background-position: 420px 10px; background-color: #28af36; padding-top: 10px;}
    .right_content #divider {padding-left: 20px !important;}
    .footer {border: none;}

    @-moz-document url-prefix() {
        #iPadimg1L, #iPadimg2L, #iPadimg3L, #iPadimg4L {height: 204px;}
    #iPadimg2L {margin-top: -52px;}
    #iPadimg3L {margin-top: -105px;}
    #iPadimg4L {margin-top: -158px;}
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .menu1 li a span {padding-top: 7px;}
    .menu2 {margin-top: 28px;}
    #youtube {right: 127px;}
    #twitter {right: 107px;}
    #facebook  {right: 85px;}
    .footer {height: 478px;}
    .menu2 li ul {margin-top: 31px !important;}
    .menu2 li:hover a img, .menu2 li a:hover img {background-position: center 26px;}
}

@media only screen and (max-width : 568px) {
    body {background: none !important;}
    .footermenu {display: block;}
    .slideshow {width: 100%;}
    .slideshow img {width: 100%; left: 0;}
    .left_content {border-radius: 0; position: relative; margin: 0; width: 43%; height: 223px;}
    .left_content p {margin-left: 0 !important; margin-right: 0;}
    #divider {display: none;}
    .imagewall li img {margin-left: 10px;}
    .iPadimagewall {display: none;}
    .imagewall {display: block;}
    .right_content {background-position: right center; width: 56%; padding-top: 0;}
    .footer .wrap img {width: 100%;}
    .copyright_declaration {width: 100%; padding-bottom: 50px;}
    .center_content {display: none !important;}
    .footer .wrap img {margin-bottom: 10px;}
    .banner {height: 220px;}
    .content {margin-top: 0;}
}

@media only screen and (max-width : 480px) {
    .content {padding-top: 0;}
    .left_content {width: 100%; margin-bottom: 10px;}
    .right_content {width: 100%; background-position: center;}
}

@media only screen and (max-width : 480px) {
    .banner {height: 150px;}
    .right_content {width: 100%; background-position: right;}
}