*{margin:0;padding:0;}
html{height: 100%}
html, body{}
body{min-height: 100%; display:flex; flex-direction:column; font:14px/20px Georgia, "Open Sans", "Times New Roman", Times, serif;color:#3c3c3c;background-color:#519bb0;-webkit-font-smoothing:antialiased;}
h1{font-size:41px;line-height:50px;font-weight:normal;font-style:normal;color:#D00000;}
h2{font-size:27px;line-height:30px;font-weight:normal;font-style:normal;color:#D00000;}
h3{font-size:27px;line-height:30px;font-weight:normal;font-style:normal;color:#3c3c3c;}

p{margin-bottom:20px;}
a:link, a:visited{color:#3c3c3c;text-decoration:none;}
a:link:hover, a:visited:hover{text-decoration:underline;color:#000;}
.mouseOver{cursor:pointer;cursor:hand;}
.mouseOut{cursor:default;}
.clear{clear:both;}
.wrapper{display:flex;flex-direction: column; flex-grow:1; background:#fff;width:980px;margin:0 auto;padding:0;box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.2);}
#navigation .wrapper{display: block;}

#top-line{background:#c62020;width:100%;height:5px;display:block;}
#header{position:relative;width:100%;margin:0 auto;padding:0;}
#header .logo{width:150px;height:140px;background:url(../images/logo.jpg);margin-top:10px;margin-bottom:10px;margin-left:20px;float:left;}
#header .title{min-height:90px;display:block;width:770px;float:left;margin-top:25px;margin-left:40px;color:#363636;font-size:36px;line-height:45px;height:125px;display:block;overflow:hidden;}
#header .title .description{color:#333333;float:left;width:770px;line-height:17px;margin-top:10px;font-size:12px;overflow:hidden;}

#navigation{height:49px;width:100%;background-color:#4c4c4c;float:left;left:1px;margin-bottom:20px;}
#navigation ul{margin:0;padding:0;list-style:none;}
#navigation li{line-height:18px;float:left;position:relative;}
#navigation li:hover a{background-color:#707070;border-left:none;padding-left:21px;border-right:1px solid #707070;margin:0 0 0 -1px;}
#navigation ul li a{border-right:1px solid #666;color:#fff;font-weight:400;font-size:13px;line-height:18px;padding:15px 20px 16px 20px;display:block;text-decoration:none;position:relative;-webkit-transition:background-color 80ms ease-in-out;-moz-transition:background-color 80ms ease-in-out;-o-transition:background-color 80ms ease-in-out;-ms-transition:background-color 80ms ease-in-out;transition:background-color 80ms ease-in-out;}
#navigation ul li a i{margin:1px 8px 0 -2px;display:inline-block;width:14px;height:14px;line-height:14px;background-repeat:no-repeat;vertical-align:top;float:left;padding:0;}
#navigation ul li a i.home{background-image:url(../images/icons.png);background-position:0 -24px;}
#navigation ul li a i.people{background-image:url(../images/icons.png);background-position:-72px -48px;}
#navigation ul li a i.projects{background-image:url(../images/icons.png);background-position:-48px -24px;}
#navigation ul li a i.publications{background-image:url(../images/icons.png);background-position:-24px -24px;}
#navigation ul li a i.teaching{background-image:url(../images/icons.png);background-position:-48px -72px;}
#navigation ul li a i.contact{background-image:url(../images/icons.png);background-position:0 -72px;}
#navigation ul li a i.demos{background-image:url(../images/icons.png);background-position:-72px -144px;}

#maincontent{width:100%;}
#maincontent .about{width:650px;margin-left:20px;margin-right:20px;float:left;overflow:hidden;margin-bottom: 50px;font-size:16px;line-height:30px;display:block;color:#3c3c3c;text-align:justify}
#maincontent .about a{text-decoration:underline;color:#3c3c3c;}
#maincontent .about a:hover{text-decoration:underline;color:#c62020;}
#maincontent .details{float:left;text-align:center;width:290px;}
#maincontent .details img{border:1px solid #3c3c3c;}
#maincontent .description{margin-left:20px;margin-right:20px;float:left;overflow:hidden;margin-bottom:20px;font-size:16px;line-height:30px;display:block;color:#3c3c3c;text-align:justify}
#maincontent .description a{text-decoration:underline;color:#3c3c3c;}
#maincontent .description a:hover{text-decoration:underline;color:#c62020;}

ul.list{list-style:none !important;margin:0;padding:0 0 0 20px;}
ul.list li{font-size:16px;color:#3c3c3c;background:url(../images/plus.png) no-repeat left center;padding-left:32px;height:24px;line-height:24px;margin-bottom:15px;}
ul.list li a{font-size:16px;color:#3c3c3c;text-decoration:none !important}
ul.list li a:hover{font-size:16px;color:#c62020;text-decoration:none !important}

.outer{flex: 1 1 auto;}

.section{width:940px;margin:0 auto;overflow:hidden;padding-bottom:40px;}
.section h2{width:980px;padding:0;line-height:22px;padding-bottom:10px;border-bottom:#CCC 1px solid;}
.section h3{font-size:18px;color:#000;}
.section h4{font-size:14px;font-weight:normal;color:#333333;}
.section h4.conference{margin-left:30px;}
.section h4.conference i{display:block;width:14px;height:14px;background-color:#007;float:left;position:absolute;left:5px;top:24px;}
.section h4.journal{margin-left:30px;}
.section h4.journal i{display:block;width:14px;height:14px;background-color:#D00000;float:left;position:absolute;left:5px;top:24px;}
.section h4.other{margin-left:30px;}
.section h4.other i{display:block;width:14px;height:14px;background-color:#CCC400;float:left;position:absolute;left:5px;top:24px;}
.section h5{display:block;width:100%;font-size:16px;line-height:30px;font-weight:400 !important;color:#3c3c3c;margin:0px;padding:0px;text-align:justify}
.section .date{position:absolute;top:40px;right:10px;width:88px;}
.section .pub{text-align:right;position:absolute;top:6px;right:0;}
.section .item{width:100%;padding-top:20px;position:relative;}
.section .items{width:50%;float:left;padding-top:20px;display:block}
.section .preview{float:left; text-align:center;width:290px; padding-top: 20px;}
.section .preview img{border:1px solid #b7b7b7; }

.section h2.demoTitle{font-size:27px;line-height:50px;font-weight:bold;font-style:normal;color:#4f99a6; border-bottom: none; padding-bottom:0px;}
.section h2.demoTitle a.demo:link, a.demo:visited, a.demo:link:hover{color:#4f99a6;text-decoration:none;}
.section h2.demoTitle a.demo:link:hover, a.demo:visited:hover{color:#428995;text-decoration:none;}
.section h3.demoTitle{font-size: 17px;}

.section ul.news{list-style:disc; margin-top:20px;}
.section ul.news li{list-style:disc;font-size:16px;color:#3c3c3c;line-height:24px;margin-bottom:15px;margin-left:20px;text-align:justify;}
.section ul.news li a{font-size:16px;color:#3c3c3c;text-decoration:none !important}
.section ul.news li a:hover{font-size:16px;color:#3c3c3c;text-decoration:none !important}

.section ul.logos{margin:10px 0 0 0;padding:0;list-style:none;width:100%;clear:both}
.section ul.logos li{float:left;position:relative;width:200px;margin-left:15px;margin-right:15px;margin-top:20px;}
.section ul.logos li div{display:block;width:200px;height:140px;text-align:center;margin-bottom:10px;vertical-align:middle;overflow:hidden;}
.section ul.logos li span{display:block;width:200px;height:65px;text-align:center;overflow:hidden;}

.section .description{color:#333333;width:930px;}
.section .description a{color:#333333;}
.section .description span{color:#333333;}

#footer{font-size:11px;text-align:center;padding-top:10px;padding-bottom:10px;border-top:1px solid #e8e8e8;}