@charset "utf-8";
/* CSS Document */
body  {
	font: 12px Verdana, Geneva, sans-serif, 宋体, 新宋体;
	background: #F8F8F8;
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中,这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
	color: #000000;
}

ul, li {
	padding: 0;
	 margin: 0;
}

p{
	margin:0 10px 10px;
}

#header {
	height: 30px;
}

#header ul {
	text-align: right;
	padding:10px 20px 0 0;
}

#header li {
	display: inline;
}

#header li a {
	padding: 0 5px;
	color: #3ea53c;
	text-decoration: none;
}

#header li a:hover {
	text-decoration: underline;
}

.valueCategory {
	position: absolute;
	top: 50px;;
	left: 0;
	width: 100%;
	height: 130px;
	text-align: left;
	overflow: hidden;
}

#valueCategory {
	z-index: 50;
}

.valueCategoryWrapper, #valueCategoryWrapper {
	width: 9000px;
	height: 70px;
	margin: 30px 0 0 80px;
}

.vc_item {
	float: left;
	width: 150px;
	height: 70px;
	margin-right: 20px;
	text-indent: -9999px;
	cursor: pointer;
}

#typeCat {
	position: absolute;
	z-index: 30;
	top: 0;
	left: 98px;
	width: 110px;
	height: 1900px;
	border-left:#FFF solid 2px;
	border-right:#FFF solid 2px;
	background:url(../../images/map/nav2_bg.jpg) repeat-x #fced22;
	opacity: 1;
	filter: alpha(opacity=100);
}

#typeCatShadow {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 93px;
	width: 110px;
	height: 1900px;
	border-left:#000 solid 7px;
	border-right:#000 solid 7px;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.typeCatContent {
	position: absolute;
	z-index: 35;
	top: 180px;
	left: 83px;
	width: 110px;
}

.typeItem {
	width: 150px;
	height: 130px;
	background: url(../../images/map/nav_item.gif) no-repeat 10px 0px;
}

.typeItem img {
	margin-top: -10px;
	cursor: pointer;
}

.nav_item {
	width: 130px;
	height: 130px;
	background: url(../../images/map/nav_item.gif) no-repeat 0 5px;
}

.nav_item img {
	cursor: pointer;
}

.nav_list {
	height: 130px;
	overflow: hidden;
	clear: left;
}

.nav_list_item {
	float: left;
}


#wrapper {
	float:left;
	background: url(../../images/map/nav1_bg.jpg) repeat-x ;/* #3ea53c */
	margin: 20px 0 0 0;
	padding-top: 130px;
	width:100%;
}

#content{
	padding: 10px 0 50px 114px;
	margin: 0 0 0 100px;
}

#details {
	padding: 20px;
	color: #666;
}

#mapContainer {
	height: 600px;
	padding: 0 20px 20px 20px;
}

#details h2 {
	color: #ffa708;
	margin: 0 20px 10px 20px;
	padding: 6px 0;
	border-bottom: #ffbc44 solid 1px;
}

h2 {
	margin: 0;
}

#details p {
	padding-left: 10px;
	text-align: left;
}

#details img {
	text-align: right;
	padding: 10px;
}

#map {
	height: 500px;
}

.boxBody {
	padding:2px 7px;
}

.boxBody td {
	vertical-align:top;
}

.greenBox div.boxHeaderWrapper {
	height: 9px;
	font-size: 0;
	background:url(../../images/roundcorner/light_green/top_right.gif) no-repeat top right;
}

.greenBox div.boxHeader {
	height: 9px;
	background:url(../../images/roundcorner/light_green/top_left.gif) no-repeat top left;
}

.greenBox div.boxBody {
	background: url(../../images/roundcorner/light_green/left.gif) repeat-y;
}

.greenBox div.boxBodyWrapper {
	background:url(../../images/roundcorner/light_green/right.gif) repeat-y right;
}
.greenBox div.boxFooterWrapper {
	clear: both;
	height: 9px;
	font-size: 0;
	background:url(../../images/roundcorner/light_green/bottom_right.gif) no-repeat bottom right;
}

.greenBox div.boxFooter {
	height: 9px;
	background:url(../../images/roundcorner/light_green/bottom_left.gif) no-repeat bottom left;
}

.orangeBox div.boxHeaderWrapper {
	height: 9px;
	font-size: 0;
	background:url(../../images/roundcorner/light_orange/top_right.gif) no-repeat top right;
}

.orangeBox div.boxHeader {
	height: 9px;
	background:url(../../images/roundcorner/light_orange/top_left.gif) no-repeat top left;
}

.orangeBox div.boxBody {
	padding: 10px 17px;
	background: url(../../images/roundcorner/light_orange/left.gif) repeat-y;
}

.orangeBox div.boxBodyWrapper {
	background:url(../../images/roundcorner/light_orange/right.gif) repeat-y right;
}
.orangeBox div.boxFooterWrapper {
	clear: both;
	height: 9px;
	font-size: 0;
	background:url(../../images/roundcorner/light_orange/bottom_right.gif) no-repeat bottom right;
}

.orangeBox div.boxFooter {
	height: 9px;
	background:url(../../images/roundcorner/light_orange/bottom_left.gif) no-repeat bottom left;
}

#detailsCover {
	position: absolute;
	top: 180px;
	left:210px;
	z-index: 18;
	width: 600px;
	height: 900px;
	background-color:#FFF;
}

.magicBox {
	position: absolute;
	top: 180px;
	left: 217px;
	z-index: 30;
	height: 900px;
	overflow: hidden;
}

#navigation{
	float:left;
	padding: 0;
	width: 100px;
	margin: 20px 0 0 -100%;
	padding-top: 130px;
}

#navigation ul {
	padding: 20px 0;
}

#navigation li {
	padding: 5px 0;
	list-style: none;
}

#navigation li a {
	color:#063;
	font-size: 120%;
}

#navigation li a:hover {
	text-decoration:underline;
}

#footer {
	position: relative;
	bottom: 0;
	clear: left;
	padding-top: 16px;
	line-height: 25px;
	height: 60px;
	background:url(../../images/map/footer_bg.jpg) repeat-x;
}

#footer ul {
	padding:0 0 10px 0;
}

#footer li {
	list-style: none;
	display: inline;
}

#footer a, #footer span {
	color: #C03;
	text-decoration: none;
	padding: 3px 5px;
	background:#FFF;
}

#footer a:hover {
	text-decoration: underline;
}