@import url('style_general.css');
@import url('style_typography.css');
@import url('style_nav.css');

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	background: url('../Images/bg_home.png') repeat-x #d8dfe4;
}

#footer {
	padding: 0 0 10px;
	position: absolute;
	top: 740px;
	left: 50%;
	width: 900px;
	margin: 0 0 0 -450px;
	z-index: 20;
}

div#top_wave, div#big_wave {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	min-width: 100%;
}

div#top_wave {
	z-index: 4;
	background: url('../Images/bg_top_wave.png') no-repeat center top;
}

div#big_wave {
	z-index: 2;
	background: url('../Images/bg_big_wave.png') no-repeat center top;
}

div#content_left_container {
	position: absolute;
	top: 198px;
	left: 50%;
	width: 570px;
	height: 241px;
	margin: 0 0 0 -480px;
	z-index: 5;
}

div#content_right_container {
	position: absolute;
	top: 198px;
	left: 50%;
	width: 340px;
	margin: 0 0 0 134px;
	z-index: 5;
}

div#content_right_container img {
	margin-top: 4px;
}

div#logo {
	position: absolute;
	top: 68px;
	left: 50%;
	width: 151px;
	height: 63px;
	margin: 0 0 0 -466px;
	z-index: 4;
}

div.home_box {
	position: absolute;
	top: 473px;
	left: 50%;
	width: 186px;
	height: 224px;
	min-height: 224px;
	padding: 27px 23px 0 23px;
	z-index: 4;
}

div.home_box.bg {
	background: url('../Images/home_box_bg.png') no-repeat left top;
	z-index: 1;
}

div.box_one {
	margin-left: -480px;
}

div.box_two {
	margin-left: -237px;
}

div.box_three {
	margin-left: 5px;
}

div.box_four {
	margin-left: 248px;
}

#search-container {
	position: absolute;
	top: 435px;
	left: 50%;
	margin: 0 0 0 134px;
	width: 340px;
	z-index: 10;
	text-align: right;
}

#search-container input {
	border: none;
	color: #ebeff1;
	background: url('../Images/search-field-blue-bg.png') repeat-x #486c8a;
}