.topbottommargin {
  margin-top: 10px;
  margin-bottom: 10px;
}

.grid-item { width: 200px; }

.gallery-thumb {
  padding-top: 15px;
  padding-bottom: 15px;
}

body {
  background-color: #333;
  color: #fff
}

.navbar-toggle {
    float:none;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;

}

#our-services img {
  margin-top:15px;
  margin-bottom:15px;
}

.navbar-default {
  background-color: #333;
  border-color: #333;
  margin-bottom: 2px;
}

@media (min-width:992px) {
  .headercol{
    padding-left: 3px;
    padding-right: 3px;
  }
}

.headercol {
  padding-top: 25px;
}

.first.headercol {
  padding-left: 15px;
}

.last.headercol {
  padding-right: 15px;
}

header .contact-item-col {
  color: #00ccff;
}

header ul {
  font-size: 1.15em;
  padding-top: .9em;
  font-weight: bold;
}

@media (min-width: 1200px){
  header ul {
    font-size: 1.45em;
    padding-top: .75em;
  }
}

header li {
  padding-top: 0px;
}

a:link {
  color: #fff;
  text-decoration: none;
}

a:visited {
  color: #fff;
  text-decoration: none;
}

a:hover {
  color: #00ccff;
  text-decoration: none;
}

a:active {
  color: #fff;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #00ccff;
}

.edgedbox {
  border-color: #00ccff;
  border-style: solid;
  border-width: 3px;
  padding: 1em;
  margin-bottom: 10px;
}


nav .section-link{
  colour: #fff;
}

nav .active {
  background-color: #00ccff;
}

nav {
  margin-top: 10px;
  font-weight: bold;
}

.footer {
  color: #00ccff;
  border-top-style: solid;
  border-top-width: thin;
  border-top-color: #00ccff;
  margin-top: 25px;
  padding-top: 10px;
}




footer ul {
  font-size: 1em;
  margin-bottom: 5px;
}

.copyrightnotice {
  font-size: .7em;
}

#navbar {
  border-color: #00ccff;
  border-top-style: solid;
  border-top-width: thin;
}

#our-services h5 {
  color: #fff;
}

#staff-training h5 {
  color: #fff;
}

#our-services a {
  text-decoration: none;
}

#our-services li > a {
  color: #ccc;
}

#our-services li.active > a {
  color: #00ccff;
}

#our-services li > a:hover {
  color: #00ccff;
}

#contact a {
  color: #00ccff;
}

#contact a:hover {
  color: #cccccc;
}

@media (max-width: 767px){
  .headercol {
    text-align: center;
  }

  header ul {
    font-size: .95em;
    padding-top: .3em;
  }

}

@media (max-width: 991px){
  #contact img {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right:auto;
  }
}

@media (min-width: 768px){
  .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #navbar li{
    border-right-style: solid;
    border-right-width: thin;
    border-color: #00ccff;
  }



  .navbar-collapse {
    padding:0px;
  }
}