@charset "UTF-8";

/* =GENERAL - the general styles */
	body{
		margin:0;
		padding:0;
		background: #FFFFFF;
	}
	
	/* container */
	div#container{
		margin: 1em auto;
		width: 600px;
		background: #FFFFF;
		padding-bottom:10px;
	}
	
	div#toplogo{
		position: absolute;
		margin-top: 0px;
		background-image: url(../images/logo.gif);
		width: 120px;
		height: 60px;
	}
	
	/* bars */
	div#menubar{
		position: absolute;
		margin-top: 55px;
		margin-left: 14px;
	}
	div#topbarright{
		position: absolute;
		margin-top: 80px;
		background-color: #555555;
		width: 600px;
		height: 20px;
	}
	
	div#topbaraboutleft{
		position: absolute;
		margin-top: 80px;
		background-color: #A266F2;
		width: 132px;
		height: 20px;
	}
	div#leftbarabout{
		position: absolute;
		margin-top: 110px;
		background-image: url(../images/leftbarabout.gif);
		width: 132px;
		height: 283px;	
	}
	
	div#topbararchitectureleft{
		position: absolute;
		margin-top: 80px;
		background-color: #FCBF06;
		width: 132px;
		height: 20px;
	}
	div#leftbararchitecture{
		position: absolute;
		margin-top: 110px;
		background-image: url(../images/leftbararchitecture.gif);
		width: 132px;
		height: 283px;	
	}
	
	div#topbarpeopleleft{
		position: absolute;
		margin-top: 80px;
		background-color: #3982FD;
		width: 132px;
		height: 20px;
	}
	div#leftbarpeople{
		position: absolute;
		margin-top: 110px;
		background-image: url(../images/leftpeople.gif);
		width: 132px;
		height: 283px;	
	}
	
	div#topbarlinesleft{
		position: absolute;
		margin-top: 80px;
		background-color: #FC3A20;
		width: 132px;
		height: 20px;
	}
	div#leftbarlines{
		position: absolute;
		margin-top: 110px;
		background-image: url(../images/leftlines.gif);
		width: 132px;
		height: 283px;	
	}
	
	/* contentbar */
	div#contentbox{
		position: absolute;
		margin: 110px auto 0 200px;
		width: 400px;
		font-family: Arial;
		color: #666666;
	}
	
	a{
		font-family: Verdana;
		font-size:.8em;
		color: #999999;
		text-decoration: none
	}
	a:hover{color: #444444;}
	strong{font-weight: bold;}