body {
	padding: 0;
	margin: 0;
	font-family: Arial, helvetica, sans-serif;
	
	text-align: center;

	background-color: #BCB9B4;
}

#container {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	border: 10px solid #fff;

	border-bottom: none;
}

	#header {
		position: relative;

		height: 128px;

		background-image: url("images/head_logo.gif");
		background-repeat: no-repeat;
		background-position: 0 0;
	}

		#header h1 {
			display: none;

			margin: 0;
			padding: 0;

			position: absolute;
			top: 30px;
			left: 10px;

			color: #686763;

			font-size: 260%;
		}

		#header h2 {
			display: none;

			margin: 0;
			padding: 0;

			font-size: 80%;
			color: #666;
			font-weight: normal;

			position: absolute;
			top: 40px;
			left: 230px;
		}

			#header h2 span {
				font-weight: bold;
				color: #686763;
			}

	#nav {
		background-color: #666;
		border-bottom: 2px solid #fff;
	}

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

			#nav ul li {
				float: left;
				width: 126px;
				border-right: 2px solid #fff;
			}

				#nav ul li.last {
					border-right: none;
					width: 130px;
				}

				#nav ul li a {
					display: block;
					text-align: center;
					padding: 10px 0;
					font-size: 70%;
					font-weight: normal;
					color: #fff;
					text-decoration: none;

					width: 126px;
				}

					#nav ul li.last a {
						width: 130px;
					}

				#nav ul li a:hover {
					background-color: #999;
				}

	#slogan {
		border-bottom: 2px solid #fff;
		padding: 10px;
		background-color: #82807b;
	}

		#slogan h2 {
			text-align: center;
			font-size: 110%;
			margin: 0;
			padding: 0;
			color: #686764;
		}

			#slogan h2 span {
				font-weight: normal;
				color: #eee;
			}

	#content {
		background-color: #fff;
	}




	#footer {
		background-color: #fff;
		padding: 10px;
		
		border-top: 1px solid #ccc;
	}

		#footer p {
			margin: 0;
			padding: 0;

			font-size: 70%;

			color: #81807B;
		}

			#footer p span {
				color: #999;
			}

			#footer p a {
				color: #81807B;
				text-decoration: none;
			}

				#footer p a:hover {
					text-decoration: underline;
				}
				#credit {
					width: 790px;
					margin: 10px auto;
					padding: 0;
					text-align: right;
					font-size: 70%;
					color: #999;
				}

					#credit a {
						color: #777;
						text-decoration: none;
					}

						#credit a:hover {
							color: #000;
						}
/* for clearing floats */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */