@charset "UTF-8";
/* CSS Document */

body {
	margin-top: 25px;
}

#animation_index {
	position: absolute;
	width: 1024px;
	height: 400px;
	left: 0px;
	top: 50px;
	z-index: 2;
	visibility: visible;
}

#animation_four_column_01 {
	position: absolute;
	width: 220px;
	height: 400px;
	left: 50px;
	top: 0px;
	z-index: 1;
	visibility: visible;
	background-color: #C5C75E;	
}

#animation_four_column_02 {
	position: absolute;
	width: 220px;
	height: 400px;
	left: 284.5px;
	top: 0px;
	z-index: 1;
	visibility: visible;
	background-color: #FBAF3F;
}

#animation_four_column_03 {
	position: absolute;
	width: 220px;
	height: 400px;
	left: 518.5px;
	top: 0px;
	z-index: 1;
	visibility: visible;
	background-color: #BFCFD8;
}

#animation_four_column_04 {
	position: absolute;
	width: 220px;
	height: 400px;
	left: 752px;
	top: 0px;
	z-index: 1;
	visibility: visible;
	background-color: #D8C757;
}

#animation_image_01 {
	position: absolute;
	width: 300px;
	height: 400px;
	left: 50px;
	top: 0px;
	z-index: 2;
	visibility: visible;
}

#animation_image_02 {
	position: absolute;
	width: 237px;
	height: 400px;
	left: 325px;
	top: 0px;
	z-index: 3;
	visibility: visible;
}

#animation_image_03 {
	position: absolute;
	width: 165px;
	height: 400px;
	left: 543px;
	top: 0px;
	z-index: 4;
	visibility: visible;
}

#animation_image_04 {
	position: absolute;
	width: 265px;
	height: 400px;
	left: 707px;
	top: 0px;
	z-index: 5;
	visibility: visible;
}

#dabody {
	position: absolute;
	width: 1024px;
	height: 500px;
	left: 0px;
	top: 0px;
	visibility: visible;
	z-index: 1;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	background-image: url(_assets/web_ui_kit/subtle_stripes/subtle_stripes.png);
}


/* four column text boxes and lines */
#four_column_01 {
	position: absolute;
	width: 220px;
	height: 400px;
	left: 50px;
	top: 300px;
	visibility: visible;
	z-index: 3;
	background-color: #BFCDB7;
}

#four_column_02 {
	position: absolute;
	width: 220px;
	height: 400px;
	left: 284.5px;
	top: 300px;
	visibility: visible;
	z-index: 3;
	background-color: #BFCDB7;
}

#four_column_03 {
	position: absolute;
	width: 220px;
	height: 400px;
	left: 518.5px;
	top: 301px;
	visibility: visible;
	z-index: 3;
	background-color: #BFCDB7;
}

#four_column_04 {
	position: absolute;
	width: 220px;
	height: 400px;
	left: 752px;
	top: 300px;
	visibility: visible;
	z-index: 3;
	background-color: #BFCDB7;
}


#wrapper {
	position: relative;
	width: 1024px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
}

/* margins for navigation buttons */
.margins_10px {
	margin-left: 10px;
	margin-right: 10px;
}