@charset "utf-8";

body {font: 12px/1.4em Verdana, Arial, Helvetica, sans-serif; background: #f2f2f2; margin: 0 37px 0 37px; color:#555;}
em {font-style:normal}

a.inv {text-decoration:none;}
a.inv:hover {text-decoration:none;}

#logo {
	background: url(suncloud.png) no-repeat 0 0; margin:0;
	position:absolute;
	top: 0; left: 20px; width: 150px;
	padding: 95px 0 40px 40px;
	font: 14px Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color:#ccc;
}

#menu {margin: 190px 20px 0 0;}
#menu ul {list-style-type: none; margin:0; padding:0; font:50px Tahoma, Geneva, sans-serif; font-weight:bold;}
#menu li {padding:2px 0 2px 10px; }
#menu li.selected  { background-color:#FF881D; color:#eee; padding:2px 0 2px 20px;border-left:1px solid #f2f2f2;}
#menu li.selected2 { padding:2px 0 2px 20px; color:#999; border-left:1px solid #f2f2f2;}
#menu li a {display:block; text-decoration: none; color: #444; padding-left:10px; border-left:1px solid #f2f2f2;}
#menu li a:hover { background-color:#fff; color:#FF881D;}

#content {
	position:absolute;
	top: 0; left: 400px; width: 700px;
	margin: 0; padding: 0;
	border-left: 14px solid #ddd;
	border-right: 20px solid #eee;
	background:#e7e7e7;
	height:100%;
}

#text {padding: 80px 20px 20px 20px; font-weight: bold; }
#text p {font-size:1.5em; line-height:normal; font-family:Verdana, Geneva, sans-serif; margin-bottom:20px;}
#text h1 { font-size: 4em; padding: 0 0 40px 20px; font-variant:small-caps;  text-align: right; font-family:Georgia, "Times New Roman", Times, serif;}
#text h2 { font-size: 2em; padding: 10px 0 10px 10px; font-variant:small-caps;  text-align: left; font-family:Georgia, "Times New Roman", Times, serif;}
#main {font-size: 2.1em; font-weight: bold; line-height:36px;  text-align: right; font-family:Georgia, "Times New Roman", Times, serif; color:#666;}
em.e2 {font-size:1.5em;}
em.e3 {font-size:1.8em;}
em.orange {color:#FF881D;}

	
#footer {background-color:transparent; position:absolute; bottom:0; left:0; width:300px; padding: 20px 50px 40px 50px; } 
#footer p {background-color:#f2f2f2; padding:10px; font-size:1.4em; font-family:Tahoma, Geneva, sans-serif; color:#666;}

#footmenu {position:absolute; bottom:0; left:0; color: #aaa; width:100%; background: transparent url(footcloud.png) no-repeat right bottom; }
#footmenu p {float:right; margin: 30px 140px 20px 0; color: #aaa; background:#f2f2f2; }
#footmenu a {color:#888; border-bottom:1px dotted #666; text-decoration:none; font-size:1.2em;}
#footmenu a:hover {text-decoration:underline; border-bottom:none; color:#555;}

.tip{cursor:help; color:#505050;}
#simpleTooltip { padding: 7px; border: 1px solid #A6A7AB; background: #F2F3F5;}

div.prj { margin: 15px 0 0 0; text-align: left; clear:both;  background-color:#F0F0F0; padding:3px;}
div.prj .title { font-size: 1.5em; font-variant:small-caps;  font-family:Georgia, "Times New Roman", Times, serif; cursor:pointer;}
div.prj .details {display:none; padding: 4px 0 0 15px; font-weight: normal;}
div.prj .details dl dt {float:left; font-weight: bold; padding-right:10px; width:100px;}
div.prj .details dl dd {}

div.note {font-size:1em; color:#777; margin-top: 30px;}

#technology{position:absolute; right:0; float:right; top: 270px; background-color:#909090; color:#FFF; padding: 15px 10px 15px 20px; z-index:300; line-height:14px; font-size:1.2em; font-style:Arial, mono-spaced; cursor:pointer;}
#tech_about{background-color:#999; color:#FFF; float:left; position:absolute; left: 0; top: 130px; width:649px; padding:30px 20px 40px 30px; z-index:100; border: 1px solid #777; border-right:none; display:none; font-size:1em;}
#tech_about p {font-size:1.2em; color:#eee; margin-top:20px;}