/* this is the stylesheet for microhelp ltd website */
body{
  background-color:black;
  font:0.8em;
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
h1{
  font-size:1.8em;
}
h2{
  font-size:17px;
}

p{
  font-size:14px;
  line-height:20px;
}
header{
  width:70%;
  margin: 0 auto;
}
header img {
    display: inline;
    float: left;
}
header h1 {
    color: white;
    float: right;
    margin: 4% 10%;
}
header h2{
  color:#0099cc;
  float:right;
  margin: -4% 8%;
  margin-bottom:5px;
  font-family: Georgia;
}

/* this is for the navigation menu */
nav {
    clear:both;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-right: none;
    margin-bottom:1%;
}

nav ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

nav ul li {
    list-style: none;
    float: left;
    text-align: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #ccc;
    width: 16.6667%; /* fallback for non-calc() browsers */
    width: calc(100% / 6);
    box-sizing: border-box;
}

nav ul li:first-child {
    border-left: none;
}

nav ul li a {
    display: block;
    text-decoration: none;
    color: #0099cc;
    padding: 10px 0;
}
nav ul li a:hover{
  color:#fff;
  background-color:#0b1c2e;
}


/* this is for the main bit of the website */
#backgroundimg{
   clear:both;
   background-color: #0b1c2e;
   background-repeat: no-repeat;
   margin: 0 auto;
   width:80%;
   border:1px solid white;
}
#main {
    color: white;
    height: auto;
    margin: 0 auto;
    padding: 1.5%;
    width: 86%;
    overflow:hidden;
}
#main li{
  display:inline;
  margin-left:5%;
}
#main li a{
  text-decoration:none;
  color:#0099cc;
}
#main li a:hover{
  color:#fff;
}

#p_bigger{
  font-size:15px;
  font-weight:bold;
}
.title{
  color: #0099cc;
  font-size:1.4em;
}

.pic {
    float: right;
}

#map{
float:left;
width:50%;
}
#left_content {
    float: left;
    width:50%;
}

@media(max-width:925px){
  #left_content{
    width:60%;
  }

}


/*this is for the footer */
footer{
    clear:both;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
footer p{
  color:#0099cc;
}