body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family:Arial, Helvetica, sans-serif;background:#111111;}
a {text-decoration: none;}
.container {width: 100%;max-width: 1920px;margin: 0px auto;}
a img {border:none;}
img, object, embed, video {max-width: 100%;}
.wrap {margin:0 auto;width:80%;max-width:1400px;}
.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;}
#pretendtopouter1 {width:56%;background: #111111;height:100px;float:left;}
#pretendtopouter2 {width:44%;background: #111111;height:100px;float:right;}
#name {width:100%;float:left;font-size:2.8em;color:#ffffff;margin-top:10px;font-weight:bold;}
#namesubheading {width:100%;font-size:1.2em;color:#EB9C46;float:left;}
#telephone {width:100%;text-align:right;float:right;font-size:1.6em;color:#ffffff;margin-top:10px;}
#hour {width:100%;text-align:right;float:right;font-size:1em;color:#ffffff;padding-top:7px;}
#mobile {width:100%;text-align:right;float:right;font-size:1.4em;color:#ffffff;}
a[href^=tel]{color:inherit;text-decoration:none;}
#columncontainer {background:#FFFFFF;overflow:hidden;width:90%;float:left;margin-top:-4px;padding-left:5%;padding-right:5%;}
#maincontent {width:61%;float:left;padding-left:4%;padding-right:4%;background-color:#FFFFFF;font-size:1.1em;line-height:1.6em;padding-bottom:40px;text-align:justify;background:#FFFFFF;}
#maincontent ul {padding:10px 0px 0px 10%;}
#maincontent a {text-decoration:none;color:#EB9C46;}
#maincontent a:hover {text-decoration:underline;}
#maincontent h1 {font-size:1.8em;color:#000000;text-align:left;font-family: 'PT Sans', sans-serif;font-weight:400;line-height:1.2em;}
#maincontent h2,h3,h4,h5,h6 {font-size:1.4em;color:#EB9C46;text-align:left;font-family: 'PT Sans', sans-serif;font-weight:400;}
#formcolumn {width:25%;float:left;background:linear-gradient(to right, #EA893A, #F0A554);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EA893A', endColorstr='#F0A554');background-color:#F0A554;zoom:1;padding:1% 2% 3% 2%;margin-top:20px;word-wrap:break-word;text-align:left;color:#ffffff;font-size:1.1em;-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5px 5px #888;}
#formcolumn a {text-decoration:underline;color:#ffffff;}
#formcolumn a:hover {text-decoration:none;}
#formcolumn h3 {font-size:1.5em;color:#ffffff;font-weight:400;margin-top:0px;}
#knockoutbox {width:92%;background:linear-gradient(to right, #EA893A, #F0A554);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EA893A', endColorstr='#F0A554');background-color:#F0A554;zoom:1;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:10px;font-size:1.1em;}
#contactbox {margin-top:30px;width:98%;padding:2%;border:1px solid #999;text-align:left;}
#footer {width:100%;background:#111111;margin-top:10px;clear:both;overflow:hidden;min-height:130px;color:#ffffff;text-align:justify;}
#footer a {text-decoration:none;color:#ffffff;}
#footer a:hover {text-decoration:underline;}
#footertext {float:left;width:41%;padding-left:2%;padding-top:10px;text-align:left;}
#footerlawlogos {float:left;width:25%;padding-top:10px;}
#SRA {width:30%;margin-right:2%;float:left;padding-top:10px;}
#indexcontainer {background:#ffffff;margin-top:-4px;overflow:hidden;width:90%;float:left;padding-left:5%;padding-right:5%;}
#indexintro{margin: 0px auto;color:black;text-align:center;width:95%;font-size:1.2em;padding-top:10px;}
#indexintro h1{font-size:1.7em;color:#000000;font-weight:400;text-align:center;margin: 0 0 0 0;padding:0 0 0 0;font-family: 'PT Sans', sans-serif;}
#indexbox{float:left;width:44%;min-width:300px;margin-left:4%;height:140px;border-right:2px solid #000000;padding-bottom:20px;}
#indexboxnoline{float:left;width:44%;min-width:300px;margin-left:4%;height:140px;padding-bottom:20px;}
#indexboxbottom{float:left;width:44%;min-width:300px;margin-left:4%;height:140px;border-right:2px solid #000000;padding-bottom:20px;margin-bottom:30px;}
#indexboxnolinebottom{float:left;width:44%;min-width:300px;margin-left:4%;height:140px;padding-bottom:20px;margin-bottom:30px;}
#indeximage {float:left;padding-top:20px;padding-bottom:20px;padding-left:4%;padding-right:3%;width:27%;}
#indextext {float:left;width:63%;padding-right:2%;padding-top:25px;text-align:left;}
#indextitle {font-family: 'PT Sans', sans-serif;color:black;font-size:1.3em;}
#indextitle a{font-family: 'PT Sans', sans-serif;color:black;font-size:1.3em;text-decoration:none;}
#indextitle a:hover {text-decoration:underline;}
#indexdescr {color:#EB9C46;font-size:1em;}
blockquote {width:94%;background: #f1f1f1;border-left: 10px solid #EB9C46;margin: 1em 0em 1em 0em;padding: 1% 1% 1% 1%;}
#profilebox {margin-top:30px;width:92%;padding:0% 3% 0% 3%;border:1px solid #999;}
#break {width:100%;clear:both;}
/* START of NAV styling */
.toggleMenu {display:  none;background:linear-gradient(180deg, #666, #CCC);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#CCC');background-color:#666;/* menu button mobile version background colour */padding: 10px 15px;color: #000000;font-family: 'PT Sans', sans-serif;font-weight:400;font-size:1.1em;}
.nav {list-style: none;/* menu bar background colour */background:linear-gradient(180deg, #666, #CCC);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#CCC');background-color:#666;font-family: 'PT Sans', sans-serif;font-weight:400;}
.nav:before,
.nav:after {content: " "; display: table; }
.nav:after {clear: both;}
.nav ul {list-style: none;width: 18em;/* affects width of pop out nav */}
.nav a {padding: 10px 35px;/* affects width nav elements and sub elements */color:#000000;*zoom: 1;font-size:1.1em;}
.nav li {position: relative;}
.nav > li {float: left;border-top: 1px solid #000000;/* menu button mobile version sub level top border colour and single pixel line on top of desktop nav */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:#EB9C46;/* menu bar 1st sub level background colour */position: relative;z-index:100;border-top: 1px solid #000000;/* menu bar 1st sub level top border colour */}
.nav li li li a {background:#ffffff;/* menu bar 2nd sub level background colour */z-index:200;border-top: 1px solid #000000;/* 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;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%;}
#pretendtopouter1 {width:100%;background: #111111;height:100px;}
#pretendtopouter2 {display: none;}
#name {width:100%;text-align:center;font-size:2.4em;color:#ffffff;margin-top:10px;font-weight:bold;}
#namesubheading {width:100%;text-align:center;font-size:1.2em;color:#EB9C46;}
#maincontent {width:90%;float:left;padding-left:4%;padding-right:5%;background-color:#FFFFFF;font-size:1em;line-height:1.6em;padding-bottom:40px;}
#maincontent h1 {font-size:1.5em;color:#000000;font-weight:400;text-align:left;}
#maincontent h2,h2,h4,h5,h6 {font-size:1.3em;color:#EB9C46;font-weight:400;text-align:left;}
#formcolumn {width:95%;padding-left:5%;float:left;background:linear-gradient(to right, #EA893A, #F0A554);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EA893A', endColorstr='#F0A554');background-color:#F0A554;zoom:1;padding-top:20px;border-top:1px solid #000000;border-left:none;border-right:none;border-bottom:none;}
#footertext {float:left;width:100%;text-align:center;}
#footerlawlogos {float:left;width:100%;text-align:center;}
#SRA {width:100%;}
#indexintro{margin: 0px auto;color:black;text-align:center;width:95%;font-size:1em;}
#indexintro h1{font-size:1.4em;color:#000000;font-weight:400;text-align:center;margin: 0 0 0 0;padding:0 0 0 0;font-family: 'PT Sans', sans-serif;}
#indexbox, #indexboxbottom {float:left;width:96%;min-width:300px;margin-left:2%;margin-bottom:0px;height:140px;border-top:2px solid #000000;border-right:none;padding-bottom:0px;}
#indexboxnoline, #indexboxnolinebottom {float:left;width:96%;min-width:300px;margin-left:2%;margin-bottom:0px;height:140px;border-top:2px solid #000000;border-right:none;padding-bottom:0px;}
#indeximage {float:left;padding-top:20px;padding-bottom:20px;padding-left:4%;padding-right:2%;width:27%;}
#indextext {float:left;width:63%;padding-right:3%;padding-top:25px;text-align:left;}
#indextitle {font-family: 'PT Sans', sans-serif;color:black;font-size:1.3em;}
#indextitle a{font-family: 'PT Sans', sans-serif;color:black;font-size:1.3em;text-decoration:none;}
#indextitle a:hover {text-decoration:underline;}
#indexdescr {color:#EB9C46;font-size:1.1em;}
}
@media screen and (max-width: 480px) {
#indextitle {font-family: 'PT Sans', sans-serif;color:black;font-size:1.1em;}
#indextitle a{font-family: 'PT Sans', sans-serif;color:black;font-size:1.1em;text-decoration:none;}
#indexdescr {color:#EB9C46;font-size:1em;}
#indexbox, #indexboxbottom {float:left;width:96%;min-width:200px;margin-left:2%;margin-bottom:0px;min-height:140px;border-top:2px solid #000000;border-right:none;padding-bottom:0px;}
}