body {
    padding:        0px;
    margin:         0px;
    background:     #E1AA9F;
    border:         0;
    margin:         0;
    width:          100%;
    font:           0.8em arial, helvetica, sans-serif;
    overflow:       hidden;
    text-align:     center;
}

img {
    border:         0;
    padding:        0;
}

.clear {
    clear:          both;
}

.hidden {
    display:        none;
}

.topmenu {
    width: 600px;
    text-align:     center;
    display:        table;
    margin-left:    auto;
    margin-right:   auto;
    position:       relative;
    top:            20px;
    z-index:        10000;
}

.topmenu .item {
    float:          left;
    text-align:     center;
    margin-left:    25px;
    width:          100px;
}

.topmenu .item.first {
    margin-left:    0px;
}

.topmenu a {
    color:          #1a1a1a;
    text-decoration:none;
}

.topmenu a:hover {
    text-decoration:underline;
}

.topmenu a.on {
    color:          white;
}


#backdrop {
    position:               absolute; 
    top:                    0px; 
    left:                   0px;
    z-index:                -1; 
    height:                 100%; 
    width:                  100%; 
    background:             #E1AA9F;
    min-height:             505px;
}

#backdrop .top {
    height:         10%;
    width:          100%;
}

#backdrop .middle {
    height:         80%;
    width:          100%;
    background:     #1A1A1A;
    text-align:     center;
}

#backdrop .bottom {
    height:         10%;
    width:          100%;
}

#backdrop .bottom .dropshadow {
    width:                  100%;
    height:                 20px;
    background-image:       url( '/images/bottom-drop-shadow.gif');
    background-position:    top center;
    background-repeat:      repeat-x;
}


#outer {
    display:                table; 
    height:                 100%;  
    width:                  100%;
    #position:              relative; 
    overflow:               hidden;
    min-height:             505px;
    
}

#intermediate {
     #position:             absolute; 
     #top:                  50%;
     #left:                 0px;
     display:               table-cell; 
     vertical-align:        middle; 
     text-align:            center; 
     width:                 100%;
}

#inner {
    width:          100%;
    #position:      relative; 
    #top:           -50%
}

#overlay {
    position:               absolute;
    top:                    0px;
    z-index:                10;
    width:                  100%;
    height:                 100%;
    cursor:                 pointer;
    background:             white;
    opacity:                0;
    filter:                 alpha(opacity=1);
}

#intro {
    position:               absolute;
    top:                    0px;
    z-index:                100;
    height:                 100%;
    width:                  100%;
    cursor:                 pointer;
}

#copyright {
    position: absolute;
    z-index: 1000;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 10px;
    bottom: 5px;
    left:   0px;
}