body,td,th {
    font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
    /* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
    /* color: #000000; */
    background-color: #000000;
}

a {
    text-decoration:none;
    cursor: pointer;
    color: #fff;
}

h3 {
    font-weight: normal;
    font-size: 20px;
}

*:focus { 
    outline: none; 
}

#mainDiv {
    width: 1024px;
    height: 1535px;
    background-image:url('../media/3volutiongame_background_1.2.jpg');
    background-repeat:no-repeat;
    margin-left: auto ;
    margin-right: auto ;
    border:0px solid purple; /* debug */
    z-index: 1;
}

#frameworkDiv {
    z-index: 10;
    float: left;
    position:relative;
    top: 8px;
    left: 6px;
    width: 959px;
    height: 735px;
    border: 0px solid blue; /* debug */
} 

#contentDiv {
    z-index: 20;
    position: absolute;
    top: 134px;
    left: 0px;
    margin-left:-1px;
    width: 959px;
    height: 548px;
    border: 0px solid red; /* debug */
}

#footerDiv {
    z-index: 20;
    position: absolute;
    top: 1505px;
    left: 0px;
    width: 959px;
    height: 25px;
    border: 0px solid red; /* debug */
    color: #fff;
    text-align: center;
}

#rotatorDiv {
    position: absolute;
    width: 800px;
    height: 80px;
    font-size: 16px;
    top: 40px;
    left: 120px;
    border: 0px solid red;
}
/* Pages TRAPP LMS, TRAPP POT */

#pageHomeAppStore {
    position:absolute;
    top: -98px;
    left: 728px;
    width: 145px;
    height: 50px;
    border: 0px solid red; /* debug */
    cursor: pointer;
    /* background-image:url('../media/logo.png');   */  
} 

#contactUs {
    position:absolute;
    top: 952px;
    left: 270px;
    width: 145px;
    height: 25px;
    border: 0px solid red; /* debug */
    cursor: pointer;
    /* background-image:url('../media/logo.png');   */  
} 

#image1, #image2, #image3, #image4, #image5 {
    position:absolute;
    top: 345px;
    width: 145px;
    height: 215px;
    border: 0px solid red; /* debug */
    cursor: pointer;
}

#image1 {
    left: 75px;   
} 

#image2 {
    left: 254px;   
} 
#image3 {
    left: 433px;   
} 
#image4 {
    left: 612px;   
} 
#image5 {
    left: 791px;   
}

#teaser1 {
    position:absolute;
    top: -5px;
    left: 125px;
    width: 70px;
    height: 70px;
    border: 0px solid red; /* debug */
    cursor: pointer;
}

#ringtones {
    position:absolute;
    top: 178px;
    left: 105px;
    width: 200px;
    height: 100px;
    border: 0px solid red; /* debug */
}

#contactUsLinks {
    z-index: 20;
    position: absolute;
    top: 1180px;
    left: 585px;
    width: 959px;
    height: 25px;
    border: 0px solid red; /* debug */
    color: #fff;
    text-align: left;
} 

#text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8 {
    z-index: 20;
    position: absolute;
    border: 0px solid red; /* debug */
    color: #fff;
    text-align: left;
    text-shadow: #000 1px 1px 2px, #000 1px 1px 2px, #666 -1px -1px 3px;
}

#text1, #text2, #text3, #text4, #text5 {
    top: 590px;
    width: 160px;
    height: 150px;
    font-size: 12px;
}

#text6, #text7 {
    top: 770px;
    width: 250px;
    height: 150px;
    font-size: 12px;
} 

#text7 {
    width: 300px;
}

#text8 {
    top: 800px;
    width: 100%;
    height: 150px;
    font-size: 12px;
    left: 25px;
}


#text1 strong {
    color: #4ce766;
}
#text2 strong {
    color: #45b8f2;
}
#text3 strong {
    color: #e926b8;
}
#text4 strong {
    color: #f0ee4a;
}
#text5 strong {
    color: #ef2d2f;
}

#text1 {
    left: 70px;   
} 

#text2 {
    left: 249px;   
} 
#text3 {
    left: 427px;   
} 
#text4 {
    left: 607px;   
} 
#text5 {
    left: 786px;   
} 

#text6 {
    left: 212px;   
} 
#text7 {
    left: 522px;   
}