/* @override
	http://dermah.com/testbed/cummins/styles/mainstyle.css */

.clearfix:after {
   content: " ";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

img {
  -webkit-box-sizing: content-box; 
  -moz-box-sizing: content-box; 
  box-sizing: content-box; 
}

/* fonts */

body {
   font: 16px Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}

#navigation, h1, h2, footer {
   font-family: Tahoma, Verdana, Segoe, sans-serif;
}


/* header, logo, navigation */

header {
   border-bottom: 10px solid #FCD069;
}

#header-content {
   max-width: 800px;
   margin-right: auto;
   margin-left: auto;
   position: relative;
   padding-right: 10px;
   padding-left: 10px;
}

#logo-image {
   max-width: 40%;
}

#navigation {
   position: absolute;
   right: 0;
   bottom: 0;
   padding: 0;
   margin: 0;
   font-size: 1.5em;
}

#navigation li {
   list-style-type: none;
   display: inline-block;
   margin-bottom: 0;
}

#navigation li.nav-current {
   background-color: #FCD069;
   padding: 10px;
   cursor: default;
}

#navigation li a {
   text-decoration: none;
   padding: 10px;
   display: block;
   color: #000000;
   -webkit-transition: background-color 200ms ease;
      -moz-transition: background-color 200ms ease;
        -o-transition: background-color 200ms ease;
           transition: background-color 200ms ease;
}

#navigation li a:hover {
   background-color: #FCD069;
}

/* content */

#content {
   max-width: 800px;
   margin-right: auto;
   margin-left: auto;
   padding-right: 10px;
   padding-left: 10px;
   /* Fix Chrome for Android being crap */
   max-height: 99999999px;
}

#content p {
   line-height: 1.5em;
}

.heading-picture {
   margin-top: 10px;
   margin-bottom: 10px;
   display: block;
   width: 100%;
}

ul li {
   margin-bottom: 0.5em;
}

ul {
   margin-top: 10px;
}

/* inset box */

.info-inset {
   background-color: #FCD069;
   float: right;
   display: block;
   width: 225px;
   padding: 10px;
   margin: 0 10px 10px;
}

.inset-logo {
   width: 75px;
   float: left;
   padding-right: 5px;
   padding-bottom: 5px;
}

.info-inset img {
   float: left;
   margin-right: 7px;
   margin-bottom: 7px;
}

/* footer */

footer {
   background-color: #FCD069;
   margin-top: 25px;
   font-size: 1.25em;
}

#footer-content {
   max-width: 800px;
   margin-right: auto;
   margin-left: auto;
   display: block;
   padding-right: 10px;
   padding-left: 10px;
}

#footer-left {
   display: inline-block;
   max-width: 400px;
   float: left;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 10px;
}

#footer-right {
   display: inline-block;
   width: 380px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;
}

.footer-logo {
   padding-right: 5px;
   padding-bottom: 5px;
   clear: both;
   height: 65px;
}

/* RESPONSIVE SMALL MODE */
@media only screen and (max-width: 600px) {
   #navigation {
      position: static;
   }
   
   #logo-image {
      max-width: 100%;
   }
}