@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}


/*---------- Misc ---------- */

html {
	overflow: auto;
}

body {
	padding-top: 20px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #4385cf url(../images/splash_page/splash_page_bg.jpg) no-repeat center top;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 0px;
	height: 0px;
}

image-preload {
	background: url(../images/splash_page/splash_page_sprite_group1_hover.gif) no-repeat;
	background: url(../images/splash_page/splash_page_sprite_group2_hover.gif) no-repeat;
}

h1,
h2 {
	font-size: 12px;
}

#group1,
#group2 {
	width: 428px;
	padding: 30px 0 0 320px;
	margin: 0 auto;
}

#group1 {
	height: 258px;
	margin-bottom: 10px;
	background: url(../images/splash_page/splash_page_group1_bg.png) no-repeat;
}

#group2 {
	height: 218px;
	background: url(../images/splash_page/splash_page_group2_bg.png) no-repeat;
}

	#group1 .row 
	#group2 .row {
		height: 40px;
		position: relative;
	}
	
		#group1 h1,
		#group1 h2,
		#group2 h1,
		#group2 h2 {
			position: absolute;
		}
		
		#group1 .h1,
		#group1 .h2,
		#group1 .h3,
		#group1 .h4,
		#group1 .h5,
		#group1 .h6, 
		#group2 .h1,
		#group2 .h2,
		#group2 .h3,
		#group2 .h4,
		#group2 .h5,
		#group2 .h6 {
			display: block;
			width: 405px;
			height: 40px;
			position: relative;
			z-index: 99;
		}
			#group1 .h1 { background: url(../images/splash_page/splash_page_sprite_group1.gif) no-repeat; }
			#group1 .h1:hover { background: url(../images/splash_page/splash_page_sprite_group1_hover.gif) no-repeat; }
			#group1 .h2 { background: url(../images/splash_page/splash_page_sprite_group1.gif) no-repeat left -40px; }
			#group1 .h2:hover { background: url(../images/splash_page/splash_page_sprite_group1_hover.gif) no-repeat left -40px; }
			#group1 .h3 { background: url(../images/splash_page/splash_page_sprite_group1.gif) no-repeat left -80px; }
			#group1 .h3:hover { background: url(../images/splash_page/splash_page_sprite_group1_hover.gif) no-repeat left -80px; }
			#group1 .h4 { background: url(../images/splash_page/splash_page_sprite_group1.gif) no-repeat left -120px; }
			#group1 .h4:hover { background: url(../images/splash_page/splash_page_sprite_group1_hover.gif) no-repeat left -120px; }
			#group1 .h5 { background: url(../images/splash_page/splash_page_sprite_group1.gif) no-repeat left -160px; }
			#group1 .h5:hover { background: url(../images/splash_page/splash_page_sprite_group1_hover.gif) no-repeat left -160px; }
			#group1 .h6 { background: url(../images/splash_page/splash_page_sprite_group1.gif) no-repeat left -200px; }
			#group1 .h6:hover { background: url(../images/splash_page/splash_page_sprite_group1_hover.gif) no-repeat left -200px; }
			
			#group2 .h1 { background: url(../images/splash_page/splash_page_sprite_group2.gif) no-repeat; }
			#group2 .h1:hover { background: url(../images/splash_page/splash_page_sprite_group2_hover.gif) no-repeat; }
			#group2 .h2 { background: url(../images/splash_page/splash_page_sprite_group2.gif) no-repeat left -40px; }
			#group2 .h2:hover { background: url(../images/splash_page/splash_page_sprite_group2_hover.gif) no-repeat left -40px; }
			#group2 .h3 { background: url(../images/splash_page/splash_page_sprite_group2.gif) no-repeat left -80px; }
			#group2 .h3:hover { background: url(../images/splash_page/splash_page_sprite_group2_hover.gif) no-repeat left -80px; }
			#group2 .h4 { background: url(../images/splash_page/splash_page_sprite_group2.gif) no-repeat left -120px; }
			#group2 .h4:hover { background: url(../images/splash_page/splash_page_sprite_group2_hover.gif) no-repeat left -120px; }
			#group2 .h5 { background: url(../images/splash_page/splash_page_sprite_group2.gif) no-repeat left -160px; }
			#group2 .h5:hover { background: url(../images/splash_page/splash_page_sprite_group2_hover.gif) no-repeat left -160px; }
			