@CHARSET "ISO-8859-1";
div#intro{
	text-align: center;
	margin:0px auto;
	padding:0px;
}

/* standard settings */

/* clear padding and margin */
div#intro p, div#intro h1, div#intro h2 { padding:0; margin:0; font-size:medium; font-style:normal; height:auto; width:auto; }
div#intro h1, div#intro h2 { line-height:100%; }
div#intro h1 { font-size:x-large; line-height:200%; }
div#intro h2 { font-size:large; line-height:160%; }

/* create rounded boxes */
 
div#intro .foafOMaticBox, div#intro .foafBox, div#intro .okkamBox {	
	padding:1%;
	margin:auto;
	text-align:center;
	border: 0.25em solid #71B5EE;
	-moz-border-radius: 2em;
  	border-radius: 2em;
}

/* create text boxes */
div#intro .foafOMaticBox {
	width:66%;
  	background-color:#E0E0F0;
  	margin-top:2em;
  	margin-bottom:1em;
}
	
div#intro .foafBox, div#intro .okkamBox {
	margin:1%;
	float:left;
	width:44%;
	height:100%; 
	/*border-color:#5195CE;*/
	border-color:#B8B8C8;
  	background-color:white; /*#D8D8E8;*/
}

div#intro .foafBox p, div#intro .okkamBox p, div#intro .foafOMaticBox p {
	font-size:small;
}

div#intro .foafAndOkkamBlock {
	margin:0 auto;
}

div#intro .clearDiv {
	margin:0;
	padding:0;
	clear:both;
	overflow:hidden;
	height:0px;
	width:0px;
	border:0px;
	line-height:0%;
}
div#intro .startBox {
	padding-bottom:1em;
}
		
div#intro .startBox a:link, div#intro .startBox a:visited {
	font-size:large;
	color:#5195CE;
	font-style:italic;
}
	
	
