body *{
	margin:0px;
	font-family:calibri;
}
#container{
	margin:20px 20px;
}
#navigation {
	margin-top:10px;
}
#navigation ul{
	 list-style-type: none;
	 margin: 0;
	 padding: 0;	 
	 overflow: hidden;
	 background-color: #333;
}	 
#navigation li{
	display: inline;
	float: left;
}
#navigation  li a{
	display: block;	
	color: white;
	text-align: center;
	padding: 8px 10px;
	text-decoration: none;
	 
}
#navigation  li a:hover{
	background-color: #111;	 
}
#navigation  li a:active{
	background-color: #04AA6D; 
}
#container img:hover{
	margin:5px 5px;
}
#about{
	padding-left:100px; 
	padding-right:100px; 
	padding-bottom:20px;	
}
#advantage{
	padding-left:100px; 
	padding-right:100px; 
	padding-bottom:30px;
	text-align:center;
	background-color:#333;
	color:white;	
}
#usefullink a{
	text-decoration:none;
	color:black;	
}
#usefullink a:hover{
	font-size:15px;
	color:red;
}
#usefullink ul li{
	list-style:none;	
}
#myInput {
  background-image: url('/css/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 10px 18px 10px 38px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}
#myTable {
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 1px solid #ddd; /* Add a grey border */
  font-size: 18px; /* Increase font-size */
  margin-bottom:20px;
}
#myTable th, #myTable td {
  text-align: left; /* Left-align text */
  padding: 12px; /* Add padding */
}
#myTable tr {
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid #ddd;
}
#myTable tr.header, #myTable tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #f1f1f1;
}