/* ------------------------------------------------------
-------------- Yahoo! reset + site-wide stuff
------------------------------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	font-family: "Lucida Grande", Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { border: 0; }
address,caption,cite,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul { margin: 0 0 17px 25px; }
caption,th { text-align: left; }

h1 { font-size: 28px; font-weight: bold; }
h2 { font-size: 24px; font-weight: bold; }
h3 { font-size: 20px; font-weight: bold; }
h4 { font-size: 18px; font-weight: bold; }
h5 { font-size: 16px; font-weight: bold; }

p {
	line-height: 1.5;
	margin: 0 0 0px 0;
	padding-bottom: 9px;
}
a { 
	color: #0066c4;
	text-decoration: underline; 
}
a:hover { 
	color: #000; 
	text-decoration: none; 
}

.clear { clear: both; }
.sep { clear: both; height: 20px; }


/* ------------------------------------------------------
-------------- Structure
------------------------------------------------------ */

body {
}
#wrapper {
	position: relative;
	text-align: left;
	margin: 14px 14px 29px 60px;
	width: 700px;
}
#wrapper.splash { 
	margin-top: 30px;
	margin-left: 17px; 
}
#wrapper .column { margin-top: 50px; }
h1 { margin-top: 100px; }
#wrapper .column {
	float: left;
	width: 335px;
	}
	#wrapper .column.left { padding-right: 15px; }
	#wrapper .column.right { padding-left: 15px; }
	#wrapper .column h3 {
		font-size: 15px;
		padding-top: 20px;
	}


/* ------------------------------------------------------
-------------- Splash
------------------------------------------------------ */

#wrapper.splash {
	background: #fff url('quadrilogy-intro.png') no-repeat top center;	
	height: 517px;
	width: 453px;
}
#wrapper.splash a {
	text-transform: uppercase;
	position: absolute;
	top: 550px;
	}
	#wrapper.splash a.de { right: 70px; }
	#wrapper.splash a.en { left: 80px; }