body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: 'Open Sans', 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%;}
.container {width: 100%;max-width: 1920px;margin: 0px auto;}
.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:85%;max-width:1500px;}
#header, #footer {width:100%;float:left;}
#header {height:40px;background:#003775;color:white;}
#headertelephone {float:left;width:30%;font-size:1.7em;color:white;padding-top:2px;text-align:left;font-weight:500;}
#headerform {float:left;width:30%;font-size:1.7em;color:white;padding-top:2px;text-align:left;font-weight:500;}
#headerform a{text-decoration:none;color:white;}
#headeremail {float:left;width:40%;font-size:1.6em;color:white;padding-top:2px;text-align:right;font-weight:500;}
#headeremail a{text-decoration:none;color:white;}
#footer {background:#003775;color:white;min-height:140px;clear:both;overflow:hidden;margin-top:500px;}
#footer a {text-decoration:none;color:white;}
#footer a:hover {text-decoration:underline;}
#addressftr {float:left;text-align:left;font-size:1.1em;color:white;width:66%;font-weight:300;padding-left:2%;}
#badge {width:30%;margin-left:2%;float:left;padding-top:10px;}
#maincontent {min-height:500px;background:white;color:black;font-size:1.3em;line-height:1.9em;font-weight:300;padding-top:30px;padding-bottom:200px;}
#maincontent ul {padding:0px 0px 0px 6%;list-style-type: square;}
#maincontent a {color:rgb(0,91,188);text-decoration:none;}
#maincontent a:hover {text-decoration:underline;}
h1 {font-size:1.8em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:rgb(0,58,122);text-align:center;font-weight:500;}
h2,h3,h4,h5 {font-size:1.6em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:rgb(0,58,122);text-align:left;font-weight:500;}
#calltoaction{width:70%;background:#C9A529;color:white;padding:2px 10px 2px 15px;margin-bottom:30px;text-align:center;font-weight:500;margin: 0px auto;}
#calltoaction a {font-weight:normal;color:white;text-decoration:none;}
#calltoaction a:hover {text-decoration:underline;}
#indexcontact {padding:30px 10px 30px 15px;text-align:center;font-weight:300;margin: 0px auto;}
#indexcontact a {font-weight:normal;color:black;text-decoration:none;}
#indexcontact a:hover {text-decoration:underline;}
#break {width:100%;height:2px;background-color:white;clear:both;}

#indexbox{float:left;width 29%;max-width:29%;margin-left:2%;margin-right:1%;margin-bottom:50px;height:auto;box-shadow: 0 0 10px #555;}
#indexboxcontent {text-align:center;padding:2% 5% 0% 5%;min-height:200px;}
#indexboxcontent a {font-weight:normal;color:black;text-decoration:none;}
#indexboxcontent a:hover {text-decoration:underline;}
#contactbox {width:90%;height:auto;font-weight:300;padding: 10px 20px 10px 20px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;margin:30px 0px 30px 0px;}
#contactbox a {color:rgb(0,91,188);text-decoration:none;}
#contactbox a:hover {text-decoration:underline;}

/* START of NAV styling */
.toggleMenu {display:  none;background: #ffffff;/* menu button mobile version background colour */padding: 10px 15px;color: #000000;font-size:1.3em;}
.nav {list-style: none;*zoom: 1;background:#ffffff;/* menu bar background colour */}
.nav:before,
.nav:after {content: " "; display: table; }
.nav:after {clear: both;}
.nav ul {list-style: none;width: 12em;color: #000000;/* affects width of pop out nav */}
.nav a {padding: 10px 50px;/* affects width nav elements and sub elements */color:#000000;*zoom: 1;font-size:1.2em;font-weight:500;}
.nav li {position: relative;left: 10%;/* this position moves the whole navigation towards the centre on large screens when full width nav used - removed for mobile version below */}
.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: #1d7a62;/* menu bar 1st sub level background colour */position: relative;z-index:100;border-top: 1px solid #175e4c;/* menu bar 1st sub level top border colour */}
.nav li li li a {background:#249578;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: 1750px) {

#indexbox{float:left;width 31%;max-width:31%;margin-left:1%;margin-right:1%;margin-bottom:50px;height:auto;box-shadow: 0 0 10px #555;}

}


@media screen and (max-width: 1366px) {
/* iPad Pro and old monitor section */
#indexbox{float:left;width 30%;max-width:30%;margin-left:1%;margin-right:1%;margin-bottom:50px;height:auto;box-shadow: 0 0 10px #555;}

}

@media screen and (max-width: 1024px) {
/* iPad Pro and old monitor section */
#addressftr {text-align:center;width:100%;padding-left:0%;}
#badge {width:100%;}
#calltoaction{width:90%;margin: 0px auto;}
#indexbox{float:left;width:44%;max-width:44%;margin-left:3%;margin-right:3%;max-width:none;}

}

@media screen and (max-width: 768px) {
/* START of NAV styling */
.active {display: block;}
.nav > li {float: none;position: relative;left: 0%;/* this position moves the whole navigation back to the left on the mobile version*/}
.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 */
.wrap {margin:0 auto;width:90%;}
#header {height:auto;background:linear-gradient(to right, rgb(0,91,188), rgb(0,22,51));color:white;}
#headertelephone {font-size:1.5em;width:100%;padding-top:2px;text-align:center;}
#headerform {font-size:1.4em;width:100%;padding-top:2px;text-align:center;}
#headeremail {font-size:1.4em;width:100%;padding-top:2px;text-align:center;}
#calltoaction {padding:2px 10px 2px 10px;}
#indexcontact {padding:30px 10px 30px 10px;}
#indexbox{float:left;width:80%;margin-left:10%;}

}

@media screen and (max-width: 480px) {
/* Phone section */
#header {height:auto;background:linear-gradient(to right, rgb(0,91,188), rgb(0,22,51));color:white;}
#headertelephone {float:left;width:100%;font-size:1.5em;color:white;padding-top:2px;text-align:center;}
#headeremail {float:left;width:100%;font-size:1.3em;color:white;padding-top:2px;text-align:center;}
#headereform {float:left;width:100%;font-size:1.3em;color:white;padding-top:2px;text-align:center;}
h1 {font-size:1.5em;}
h2,h3,h4,h5 {font-size:1.4em;}
#contactbox {width:86%;}

}