* {
    margin: 0;
    padding: 0;
}

#container {   

    position:absolute;
    top:0px; left:0px;
    /* background-image:url(../img/back_map.jpg); */
    background-color:#FFFFFF;
    background-repeat:no-repeat;
    margin:0px; padding:1px;
    width: 734px; 
    height:600px; 
    font-family:Arial,Helvetica,sans-serif;
    color: #343434;
    font-size:	13px;
    line-height: 18px;
}

#intro {   
    position:absolute;
    top:0px; left:423px;
    /* background-image:url(../img/back_map.jpg); */
    background-color:#ffffff;
    background-repeat:no-repeat;
    margin:0px; 
    padding-top:120px;
    padding-left:30px;
    padding-right:70px;
    width:312px;
    height:600px; 
    font-family:Arial,Helvetica,sans-serif;
    color: #343434;
    font-size:	13px;
    line-height: 18px;
    
}

#intro span {   
   width:100px; 
}

/* DOTS */

.dot { 
    display:block;
    background-image:url(../img/icon_1a.png);
    width:40px; height:35px }
/*

.dot:hover { background-image:url(../img/icon_2a.png); }

.selected { 
    display:block;
    background-image:url(../img/icon_2a.png);
    width:40px; height:35px }
*/
/* MOUSE OVER */

#mouseover_dot div {   
    display: none;   
    font-family:Arial,Helvetica,sans-serif;
    color: #343434;
    font-size:	13px;
    line-height: 18px;   
    font-weight: bold;
    background-color: #ffffff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}


/* CONTENT PAGES */

#content_pages {   
    Mposition:absolute; top:80px; left:430px;
    position:absolute; top:80px; left:30px;
    width: 675px; 
    height:600px; 
    font-family:Arial,Helvetica,sans-serif;
    color: #343434;
    font-size:	13px;
    line-height: 18px;   
}

#content_pages h1 {
    font-size: 15px;
    margin-bottom: 10px;
}

.page {  
    display: none;
}


.page a {
    color: #e2101d;
    text-decoration: none;
}

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

.page span {
    float:right;
    color: #999999;
    font-size:10px;

}

.page .blue {
    float:left;
    color: #5f7cfd;
    font-size:13px;
    font-weight:bold;
}
/* MOUSE POSITION*/

#coordinate {
    display: none;    
    position:absolute; 
    top:0px; left:430px;
    width: 220px;
    height: 55px;
    background:#ff3333;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    color: #343434;
    font-size:	14px;
    padding: 10px;  
}

/* TABS */

.tab_content {
    display: none;

}

.tabs {
    overflow: hidden;
}

.tabs li,
.tabs a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.tabs li {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-width: 0;
    display: inline;
    float: left;
    list-style: none;
    margin: 0 4px 0 0;
    padding: 0px;
    text-align: center;
    width: 207px;
    height:39px;

}

.tabs a {
    border: 1px solid #eee;
    font-weight: bold;
    border-bottom-width: 0;
    color: #999;
    display: block;
    padding: 5px 0;
    text-decoration: none;
    border-width: 0px;
    height:39px;
    padding-top: 11px;
}

.tabs a.current {
    Mbackground: #ccc;
    background: #7caac7;
    border-color: #7caac7;
    color: #000;
    height:39px;

    padding-top: 11px;
}

.tabs a:hover {
    Bbackground: #666;
    background: #2e478f;
    border-color: #2e478f;
    color: #fff;
    padding-top: 11px;
}

/* For IE6. */
* html .tabs a {
    height: 1%;
}

.tab_content_wrap {
    margin: 0 0 20px;
    padding: 20px 20px 5px;
    width: 350px;
    height: 500px;
}

/* SPINNER */

#waiting {
    margin-top: 250px; 
    margin-left: 130px; 
    color:#666666;
    font-weight: bold;
    font-family: Arial;
}