* { margin:0; padding:0; }

body { 
	width:100%; height:100%;
	font:normal 12px "Century Gothic", sans-serif;
	color:rgb(51,51,51);
	background:rgb(252,252,252);
	text-align:center;	
}

div#content {
	width:500px;height:500px;
	margin:25px auto 5px auto;
	border:1px solid rgb(153,153,153);
	background:url(spiral.png) top left no-repeat;
	text-align:left;
}

div#section_one { height: 185px; }
div#section_two { height: 160px; margin: 130px 0 0 0; overflow: hidden; }

h1 { font-size:18px; margin: 10px 10px 5px 10px; }
p  { font-size:14px; margin: 0 10px; }
ul { margin: 5px 10px; padding: 0 0 0 20px; font-weight: bold; list-style-type: square; }
	
span.technology { font-family: Verdana; font-weight: normal; margin:auto 10px; }

div#card_menu { 
	height: 15px; line-height: 15px; margin: 0 15px; 
	background: rgb(245,245,245); filter: alpha(opacity=70); opacity: .70; 
}
div#card_menu span { 
	font-size: 11px; font-weight: bold; color: rgb(153,153,153); padding: 0 10px; 
	background: rgb(247,247,247); text-decoration: none; cursor: pointer; 
}
div#card_menu span:hover, div#card_menu span.active { color: rgb(102,102,102); background: #fff; }
div.card { 
	height: 145px; margin: 0 15px; overflow:auto;
	background: #fff; filter: alpha(opacity=70); opacity: .70;
}
div.card p { font-size: 11px; margin: 5px 10px; }

.flag { border: none; float: right; margin: 5px 15px; }