body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: 'Roboto', sans-serif;background:white;}
a {text-decoration: none;}
.container {width: 100%;max-width: 1920px;margin: 0px auto;background:#FFFFFF;padding:0%;}
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;}
#headertitle {font-size: 2.3em;text-align:center;color:#000000;font-weight:300;padding:10px 0px 10px 0px;}
#break {width:100%;height:1px;clear:both;}

#footer {min-height:220px;background:#333333;color:white;border-top:8px solid rgb(0,139,194);font-size:1.3em;margin-top:200px;}
#footer a {text-decoration:none;color:WHITE;}
#addressfooter {float:left;text-align:left;color:white;width:46%;font-weight:300;padding-left:4%;padding-top:20px;}

.stripewrap {margin:0 auto;width:75%;max-width:1440px;}
#WHindexcontainer h1 {font-size:1.8em;font-weight:400;color:rgb(249,105,50);text-align:center;}
#WHindexcontainer {width:100%;height:auto;background-color:white;line-height:1.7em;font-size:1.4em;font-weight:300;text-align:justify;padding-top:15px;padding-bottom:20px;}
#WHindexcontainer h2 {font-size:1.7em;font-weight:400;color:rgb(0,139,194);text-align:center;}
#indextestimonialbox {width:25%;float:left;padding: 10px 20px 10px 20px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;margin-left:4%;}
#exampleimage {text-align:center;}
#exampleimage img {width: 80%;}
#centralbuttoncontainer {width: 100%;margin: 0px auto;}
#button {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;width:20%;height:auto;text-align:center;background:rgb(249,105,50);color:white;padding-top:8px;padding-bottom:2px;margin-top:30px;FONT-WEIGHT:300;margin: 0px auto;}
#button a {text-decoration:none;color:WHITE;font-size:1.4em;}
#BLindexcontainer {width:100%;height:auto;background-color:rgb(0,139,194);line-height:1.7em;font-size:1.4em;font-weight:300;text-align:justify;padding-top:15px;padding-bottom:20px;color:white;}
#BLindexcontainer h2 {font-size:1.7em;font-weight:400;color:white;text-align:left;}
#BLindexcontainer ul, ol {padding:10px 0px 0px 5%;}
#BLindexcontainer a {text-decoration:none;color:rgb(249,105,50);font-weight:400;}
#BLindexcontainer a:hover {color: black;}


#contentpage {padding:0% 3% 0% 3%;line-height:1.7em;font-size:1.4em;font-weight:300;text-align:justify;padding-top:15px;padding-bottom:20px;}
#contentpage a {text-decoration:none;color:rgb(249,105,50);}
#contentpage a:hover {color: black;}
#contentpage ul, ol {padding:10px 0px 0px 5%;}
#contentpage h1 {font-size:1.8em;font-weight:400;color:rgb(249,105,50);text-align:center;}
#contentpage h2,h3,h4,h5,h6 {font-size:1.7em;font-weight:400;color:rgb(0,139,194);text-align:center;}
#gallerypage h1 {font-size:1.8em;font-weight:400;color:rgb(249,105,50);text-align:center;}
#gallerypage a{color:rgb(0,139,194);}
#gallerypage {padding:0% 3% 0% 3%;line-height:1.7em;font-size:1.4em;font-weight:300;text-align:justify;padding-top:15px;padding-bottom:20px;}

#quoteboxleft {align:center;width:80%;background-color:rgb(249,105,50);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;font-size:1.2em;}
#quoteboxright {align:center;width:80%;background-color:rgb(0,139,194);zoom:1;background-repeat:repeat-y;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;font-size:1.2em;}
#gallerybox{min-width:250px;text-align:center;margin-bottom:20px;float:left;margin-right:1%;margin-left:1%;width:31%;}
#gallerybox img {box-shadow: 0 0 10px #555;}
.wrap {margin:0 auto;width:90%;max-width:1350px;}
.gallerywrap {margin:0 auto;width:90%;max-width:1500px;}
#subfooter {width:96%;background:#000000;padding:5px 2% 5px 2%;color:#FFFFFF;text-align:justify;line-height:2em;}
#subfooter a {text-decoration:none;color:#ffffff;font-size:1.2em;}
#subfooter a:hover {text-decoration:none;font-size:1.2em;}


/* START of NAV styling */
.toggleMenu {display:  none;background-color:rgb(0,139,194) /* menu button mobile version background colour */;padding: 10px 15px;color: #fff;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);font-size:1.2em;}
.nav {list-style: none;*zoom: 1;background-color:rgb(0,139,194);zoom:1;/* menu bar background colour */}
.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 30px;/* affects width nav elements and sub elements */color:#fff;*zoom: 1;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);font-size:1.2em;}
.nav li {position: relative;}
.nav > li {float: left;border-top: 1px solid #FFFFFF;position: relative;left: 12%;/* this position moves the whole navigation towards the centre on large screens when full width nav used - removed for mobile version below *//* 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: #000000;/* 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 #ffffff;/* menu bar 1st sub level top border colour */}
/* END of NAV styling */

@media screen and (max-width: 1024px) {
#indextestimonialbox {width:25%;float:left;padding: 10px 20px 10px 20px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;margin-left:3%;}
#button {width:30%;}

}
@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 */
#headertitle {font-size: 1.5em;text-align:center;color:#000000;font-weight:300;}
#gallerybox{min-width:250px;text-align:center;margin-bottom:20px;float:left;margin-right:2%;margin-left:2%;width:46%;}
#firstrowred, #firstrowblack, #secondrowblack, #secondrowgrey, #secondrowred, #thirdrowred, #thirdrowblack {width:90%;height:160px;margin-left:3%;margin-bottom:20px;padding:1% 1% 1% 3%;font-size:1.1em;}
.stripewrap {margin:0 auto;width:86%;}

#WHindexcontainer h1 {font-size:1.6em;}
#WHindexcontainer {font-size:1.3em;}
#WHindexcontainer h2 {font-size:1.4em;}
#indextestimonialbox {width:92%;float:left;padding: 10px 20px 10px 20px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;margin-left:2%;}
#BLindexcontainer h2 {font-size:1.4em;}

#contentpage {font-size:1.3em;}
#contentpage a {text-decoration:none;color:rgb(249,105,50);}
#contentpage a:hover {color: black;}
#contentpage ul, ol {padding:10px 0px 0px 5%;}
#contentpage h1 {font-size:1.6em;}
#contentpage h2,h3,h4,h5,h6 {font-size:1.4em;}
#gallerypage h1 {font-size:1.6em;}
#quoteboxleft {font-size:1.2em;}
#quoteboxright {font-size:1.2em;}
#BLindexcontainer {font-size:1.3em;}
#BLindexcontainer h2 {font-size:1.4em;}
#footer {min-height:400px;;}
#addressfooter {width:94%;}
#quoteboxleft {width:96%;font-size:1.1em;margin-left:1%;}
#quoteboxright {width:96%;font-size:1.1em;margin-left:1%;}

}


@media screen and (max-width: 600px) {
.stripewrap {margin:0 auto;width:90%;}
#button {width:70%;font-size:1.2em;}
#button a {font-size:1.2em;}
#WHindexcontainer h1 {font-size:1.4em;}
#WHindexcontainer {font-size:1.3em;}
#WHindexcontainer h2 {font-size:1.3em;}
#indextestimonialbox {width:84%;float:left;padding: 10px 20px 10px 20px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;margin-left:2%;}
#BLindexcontainer h2 {font-size:1.3em;}

#contentpage {font-size:1.2em;}
#contentpage a {text-decoration:none;color:rgb(249,105,50);}
#contentpage a:hover {color: black;}
#contentpage ul, ol {padding:10px 0px 0px 5%;}
#contentpage h1 {font-size:1.4em;}
#contentpage h2,h3,h4,h5,h6 {font-size:1.3em;}
#gallerypage h1 {font-size:1.4em;}
#quoteboxleft {font-size:1.1em;}
#quoteboxright {font-size:1.1em;}
#BLindexcontainer {font-size:1.2em;}
#BLindexcontainer h2 {font-size:1.3em;}

}