@charset "utf-8";

img {
	border: none;
}

.clear {
	clear: both;
	*display: inline; /*IE only*/
}

#top_banner{
	width:100%;
	height:136px;
	position: fixed;
	top: 0;
	border:0px red solid;
	
	background: url(../../images/banner_top.jpg) 100% 75% no-repeat;
	z-index:9
}
/*top   menu*/
#top {
	position: fixed;
	text-align: right;
	top: 0;
	z-index: 300000;
	width: 100%;
	height: 43px;
	background: #1AB394 ;
	padding-left: 10%;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

#top ul li {
	float: left;
	list-style: none;
}
#top ul li a {
	color: #fff;
	line-height: 0px;
	text-decoration: none;
	outline:none;
	-moz-outline:none;
}

#nav {	
	display: block;
	padding-top: 5px;
}

#nav .mainlevel {
	
	float: left;
	background: #1AB394;
	text-align: center;
	display: block;
	text-decoration: none;
}

#nav .mainlevel a {
	color: #fff;
	text-decoration: none;
	line-height: 34px;
	height: 34px;
	text-align: center;
	padding: 0 20px;
	display: block;
	_width: 48px;
}

#nav .mainlevel a:hover {
	text-decoration: none;
	color: #3f240e;	
	background: #678900 url(../../images/slide-pannel_14.png) 0 0 repeat-x;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

#nav .mainlevel ul {
	position: absolute;
	display: none;
	*width: 2000px; /*IE is great need, width>=li.length      3f240e*/
}

#nav .mainlevel li {
	float: left;
	background: #3f240e;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

#nav .mainlevel li a {
	padding: 0 12px;
	line-height: 24px;
	height: 24px;
	display: block;
	_padding-bottom: 6px; /*IE6 only*/
}

#nav .mainlevel li a:hover {
	color: #3f240e;
	text-decoration: none;
	background: #678900 url(../../images/slide-pannel_14.png) 0 0 repeat-x;
}

#nav li a em /*input an em tag as a space*/ {
	padding: 0 3px;
}

.note {
	color: #3f240e;
	border-right: 1px solid #fff;
	background: #678900 url(../../images/slide-pannel_14.png) 0 0 repeat-x;
	display: block;
	line-height: 34px;
	padding: 0 3em;
}

.Triangle_con {
	height: 9px;
	background: url(../../images/bird.png) 36px 0 no-repeat;
	display: block;
	_margin-bottom: -6px; /*IE6 only*/
}

.log {
	margin: 100px auto;
	width: 1000px;
	text-transform: capitalize;
	line-height: 200%;
}

/*  bottom menu/ dock - top */
.dock {
	position: relative;
	height: 50px;
	text-align: center;
}

.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}

a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.dock-item img {
	border: none;
	margin: 5px 10px 0px;
	width: 100%;
}

.dock-item span {
	display: none;
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 20px;
	position: relative;
	left: 0px;
}

.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}

a.dock-item2 {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px;
	color: #000;
	bottom: 0px;
	position: absolute;
	text-align: center;
	text-decoration: none;
}

.dock-item2 span {
	display: none;
	padding-left: 20px;	
	color:#fff;
}

.dock-item2 img {
	border: none;
	margin: 5px 10px 0px;
	width: 100%;
}