/***** Global Settings *****/

@import url(reset.css);

body, html { 	
	background: url('../images/Splash2bg.jpg');
	height: 100%; width: 100%; color: white; 	}

/***** Font Styles *****/


/***** Layout Elements (from top left to bottom right) - for 1024px width *****/

#outer {
	height: 100%; 
	width: 100%;
	overflow: visible; 
	position: relative; }
	
#outer[id] { display: table; position: static; }

#middle {
	position: absolute; 
	top: 50%; } /* for explorer only*/
	
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner { 
	background: black url('../images/Splash3.jpg') no-repeat;
	position: relative; 
	width: 790px;
	height: 590px;
	margin-left: auto; margin-right: auto;
	top: -50%; } /* for explorer only */
	
#inner #content {
	position: absolute;
	left: 190px;
	top: 155px;
	width: 329px;
}
	
/* optional: #inner[id] {position: static;} */

a h3 {
	color: #ccc;
	font: 18px arial, sans-serif;
	padding: 4px;
	width: 350px;
}

a:hover h3 {
	color: #004499;
}

p {
	font-size: 11px;
}

a { color: #77aaee; }
a:hover { color: #0044aa;}