body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: 'Roboto', sans-serif;}
a[href^=tel] {color:inherit;text-decoration:none;}
a {text-decoration: none;}
a img {border:none;}
img, object, embed, video {max-width: 100%;}
.google-maps {position: relative;padding-bottom: 75%; // This is the aspect ratioheight: 0;overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 96% !important;height: 100% !important;}
.wrap {margin:0 auto;width:80%;max-width:1200px;}
#header, #footer {width:100%;float:left;}
#header {height:100px;background:white;}
#namelogo {float:left;width:40%;padding-top:10px;}
#textholder {float:right;width:60%;padding-top:5px;}
#tagline {font-size:2em;color:#009;text-align:center;font-weight:400;}
#telephone {font-size:1.3em;color:#009;text-align:center;font-weight:300;}
#footer {height:auto;background:black;color:white;font-size:1.1em;}
#footerlogocolumn {width:20%;float:left;margin-top:5px;}
#footercolumn {width:37%;margin-left:2%;float:left;margin-top:5px;}
#maincontent {min-height:500px;background:white;color:black;font-weight:300;line-height:1.5em;padding-top:15px;font-size:1.2em;}
#maincontent a {text-decoration: none;color:#009;font-weight:400;}
#maincontent a:hover {text-decoration:underline;}
#maincontent ul {padding:10px 0px 0px 10%;}
h1 {font-size:1.8em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#009;font-weight:400;line-height:1.2em;}
h2,h3,h4,h5,h6 {font-size:1.5em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#009;font-weight:400;}
#firstrowblue {width:27%;height:150px;background:linear-gradient(to right, #005BBC, #001633);background-color:#001633;color:white;float:left;margin-bottom:20px;padding:15px 3% 1% 2%;text-align:left;}
#firstrowgrey {width:23%;height:150px;background:linear-gradient(to left, #E3E3E8, #989EA5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEF', endColorstr='#989EA5');background-color:#989EA5;zoom:1;color:BLACK;float:left;margin-left:2%;margin-bottom:20px;padding:15px 3% 1% 2%;text-align:left;}
#firstrowblack {width:25%;height:150px;background-color:#000000;color:white;float:left;margin-left:2%;margin-bottom:20px;padding:15px 3% 1% 2%;text-align:left;}
#secondrowblack {width:49%;height:150px;background-color:#000000;color:white;float:left;margin-bottom:20px;padding:15px 3% 1% 2%;text-align:left;}
#secondrowblue {width:33%;height:150px;background:linear-gradient(to right, #005BBC, #001633);background-color:#001633;color:white;float:left;margin-left:2%;margin-bottom:20px;padding:15px 3% 1% 2%;text-align:left;}
#firstrowblue a, #firstrowgrey a, #firstrowblack a, #secondrowblack a, #secondrowblue a{color:white;text-decoration:none;}
#firstrowblue a:hover, #firstrowgrey a:hover, #firstrowblack a:hover, #secondrowblack a:hover, #secondrowblue a:hover{color:white;text-decoration:underline;}
#firstrowblue h2, #firstrowgrey h2, #firstrowblack h2, #secondrowblack h2, #secondrowblue h2 {padding:0 0 0 0;margin:0 0 0 0;font-weight:400;text-align:left;font-size:1.3em;}
#indexintro {text-align:center;}
#line {width:100%;background:linear-gradient(to right, #005BBC, #001633);background-color:#001633;height:6px;clear:both;}
#linebelow {width:100%;background:linear-gradient(to right, #005BBC, #001633);background-color:#001633;height:6px;margin-top:-4px;}
#break {width:100%;background:white;clear:both;}
#contactbox {width:39%;margin-right:4%;padding:15px 3% 15px 3%;float:left;border:1px solid grey;margin-bottom:20px;min-height:770px;}

/* START of NAV styling */
.toggleMenu {display:  none;background: #E0E0E0;/* menu button mobile version background colour */padding: 10px 15px;color: #000000;}
.nav {list-style: none;*zoom: 1;background:#ffffff;/* menu bar background colour */font-size:1.1em;}
.nav:before,
.nav:after {content: " "; display: table; }
.nav:after {clear: both;}
.nav ul {list-style: none;width: 14em;color: #000000;/* affects width of pop out nav */}
.nav a {padding: 10px 20px;/* affects width nav elements and sub elements */color:#000000;*zoom: 1;}
.nav li {position: relative;}
.nav > li {float: left;border-top: 1px solid #FFFFFF;/* menu button mobile version sub level top border colour and single pixel line on top of desktop nav */}
.nav > li > .parent {background-image: url("images/downArrow.png");background-repeat: no-repeat;background-position: right;}
.nav > li > a {display: block;}
.nav li  ul {position: absolute;left: -9999px;}
.nav > li.hover > ul {left: 0;}
.nav li li.hover ul {left: 100%;top: 0;}
.nav li li a {display: block;background: #E0E0E0;/* menu bar 1st sub level background colour */position: relative;z-index:100;border-top: 1px solid #FFFFFF;/* menu bar 1st sub level top border colour */}
.nav li li li a {background:#E0E0E0;zoom:1;/* menu bar 2nd sub level background colour */z-index:200;border-top: 1px solid #1d7a62;/* menu bar 1st sub level top border colour */}
/* END of NAV styling */

@media screen and (max-width: 768px) {
/* START of NAV styling */
.active {display: block;}
.nav > li {float: none;}
.nav > li > .parent {background-position: 95% 50%;}
.nav li li .parent {background-image: url("images/downArrow.png");background-repeat: no-repeat;background-position: 95% 50%;}
.nav ul {display: block; width: 100%;}
.nav > li.hover > ul , .nav li li.hover ul {position: static;}
/* END of NAV styling */
#header {height:auto;background:white;}
.wrap {margin:0 auto;width:90%;}
#namelogo {float:left;width:40%;padding-top:20px;}
#textholder {float:right;width:60%;padding-top:10px;}
#tagline {font-size:1.5em;color:#009;text-align:center;font-weight:400;}
#telephone {font-size:1.2em;color:#009;text-align:center;font-weight:300;}
h1 {font-size:1.5em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#009;font-weight:400;}
h2,h3,h4,h5,h6 {font-size:1.3em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#009;font-weight:400;}
#firstrowblue, #firstrowgrey, #firstrowblack, #secondrowblack, #secondrowblue{width:88%;height:140px;margin-left:3%;margin-bottom:20px;padding:15px 3% 1% 3%;}
#contactbox {width:93%;margin-right:0;padding:15px 3% 15px 3%;float:left;border:1px solid grey;margin-bottom:20px;}

}
@media screen and (max-width: 480px) {
#header {height:auto;background:white;}
#namelogo {width:100%;padding-top:10px;text-align:center;}
#textholder {width:100%;padding-top:10px;padding-bottom:10px;}
#tagline {font-size:1.6em;color:#009;text-align:center;font-weight:400;}
#telephone {font-size:1.2em;color:#009;text-align:center;font-weight:300;}
#footerlogocolumn {width:100%;float:left;margin-top:5px;text-align:center;}
#footercolumn {width:100%;margin-left:0%;float:left;margin-top:5px;text-align:center;}
h1 {font-size:1.3em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#009;font-weight:400;}
h2,h3,h4,h5,h6 {font-size:1.1em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#009;font-weight:400;}
#firstrowblue h2, #firstrowgrey h2, #firstrowblack h2, #secondrowblack h2, #secondrowblue h2 {padding:0 0 0 0;margin:0 0 0 0;font-weight:400;text-align:left;font-size:1.1em;}
}