﻿body
{
    text-align: center; 
    min-width: 960px; 
    font: 11px Verdana; 
    color: #000;
}

a { color: #000; text-decoration:underline; }
a:hover { color:#000; text-decoration: underline; }
a img { border: none; }

.banner { width: 960px; height: 200px; background-image: url(/img/banner.png); background-repeat: no-repeat; }
.banner a { color: #fff; text-decoration: none; }
.banner a:hover { color:#fff; text-decoration: underline; }
.banner a img { border: none; }

.suppot a { color: #a4a4a4; text-decoration: none; }
.support a:hover { color:#fff; text-decoration: underline; }

.pin1
{
	background-image:url(../img/map/p01.png); background-repeat:no-repeat;
}

.pin2
{
	background-image:url(../img/map/p02.png); background-repeat:no-repeat;
}

.pin4
{
	background-image:url(../img/map/p04.png); background-repeat:no-repeat;
}

.pin14
{
	background-image:url(../img/map/p14.png); background-repeat:no-repeat;
}


.container
{
    margin: 0 auto;
    width: 960px;
    text-align: left;
}

#left
{
	margin-left:10px;
    width:265px;
    height:600px;
    border: 1px solid gray;
    background-color:#fff;
    float:left;
}
#left_nav
{
    width:245px;
    height:580px;
    margin-left:10px;
    margin-top:10px;
    overflow:auto;
    z-index:0;
    color:#666;
}
#left_shadow_t,
#left_shadow_tl,
#left_shadow_l
{
    background-position:left top;
    background-repeat:no-repeat;
    z-index:1;
}

#left_shadow_t
{
    background-image:url(/img/map/top.png);
    background-repeat:repeat-x;
    height:9px;
    width:256px;
    float:left;
}

#left_shadow_tl
{
    background-image:url(/img/map/topleft.png);
    height:9px;
    width:9px;
    float:left;
}

#left_shadow_l
{
    background-image:url(/img/map/left.png);
    background-repeat:repeat-y;
    width:9px;
    height:591px;
    float:left;
}

.ms
{
	width:10px;
	height: 100px;
	float:left;
	border: 1px solid red;
}

#map_container
{
    width:668px;
    height:600px;
    float:left;
    background-color:#fff;
}

#map
{
    width:668px;
    height:600px;
    z-index:0;
}

#map_shadow_t,
#map_shadow_tl,
#map_shadow_l
{
    background-position:left top;
    background-repeat:no-repeat;
    z-index:1;
}

#map_shadow_tl
{
	position:relative;
	margin-top: -600px;
    background-image:url(/img/map/topleft.png);
    height:9px;
    width:9px;
    float:left;
}

#map_shadow_t
{
	position:relative;
	margin-top: -600px;
	margin-left: 9px;
    background-image:url(/img/map/top.png);
    background-repeat:repeat-x;
    height:9px;
    width:659px;
    float:left;
}

#map_shadow_l
{
	position:relative;
	margin-top: -591px;
    background-image:url(/img/map/left.png);
    background-repeat:repeat-y;
    width:9px;
    height:649px;
    float:left;
}

.gar
{
	width:120px;
	height:600px;
	border: 1px solid gray;
	float:left;
}

.container1
{
    float: left;
    width: 100%;
    position: relative;
    right: 50%;
}
.container2
{
    clear: left;
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.col1
{
    float: left;
    width: 30%;
    position: relative;
    left: 50%;
    overflow: hidden;
    height: 530px;
}
.col2
{
    float: left;
    width: 70%;
    position: relative;
    left: 50%;
    overflow: hidden;
    height: 530px;
}

.container3
{
    float: left;
    width: 100%;
    position: relative;
    right: 50%;
}
.container4
{
    clear: left;
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.col3
{
    float: left;
    width: 39%;
    position: relative;
    left: 50%;
    overflow: hidden;
    height: 530px;
}
.col4
{
    float: left;
    width: 60%;
    position: relative;
    left: 50%;
    overflow: hidden;
    height: 530px;
}