/* --------------------------------------------------

header

-------------------------------------------------- */


#header{
	width: 100%;
	text-align: left;
	margin:0;
	padding:0;
	background: url(../img/common/header_bg.jpg) repeat 0 0; 
}

#headerIn{
	width: 100%;
	text-align: left;
	margin:0;
	padding:0;
	background: url(../img/common/headerIn_bg.png) no-repeat center bottom; 
}

#headerMain{
	width:980px;
	height:220px;
	margin: 0 auto;
}

#header h1{
	width: 180px;
	height:128px;
	margin-top:20px;
	float:left;
}

#header .site_search {
	background: url(../img/common/sitesearch_bg.png) no-repeat 0 0 ;
	width:385px;
	height:40px;
	float:right;
	margin-top:25px;
	margin-bottom:25px;
}


#header .site_search input.search_box{
	float: left;
	border: medium none;
	width:223px;
	height:25px;
	padding:0px;
	margin:7px 0 0 120px;
    line-height: 25px;
	color:#666;	
	font-size:90%;
	zoom:1;
}


#header .site_search img{
	float: left;
	margin:5px 0 0;
	vertical-align:bottom;
	font-size:9px;
	zoom:1;
}

#header .site_search a:active img{
	padding-top:1px;
}


/* --------------------------------------------------

#menu

-------------------------------------------------- */


#menu{
	zoom:1;
    line-height: 1;
	float: left;
	margin-left:20px;
	width:780px;
}

#menu li{
	float: left;
	position:relative;
}

#menu li span{
	display:none;
	position: absolute;
	top: 50px;
	right: -30px;
}


#menu li a:hover span{
	display:block;
	z-index:9999;
}

#menu li a:active span{
	top: 51px;
}

#menu li a:active img{
     filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
}

#menu li a:active span img{
     filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}



/* --------------------------------------------------

btn_blog

-------------------------------------------------- */


#btn_blog{
    height: 240px;
    width: 75px;
    z-index: 1006;
	margin-top:150px;
}



/* --------------------------------------------------

pageTop

-------------------------------------------------- */


#pageTop {
	position: fixed;
	bottom: 100px;
	right: 80px;
	_width:930px;
	_margin:0 auto -70px;
	_position: static;
	_text-align:right;
	z-index:1000;
}

#pageTop a {
	width: 84px;
	text-align: center;
	display: block;
}

/* --------------------------------------------------

footer

-------------------------------------------------- */
#footer{
	width: 100%;
	text-align: left;
	background: url(../img/common/footerbg.jpg) repeat-x 0 0;
}

#footerBottom{
	width: 100%;
	background: url(../img/common/footer.jpg) no-repeat center 0;
	height:395px;
}

#footerBottom #footerBottomIn{
	width: 980px;
	margin: 0 auto 0;
	padding-top:220px;
	clear:both;
	text-align:left;
}

#footerBottom a{
	color:#fff!important;
}

#footerBottom #footerBottomIn ul{
	float:right;
	padding:8px 8px 3px;
	margin:50px 50px 0 0;
	background: url(../img/common/footelink_bg.png) repeat 0 0;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
	width:480px;
}

#footerBottom #footerBottomIn li{
	float:left;
	padding:0 5px;
	margin:0 10px 5px 0;
}

#footerBottom #footerBottomIn p{
	color:#fff;
	margin-top:15px;
}

#footerBottom #footerBottomIn p img{
	vertical-align: middle;
}

#footerBottom #footerBottomIn ul a{
	color:#fff;
	background: url(../img/common/footelink_arrow.png) no-repeat 0 center;
	padding:0 0 0 20px;
}

#footerBottom #footerBottomIn a:hover{
	text-decoration:none;
}