/**  base  **/
body { background-color: #e1e1e1; color: #303030; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 10px; }
h2, h3, h4 { color: #303030; margin: 0; }
h2 { font-weight: bold; letter-spacing: 3px; margin: 1.25em 0 0; }
h3 { font-size: 110%; font-style: italic; margin-bottom: 0.3em; margin-top: 1.2em; }
img { border: 0; }
p { line-height: 1.25em; margin: 0.25em 0 1em; padding: 0; }
th { text-align: left; }


.copyright { color: #999; text-align: center; font-size: 90%; width: 100%; }
	.copyright a { color: #999; }

/**  menu  **/
.menu { background-color: #fff; border: 1px solid #bb0000; margin-bottom: 1em; padding-bottom: 1em; }
	.menubar { background-color: #dddddd; left: 0; margin: 15px 15px 15px 10px; padding: 0; position: absolute; top: 68px; width: 200px; }
		.menuheader { background-color: #bb0000; border-bottom: 1px solid #303030; color: #f6f6f6; font-weight: bold; font-size: 95%; height: 1em; letter-spacing: 0.25em; padding: 0.33em 0.5em 0.167em; padding-left: 1.3em; }
		.menuspacer { height: 1px; }
		.menusubheader { color: #bb0000; font-size: 75%; font-style: italic; letter-spacing: 0.4em; padding: 8px 0 0 1em; }
		.menusub { margin: 0; }
			a.menusublink { border-right: 4px solid #f6f6f6; color: #303030; display: block; font-size: 95%; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 4px 0.5em 4px 0.1em; text-align: right; text-decoration: none; }
			a.menusublink:hover { background-color: #dddddd; border-left: 4px solid #bb0000; border-right: 4px solid #bb0000; color: #bb0000; }


.main {
	background-color: #fff;
	border: 1px solid #bb0000;
	left: 215px;
	margin: 15px 10px 15px 15px;
	position: absolute;
	padding: 1em 1.5em;
	top: 68px;
	width: 730px;
}

	.leader { font-style: italic; font-weight: bold; }

.history { background-color: #ffffff; border: 1px solid #999999; border-collapse: collapse; padding: 0; text-align: center; width: 100%; }
	.history .xantia { border-left: 3px solid #bb0000; border-right: 3px solid #bb0000; }
		.history .top .xantia { border-top: 3px solid #bb0000; }
		.history .bottom .xantia { border-bottom: 3px solid #bb0000; }
	.history img { width: 180px; height: 100px; margin: 0 20px 0 20px; }
	.history .images td { padding-top: 10px; }
	.history .years td { padding-bottom: 10px; }


.headersubscript {
	font-size: smaller;
}

.develop {
	display: none;
}

div.popup {
	background-color: #f6f6f6;
	border: 1px solid #bb0000;
	color: #303030; 
	left: 10px;
	margin: 1em;
	padding: 1em 1.5em;
	position: absolute;
	top: 10px;
	width: auto;
}

h2.top {
	margin-top: 0;
}


h1.pageheader {
	margin: 0;
	padding: 0.1em 0.7em 0em;
}


td.data1 {
	width: 50px;
}

td.data2 {
	width: 50px;
}


/* COMPANIES */
th.company{ background-color: #dddddd; }
.companyname { width: 100% }
img.company { margin: 0 5px 0 0; }

/* FAQ */
.question { font-weight: bold; margin: 1em 1em; }
.answer { margin: 1em 4em; }

/* center */
#logo { margin-left: -500px; padding-left: 50%; }
.menubar { left: 50%; margin-left: -500px; }
.main { left: 50%; margin-left: -280px; }