@charset "utf-8";

@import url("reset.css");


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	color: #663300;
}

h1 {
	font-size: 14px;
	margin:0 0 42px 0;
}

h1 span {
	font-weight:normal;
	font-style:italic;
}

h2 {
	margin: 0 0 20px;
}

p {
	margin:0 0 10px 0;
}

ul {
	margin-bottom: 20px;
}

a {
	color: #663300;
	text-decoration:underline;
}
a:hover {
	color: #663300;
	text-decoration:none;
}

.en {
	padding: 20px 0 0;
	font-style:italic;
}

#container {
	width: 850px;
	margin: 50px auto;
	background: url("../gfx/box.png") no-repeat scroll 100% 20px transparent;
}

#logo {
	width:142px;
	height:43px;
	background: url("../gfx/logo_appr.png") no-repeat scroll 0 0 transparent;
	margin:0 0 30px;
}

#logo a {
	text-decoration:none;
	display:block;
	width:142px;
	height:43px;
}

#nav {
	width: 180px;
	margin: 0 30px 0 0;
	float:left;
	font-weight:bold;
}

#nav ul {
	list-style: none;
	margin:0;
}

#nav li {
	margin:5px 0;
}

#nav a {
	height: 20px;
    line-height: 20px;
    padding: 2px 0;
	color: #663300;
	text-decoration:none;
}
#nav a:hover {
	color: #6699ff;
	text-decoration:none;
}

#nav li.active a {
	color: #6699ff;
}

#nav span {
	font-weight:normal;
	font-style:italic;
}

#main {
	width: 550px;
	float:left;
	margin: -57px 0 0;
}

#content {
	padding: 0 0 50px;
	background: url("../gfx/box.png") no-repeat scroll 0 100% transparent;
}