/*!	文档说明：
 *	说明：顶部栏样式设置
 *	作者：屈金辉
 *	版本：1.0
 *	编写日期：2014年3月20日
 *	最后修改：2014年3月20日
 */



/*--------------------------------------------------
 *	基础设置
 *--------------------------------------------------*/
html,body{ font: 12px/1.5 "Microsoft Yahei", "微软雅黑", tahoma, helvetica, clean, sans-serif; }

body,.container { height: 88px; background: #5ba4db; }

.container { position: relative; box-shadow: inset 0px -6px 16px rgba(0,0,0,0.12); }



/*--------------------------------------------------
 *	头部LOGO与导航区域
 *--------------------------------------------------*/

.logo-area { position: absolute; left: 0; top; }

.logo-area img { width: 168px; height: 80px; }

.logo-area h1 {
	font-size: 32px;
	line-height: 40px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
	margin: 18px 0 0 14px;
}
.logo-area h1 sup {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	margin-left: 5px;
	line-height: 40px;
	vertical-align: top;
	*top: 5px;
}

.nav-area,dl.info-list { position: absolute; right: 0; top: 5px; }

.nav-area span, .nav-area a { color: #fff; margin-right: 10px; }

.nav-area span { padding-right: 14px; border-right: 1px solid #eee; }

dl.info-list {
	color: #fff;
	top: auto;
	bottom: 0;
	right: 0;
	padding: 5px;
	border-top: 1px solid #eee;
}

dl.info-list dd { float: left; margin-left: 2em; }