#slide {
    height: 300px;
    width: 960px;
    overflow: hidden;
    position: relative;
    cursor: default;
    background-color: white;
}


#img1 {
    position: absolute;
    z-index: 11;
    top: 0px;
    right: 0px;
}

#img2, #img3, #img4 {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: auto;
}

#imgName {
    z-index: 11; 
    width: 460px;
    position: absolute;
    text-align: justify;
    font: normal 18px 'Arial Rounded MT',verdana;
    color: #878787;
}

#imgDesc {
    z-index: 11;
    position: absolute;
    font: normal 24px 'Lucida Console',verdana;
    color: #a8a4a4;
}

#lab1 {
    opacity: 0.5;
    cursor: default;
}

#imgGlobe {
    position: absolute;
    width: 400px;
    left: 570px;
    top: 30px;
    cursor: default;
}

#moreImg {
    position: absolute;
    right: 30px;
    bottom: 10px;
    cursor: pointer;
}

    #moreImg:active {
        right: 29px;
        bottom: 9px;
    }

#mainContent {
    height: 480px;
    overflow: hidden;
    cursor: default;
}

#content1 {
    width: 960px;
    height: 150px;
    overflow: hidden;
    position:relative;
    margin-bottom: 5px;
}

#content2 {
    width: 960px;
    height: 150px;
    overflow: hidden;
    position:relative;
    margin-bottom: 5px;
}

#content3 {
    width: 960px;
    height: 150px;
    overflow: hidden;
    position:relative;
    margin-bottom: 5px;
}

.contentImg {
    position: relative;
    bottom: 140px;
    left: 20px;
    width: 920px;
    font-family: 'Arial Rounded MT', Verdana;
    font-size: 16px;
    line-height: 22px;
    color: black; 
    text-align: justify;
    opacity: 0;
}

.titImg {
    font-family: Arial, Verdana;
    font-size: 24px;
    color: white;
}

#selArea {
    position: relative;
    top: 280px;
    left: 450px;
    z-index: 20;
}

#sel1, #sel2, #sel3, #sel4:hover {
    cursor: pointer;
}