@CHARSET "UTF-8";

#header ul {
	margin: 0;
	padding: 0;
}

#header li {
	list-style: none;
}

#header h1 {
	margin: 0;
}

#header .content {
	margin: 0 auto;
	width: 800px;
}

#header .top-bar {
	background-color: #222;
	color: white;
	font-size: .7em;
	line-height: 3em;
	height: 3em;
}

#header .top-bar a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#header .logo-bar {
	background-color: #8D0221;
	color: white;
	height: 125px;
	
	background-image: -webkit-linear-gradient(top, #526ED1, #364D9D);
	background-image: -moz-linear-gradient(top, #526ED1, #364D9D);
	background-image: -o-linear-gradient(top, #526ED1, #364D9D);
	background-image: -o-linear-gradient(top, #526ED1, #364D9D);
	background-image: linear-gradient(top, #526ED1, #364D9D);
}

#header .logo-bar a, #header .logo-bar a:VISITED {
	color: white;
	text-decoration: none;
}

#header .logo-bar .logo {
	float: left;
	margin: 1em 0;
	text-shadow: 0 .1em .2em white, .2em .2em .3em #333;
}

#header .logo-bar .logo .main-logo {
	font-size: 2.5em;
}

#header .logo-bar .logo .sub-logo {
	font-size: 1em;
	margin: 0;
	text-align: right;
}

#header .navi-bar {
	background-color: #EFEFEF;
	box-shadow: 0 2px 5px 2px #999;
	font-size: 1em;
	font-weight: bold;
	height: 3em;
	line-height: 3em;
	text-transform: uppercase;
}

#header .navi-bar li {
	float: left;
	margin: 0 1em 0 0;
	padding: 0 0 0 35px;
}

#header .navi-bar li.home {
	background: url(../images/icon/home-32.png) no-repeat left .3em;
}

#header .navi-bar li.result {
	background: url(../images/icon/folder-32.png) no-repeat left .3em;
}

#header .navi-bar li.doc {
	background: url(../images/icon/note-32.png) no-repeat left .3em;
}

#header .navi-bar li.download {
	background: url(../images/icon/box-download-32.png) no-repeat left .3em;
}

#header .navi-bar a {
	border-right: 1px solid gray;
	color: #333;
	padding: 0 1em 0 0;
	text-decoration: none;
	text-shadow: 0 .1em .1em white, .1em .1em .2em #444;
}