body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: 'Open Sans', sans-serif;}
a {text-decoration: none;}
.container {width: 98%;max-width: 1199px;margin: 0px auto;}
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;}
#headercontainer {width:100%;}
#headerlogo {width:50%;background: #FFFFFF;height:100px;float:left;padding:10px 0px 10px 0px;}
#headertext {width:50%;background: #FFFFFF;height:100px;float:left;padding:10px 0px 10px 0px;}
#headerrosette {width:15%;background: #FFFFFF;height:100px;float:right;padding:10px 0px 10px 0px;}
#name h1{width:100%;background-color:#FFFFFF;float:left;font-size:2em;color:#006;margin:10px 0px 0px 0px;text-align:center;padding:0 0 0 0;font-weight:400;}
#telephone {width:100%;font-size:2em;color:#006;float:left;text-align:center;}
a[href^=tel]{color:inherit;text-decoration:none;}
#footer {width:100%;background:#FFFFFF;margin-top:10px;border-top:1px solid #999;clear:both;overflow:hidden;min-height:100px;color:#000000;text-align:center;}
#footer a {text-decoration:none;color:#189AD6;}
#footer a:hover {text-decoration:underline;}
#columncontainer {background:#FFFFFF;overflow:hidden;width:100%;float:left;}
#maincontent {width:67%;float:left;padding-right:3%;background-color:#FFFFFF;font-size:1.1em;line-height:1.9em;padding-top:10px;padding-bottom:40px;text-align:justify;font-weight:300;}
#maincontent ul {padding:10px 0px 0px 10%;}
#maincontent a {text-decoration:none;color:#189AD6;}
#maincontent a:hover {text-decoration:underline;}

#linkcolorspecific a {text-decoration:none;color:#006;}
#linkcolorspecific a:hover {text-decoration:underline;}

#maincontent h1 {font-size:1.7em;color:#006;font-weight:400;}
#maincontent h2,h3,h4,h5,h6 {font-size:1.5em;color:#006;font-weight:400;}
#formcolumn {width:30%;float:left;background-color:#FFFFFF;padding-top:20px;min-height:600px;overflow-x: hidden;font-size:1.2em;}
#formcolumn h3 {font-size:1.5em;color:#006;font-weight:400;padding-left:12%;}
img.hidemobile {display:block;}
#quoteboxleft {align:center;width:80%;background:#189AD6;color:white;padding:1% 3% 1% 3%;margin-left:10%;-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5px 5px #888;margin-bottom:20px;}
#quoteboxright {align:center;width:80%;background:#EE2F31;color:white;padding:1% 3% 1% 3%;-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5px 5px #888;margin-bottom:20px;}
#quoteboxindex {text-align:center;width:80%;margin: 0px auto;background:#189AD6;color:white;padding:1% 3% 1% 3%;margin-left:10%;-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5px 5px #888;margin-bottom:30px;}
#quoteboxindex h2 {font-size:1.5em;color:white;font-weight:400;margin:0 0 0 0}
#quoteboxindex a {text-decoration:none;color:white;}
#indexbox {width:42%;min-width:185px;min-height:175px;float:left;margin-left:3%;margin-bottom:30px;padding:3% 2% 1% 3%;font-weight:300;font-size:1.1em;box-shadow: 0 0 10px #555;text-align:left;}
#indexheader {height:40px;}
#indexdescr {height:70px;}
#indexbox h6 {font-size:1.3em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;text-align:left;}
#indexbox h6 a {font-size:1.3em;color:black;text-decoration: none;font-weight:300;}
#button {background:#189AD6;color:white;font-size:1em;width:50%;margin-left:50%;text-align:center;}
#button a{text-decoration: none;color:white;}
#social {text-align:center;width:100%;height:90px;margin-top:100px;}
#break {width:100%;height:3px:background:white;clear:both;}
/* START of NAV styling */
.toggleMenu {display:  none;background: #189AD6;/* menu button mobile version background colour */padding: 10px 15px;color: #fff;font-size:1.1em;}
.nav {list-style: none;*zoom: 1;background:#189AD6;/* 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: 12em;/* affects width of pop out nav */}
.nav a {padding: 10px 35px;/* affects width nav elements and sub elements */color:#fff;*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: #EE2F31;/* 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 #1d7a62;/* menu bar 1st sub level top border colour */}
/* END of NAV styling */
@media screen and (max-width: 940px) {
#indexheader {height:80px;}
#indexdescr {height:100px;}
}
@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 */
#headerlogo {width:45%;background: #FFFFFF;height:100px;float:left;padding:10px 0px 10px 0px;}
#headertext {width:55%;background: #FFFFFF;height:100px;float:left;padding:10px 0px 10px 0px;}
#headerrosette {display:none;}
#name h1{width:100%;background-color:#FFFFFF;float:left;font-size:1.6em;color:#006;margin:10px 0px 0px 0px;text-align:center;padding:0 0 0 0;font-weight:400;}
#telephone {width:100%;font-size:1.6em;color:#006;float:left;text-align:center;}
#maincontent {width:96%;float:left;padding-left:2%;padding-right:2%;background-color:#FFFFFF;font-size:1.1em;line-height:1.8em;padding-top:10px;padding-bottom:40px;font-weight:300;}
#maincontent h1 {font-size:1.4em;color:#006;font-weight:400;}
#maincontent h2,h2,h4,h5,h6 {font-size:1.3em;color:#006;font-weight:400;}
#formcolumn {width:100%;float:left;background-color:#FFFFFF;padding-top:20px;border-top:6px solid #000000;}
#formcolumn h3 {font-size:1.3em;color:#006;font-weight:400;padding-left:0;text-align:center;}
#indexbox {width:42%;min-width:185px;min-height:175px;float:left;margin-left:3%;margin-bottom:30px;padding:3% 2% 1% 3%;box-shadow: 0 0 10px #555;font-weight:300;font-size:1.1em;}
#indexbox h6 {font-size:1.2em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;text-align:left;}
#indexbox h6 a {font-size:1.2em;color:black;text-decoration: none;font-weight:300;}
#button {background:#189AD6;color:white;font-size:1em;width:60%;margin-left:40%;text-align:center;line-height:1.3em;}
#indexheader {height:auto;}
#indexdescr {height:auto;}
}
@media screen and (max-width: 600px) {
#headerlogo {width:100%;background: #FFFFFF;height:100px;float:left;padding:10px 0px 10px 0px;text-align:center;}
#headertext {width:100%;background: #FFFFFF;height:80px;float:left;padding:0px 0px 10px 0px;}
#headerrosette {display:none;}
}
@media screen and (max-width: 460px) {
#headerlogo {width:100%;background: #FFFFFF;height:100px;float:left;padding:10px 0px 0px 0px;text-align:center;}
#headertext {width:100%;background: #FFFFFF;height:70px;float:left;padding:0px 0px 10px 0px;}
#headerrosette {display:none;}
#name h1{width:100%;background-color:#FFFFFF;float:left;font-size:1.3em;color:#006;margin:10px 0px 0px 0px;text-align:center;padding:0 0 0 0;font-weight:400;}
#telephone {width:100%;font-size:1.3em;color:#006;float:left;text-align:center;}	
img.hidemobile {display:none;}
#formcolumn h3 {font-size:1.3em;color:#006;font-weight:400;padding-left:0;text-align:center;}
#indexbox {width:85%;height:auto;margin-left:5%;margin-right:5%;margin-bottom:30px;padding:3% 2% 1% 3%;}
#indexbox h6 {font-size:1.2em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;text-align:left;}
#indexbox h6 a {font-size:1.2em;color:black;text-decoration: none;font-weight:300;}
#button {background:#189AD6;color:white;font-size:1em;width:60%;margin-left:40%;text-align:center;line-height:1.3em;}
}