@font-face {
	font-family: 'Conv_Fixedsys500c';
	src: url(../fonts/Fixedsys500c.eot);
	src: local('☺'), url('../fonts/Fixedsys500c.woff') format('woff'), url('../fonts/Fixedsys500c.ttf') format('truetype'), url('../fonts/Fixedsys500c.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body, html{
	padding:0;
	margin:0;
	min-height:100%;
}

body{
	background-color:#00A3EF;
	background-image: -ms-radial-gradient(left top, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);
	background-image: -moz-radial-gradient(left top, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);
	background-image: -o-radial-gradient(left top, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);
	background-image: -webkit-gradient(radial, left top, 0, left top, 1011, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
	background-image: -webkit-radial-gradient(left top, circle farthest-corner, #FFFFFF 0%, #00A3EF 100%);
	background-image: radial-gradient(circle farthest-corner at left top, #FFFFFF 0%, #00A3EF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#00A3EF',GradientType=1 ); /* IE6-9 */

}
#topBar{
	z-index:100;
	position:relative;
	height:73px;
	overflow:visible;
	width:100%;
}

.cloudTd{
	width:125px;
	height:73px;
	background-image:url(../img/cloud.png);
	background-size:contain;
	background-repeat:no-repeat;
	transition-property:all;
	transition-duration:1s;		
	opacity:0.5; 		
}
.cloudTd .menuLink{
	font-family:Conv_Fixedsys500c;
	text-align:center;
	font-size: 1.3em;
	width:125px;
	height:33px;
	text-decoration:none;
	display:block;
	color:white;
	transition-property:all;
	transition-duration:1s;
	padding-top:40px;	
}
.cloudTd:hover{
	width:187px;
	height:108px;
	background-image:url(../img/cloud2.png);
	opacity:1.0;
}

.cloudTd:hover .menuLink{
	font-size: 2.5em; 
	width:187px;
	height:108px;
	color:white;
	padding-top:50px;
	height:58px;
}
.cloudTd:hover a.menuLink{
	color:yellow !important;
}

.cloudTd.selected{
	opacity:1.0 !important;
	color:white;
	cursor:default;
}
.subMenu{
	position:absolute;	
	max-height:0px;
	overflow:hidden;
	-webkit-transition:max-height 0s ease-out;
    transition:max-height 0s ease-out;
}
.cloudTd:hover .subMenu{
	max-height:1000px;
	-webkit-transition:max-height 0.5s ease-in;
    transition:max-height 0.5s ease-in;
}
.subItem{
	position:relative;
	text-decoration:none;
	display:block;
	color:white;	
    border-radius: 15px;
	background-color:#999;
	margin-top:5px;
}
.subItem:hover{
	background-color:#CCC;
	color:yellow;
}
.pastProj{
	width:167px;
	padding:10px;
	font-size:24px;
}
.subItem img{
	border:0px;	
}
.iconRound{
	border-radius:7px;	
}