body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: 'Open Sans', sans-serif;}
img, object, embed, video {max-width: 100%;}
a {text-decoration: none;}
a img {border:none;}
img.contactbutton {float:right;margin:8px 8px 8px 8px;}
.wrap {margin:0 auto;width:84%;max-width:1199px;}
.container {width: 100%;max-width: 1920px;margin: 0px auto;}
#pretendtopouter1 {width:100%;background: #FFFFFF;height:70px;}
#name {width:50%;background-color:#FFFFFF;float:left;font-size:1.8em;color:#009;margin-top:12px;}
#telephone {width:50%;text-align:right;float:right;color:#009;margin-top:18px;font-size:1.5em;}
a[href^=tel]{color:#009;text-decoration:none;}
.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;}
#columncontainer {background:#FFFFFF;overflow:hidden;width:100%;float:left;}
#maincontent {width:69%;float:left;padding-right:4%;background-color:#FFFFFF;font-size:1em;line-height:1.6em;padding-bottom:40px;text-align:justify;}
#maincontent ul {padding:0px 0px 0px 10%;}
#maincontent a {text-decoration: none;color:#990000;}
#maincontent a:hover {text-decoration:underline;}
#maincontent h1 {font-size:1.6em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#000000;text-align:left;}
#maincontent h2,h4,h5,h6 {font-size:1.2em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#990000;text-align:left;}
#maincontent h3 {font-size:1.2em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#009;text-align:left;}
#intropara {font-size:1.1em;color:#06C;}
#formcolumn {width:25%;float:left;background:linear-gradient(to top, #005BBC, #001633);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005BBC', endColorstr='#001633');background-color:#001633;zoom:1;padding-left:1%;padding-right:1%;color:#FFFFFF;margin-bottom:20px;min-height:1000px;}
#footer {width:100%;background-color:#000000;zoom:1;min-height:140px;clear:both;overflow:hidden;}
#footer a {text-decoration:none;color:#ffffff;}
#footer a:hover {text-decoration:underline;}
#nwslogo {width:15%;margin:2% 0% 1% 2%;float:left;min-width:100px;background-color:#000000;}
#addressftr {margin-left:2%;float:left;text-align:left;font-size:1.1em;background-color:#000000;color:#ffffff;width:43%;}
#SRA {width:25%;margin-left:2%;float:left;padding-top:10px;}
#bluetestimonialbox {width:80%;background:linear-gradient(to right, #005BBC, #001633);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005BBC', endColorstr='#001633');background-color:#001633;zoom:1;color:white;margin-left:1%;padding:1% 3% 1% 3%;text-shadow: 0px 4px 3px rgba(0,0,0,0.4),0px 8px 13px rgba(0,0,0,0.1),0px 18px 23px rgba(0,0,0,0.1);margin-bottom:10px;border:2px solid white;text-align:left;}
#redtestimonialbox {width:80%;background:linear-gradient(to right, #E31929, #61101F);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E31929', endColorstr='#61101F');background-color:#E31929;zoom:1;color:white;margin-left:12%;padding:1% 3% 1% 3%;text-shadow: 0px 4px 3px rgba(0,0,0,0.4),0px 8px 13px rgba(0,0,0,0.1),0px 18px 23px rgba(0,0,0,0.1);margin-bottom:10px;border:2px solid white;text-align:left;}
#navbar {}
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {position: fixed;top: 0;width: 100%;}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {padding-top: 60px;}
.anchor a {position: absolute;left: 0px;top: -60px;}
.anchor {position: relative;}
#indexfreeadvice {color:white;width:90%;margin-left:2%;height:auto;padding:3px 2px 3px 2px;text-align:center;background:linear-gradient(to top, #005BBC, #001633);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005BBC', endColorstr='#001633');background-color:#001633;zoom:1;}
/* START of NAV styling */
.toggleMenu {display:  none;background: #333;/* menu button mobile version background colour */padding: 10px 15px;color: #FFFFFF;font-size:1.1em;}
.nav {list-style: none;*zoom: 1;background:#333;font-size:1.1em;/* menu bar background colour */}
.nav:before,
.nav:after {content: " "; display: table; }
.nav:after {clear: both;}
.nav ul {list-style: none;width: 16em;/* affects width of pop out nav */}
.nav a {padding: 10px 35px;/* affects width nav elements and sub elements */color:#FFFFFF;*zoom: 1;}
.nav li {position: relative;}
.nav > li {float: left;border-top: 1px solid #FFFFFF;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 > .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: #009;/* 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:#249578;zoom:1;/* menu bar 2nd sub level background colour */z-index:200;border-top: 1px solid #FFFFFF;/* menu bar 1st sub level top border colour */}
/* END of NAV styling */
@media screen and (max-width: 768px) {
#name {width:100%;background-color:#FFFFFF;float:left;font-size:1.6em;color:#009;margin-top:10px;text-align:center;}
#telephone {display: none;}
#maincontent {width:98%;float:left;padding-left:1%;padding-right:1%;background-color:#FFFFFF;font-size:1.1em;line-height:1.9em;padding-bottom:20px;}
#formcolumn {width:90%;float:left;background:linear-gradient(to top, #005BBC, #001633);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005BBC', endColorstr='#001633');background-color:#001633;zoom:1;color:#FFFFFF;padding-left:5%;padding-right:5%;margin-bottom:0px;}
.wrap {margin:0 auto;width:96%;max-width:1199px;}
	#nwslogo {width:100%;margin:1% 0% 1% 0%;text-align:center;}
#addressftr {width:100%;text-align:center;font-size:1.1em;}
#SRA {width:100%;text-align:center;margin:0 auto;}

/* 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 */
}