html, body, #container { height: 100%; }

#container {
	background: url(../images/bg-page-columnhomepage.png) repeat-y left top;
	padding-top: 0;
	padding-left: 11px;
}
#header {
	background: #FFF;
	margin-bottom: 0;
	padding: 18px 0 15px 0;
}

h1 { top: 18px; }
#menu { bottom: 15px; }
#header span { top: 9px; }

#introduction {
	height: 258px;
	padding: 12px 570px 0 18px;
	background: url(../images/bg-homepage.jpg) no-repeat left top;
	color: #FFF;
}

#introduction h2 {
	font: normal 2.95em "Kozuka Gothic Pro L", Arial, Helvetica, sans-serif;
	line-height: 1;
}
#introduction h2 img { margin-top: 7px; }

#introduction h3 {
	font: normal 1.8em "Kozuka Gothic Pro R", Arial, Helvetica, sans-serif;
	color: #FBEAC8;
	line-height: 1;
}

#introduction p { margin: 0 2em 1em 0; }
#introduction a { color: #EEDEBE; }

#services {
	background: url(../images/bg-homepage2.jpg) no-repeat left top;
	height: 417px;
	color: #F2F2F2;
	padding: 0 0 0 12px;
}

#services h4 {
	position: relative;
	top: -23px;
}

#services h5 {
	font: normal 12px "Kozuka Gothic Pro B", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FBEAC8;
}

#services ul {
	margin: 0 0 0 10px;
}

#services ul li {
	float: left;
	width: 238px;
	height: 200px;
}

#services ul li.center { margin: 0 31px; }

#services img.lead { margin-bottom: 0.3em; }

#services a {
	color: #6CDBDB;
	text-decoration: none;
	font-weight: bold;
}
#services a:hover { text-decoration: underline; }

#services .haniagallery {
	position: relative;
	top: -13px; left: -19px;
	z-index: 5;
}

#footer {
	color: #BBB;
	clear: both;
	padding: 0.4em 0 0 0.4em;
	background: none;
}