* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

html {
	background: #f2f7f8;
}

body {
	width: 1200px;
	padding-left: 100px;
	margin-left: auto;
	margin-right: auto;
}

strong {
	font-weight: 500;
}

h2 {
	font-weight: 400;
	font-size: 36px;
	color: #222222;
}

h3 {
	color: #222222;
	font-weight: 400;
	font-size: 21px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h4 {
	color: #9c9b9b;
	font-weight: 400;
	font-size: 14.5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

a {
color: #007BFF;
text-decoration: none;
}

.logo {
	background: #f2f7f8;
}

.logo a:hover {
	background: #f2f7f8;
}

img:hover{
	background: #f2f7f8;
	text-decoration: none;
	color: white;
}


a:hover {
	background-color: #7799AA;
	text-decoration: none;
	color: white;
}	


p, ul{
	line-height: 150%;
}

div ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0.75em;
	text-indent: -0.75em;
}

div ul li:before {
	content: "\002B\0020";
}

.i a {
	text-decoration: none;
}

.i a:hover {
	background: #f2f7f8;
	text-decoration: none;
}

.left, .right{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 500px;
	float: left;
}

.right {
  float: right;
  margin-right: 110px;
}

#headername{
	font-size: 75px;
	font-weight: 300;
	color: #222222;
	text-shadow: 0px 1px 0px #AAAAAA;
	text-indent: -8px;
}

#headername a {
	text-decoration: none;
	color: #222222;
}

#headername a:hover {
	text-decoration: none;
	color: #004477;
	background: #f2f7f8;
}

#headernav {
	margin-left: 550px;
	margin-top: -90px;
	height: 70px;
}

#headernav ul {
	list-style-type: none;
	margin-top: 15px;
}

#headernav li {
	display: inline;
	margin-top: 30px;
	margin-right: 18px;
}

#headernav a{
	text-decoration: none;
	color: #222222;
	width: 100%;
	font-weight: 400;
	font-size: 15px;
	padding: 6px 8px; 
	border: 1px solid #CCCCCC;
	background-color: white;
	box-shadow: 0px 1px 0px #AAAAAA;
	border-radius: 3px;
}

#headernav a:hover, #headernav .act{
	background-color: #004477;
	color: white;
	cursor: pointer;
}

#publications {
	width: 100%;
	background-color: #f2f7f8;
	position: relative;
	z-index: 400;
	text-align: center;
}

.gallery {
	margin-top: 40px;
}

.gallery p {
	font-size: 20px;
	color: #4b4a4a;
	text-align: left;
}

.gallery tt{
	width: 500px;
	height: 200px;	
	
}

.ss {
	-webkit-box-shadow: 0px 0px 0px 1px #d9d7d7;
	-moz-box-shadow: 0px 0px 0px 1px #d9d7d7;
	box-shadow: 0px 0px 0px 1px #d9d7d7;
}

.ss:hover {
	-webkit-box-shadow: 0px 0px 0px 7px #007BFF;
	-moz-box-shadow: 0px 0px 0px 7px #007BFF;
	box-shadow: 0px 0px 0px 7px #007BFF;
}

.screenshot001 {
	background: url(../img_pub/screenshot001.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot002 {
	background: url(../img_pub/screenshot002.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot003 {
	background: url(../img_pub/screenshot003.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot004 {
	background: url(../img_pub/screenshot004.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot005 {
	background: url(../img_pub/screenshot005.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot006 {
	background: url(../img_pub/screenshot006.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot007 {
	background: url(../img_pub/screenshot007.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot008 {
	background: url(../img_pub/screenshot008.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot009 {
	background: url(../img_pub/screenshot009.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot010 {
	background: url(../img_pub/screenshot010.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot011 {
	background: url(../img_pub/screenshot011.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot012 {
	background: url(../img_pub/screenshot012.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot013 {
	background: url(../img_pub/screenshot013.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot014 {
	background: url(../img_pub/screenshot014.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot015 {
	background: url(../img_pub/screenshot015.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot016 {
	background: url(../img_pub/screenshot016.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot017 {
	background: url(../img_pub/screenshot017.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot018 {
	background: url(../img_pub/screenshot018.png) no-repeat;
	width: 160px;
	height: 120px;
}
.screenshot019 {
	background: url(../img_pub/screenshot019.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot020 {
	background: url(../img_pub/screenshot020.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot021 {
	background: url(../img_pub/screenshot021.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot022 {
	background: url(../img_pub/screenshot022.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot023 {
	background: url(../img_pub/screenshot023.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot024 {
	background: url(../img_pub/screenshot024.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot025 {
	background: url(../img_pub/screenshot025.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot026 {
	background: url(../img_pub/screenshot026.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot027 {
	background: url(../img_pub/screenshot027.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot028 {
	background: url(../img_pub/screenshot028.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot029 {
	background: url(../img_pub/screenshot029.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot030 {
	background: url(../img_pub/screenshot030.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot031 {
	background: url(../img_pub/screenshot031.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot032 {
	background: url(../img_pub/screenshot032.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot033 {
	background: url(../img_pub/screenshot033.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot034 {
	background: url(../img_pub/screenshot034.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot035 {
	background: url(../img_pub/screenshot035.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot036 {
	background: url(../img_pub/screenshot036.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot037 {
	background: url(../img_pub/screenshot037.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot038 {
	background: url(../img_pub/screenshot038.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot039 {
	background: url(../img_pub/screenshot039.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot040 {
	background: url(../img_pub/screenshot040.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot041 {
	background: url(../img_pub/screenshot041.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot042 {
	background: url(../img_pub/screenshot042.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot043 {
	background: url(../img_pub/screenshot043.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot044 {
	background: url(../img_pub/screenshot044.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot045 {
	background: url(../img_pub/screenshot045.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot046 {
	background: url(../img_pub/screenshot046.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot047 {
	background: url(../img_pub/screenshot047.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot048 {
	background: url(../img_pub/screenshot048.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot049 {
	background: url(../img_pub/screenshot049.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot050 {
	background: url(../img_pub/screenshot050.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot051 {
	background: url(../img_pub/screenshot051.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot052 {
	background: url(../img_pub/screenshot052.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot053 {
	background: url(../img_pub/screenshot053.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot054 {
	background: url(../img_pub/screenshot054.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot055 {
	background: url(../img_pub/screenshot055.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot056 {
	background: url(../img_pub/screenshot056.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot057 {
	background: url(../img_pub/screenshot057.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot058 {
	background: url(../img_pub/screenshot058.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot059 {
	background: url(../img_pub/screenshot059.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot060 {
	background: url(../img_pub/screenshot060.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot061 {
	background: url(../img_pub/screenshot061.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot062 {
	background: url(../img_pub/screenshot062.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot063 {
	background: url(../img_pub/screenshot063.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot064 {
	background: url(../img_pub/screenshot064.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot065 {
	background: url(../img_pub/screenshot065.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot066 {
	background: url(../img_pub/screenshot066.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot067 {
	background: url(../img_pub/screenshot067.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot068 {
	background: url(../img_pub/screenshot068.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot069 {
	background: url(../img_pub/screenshot069.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot070 {
	background: url(../img_pub/screenshot070.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot071 {
	background: url(../img_pub/screenshot071.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot072 {
	background: url(../img_pub/screenshot072.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot073 {
	background: url(../img_pub/screenshot073.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot074 {
	background: url(../img_pub/screenshot074.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot075 {
	background: url(../img_pub/screenshot075.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot076 {
	background: url(../img_pub/screenshot076.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot077 {
	background: url(../img_pub/screenshot077.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot078 {
	background: url(../img_pub/screenshot078.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot079 {
	background: url(../img_pub/screenshot079.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot080 {
	background: url(../img_pub/screenshot080.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot081 {
	background: url(../img_pub/screenshot081.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot082 {
	background: url(../img_pub/screenshot082.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot083 {
	background: url(../img_pub/screenshot083.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot084 {
	background: url(../img_pub/screenshot084.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot085 {
	background: url(../img_pub/screenshot085.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot086 {
	background: url(../img_pub/screenshot086.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot087 {
	background: url(../img_pub/screenshot087.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot088 {
	background: url(../img_pub/screenshot088.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot089 {
	background: url(../img_pub/screenshot089.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot090 {
	background: url(../img_pub/screenshot090.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot091 {
	background: url(../img_pub/screenshot091.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot092 {
	background: url(../img_pub/screenshot092.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot093 {
	background: url(../img_pub/screenshot093.png) no-repeat;
	width: 160px;
	height: 120px;
}

.screenshot094 {
	background: url(../img_pub/screenshot094.png) no-repeat;
	width: 160px;
	height: 120px;
}