@charset "UTF-8";
img, object, embed, video {max-width: 100%;}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}
body, nav, ul, li, a  {margin: 0; padding: 0;/* try not to mess with this line or it messes up nav spacing */}
.fluid {clear: both;margin-left: 0;width: 100%;float: left;display: block;}
.fluidList {list-style:none;list-style-image:none;margin:0;padding:0;}
body {font-family:Arial, Helvetica, sans-serif;background-color:#BCC5C3;}
a {text-decoration: none;}
.container {width: 95%;max-width:1400px;margin:0px auto;}
h1 {font-size:1.4em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#991931;text-align:left;}
h2,h3,h4,h5 {font-size:1em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#991931;text-align:left;}
#pretendtopouter1 {width:100%;background: #BCC5C3;height:50px;}
#pretendtopouter2 {width:100%;background: #BCC5C3;height:35px;}
#name {width:40%;background-color:#BCC5C3;float:left;font-size:2em;font-weight:600;color:#333;margin-top:10px;}
#namesubheading {font-size:1.2em;color:#333;font-weight:300;float:left;margin-top:2px;}
#telephone {width:60%;text-align:right;float:right;color:#FFFFFF;margin-top:10px;font-size:1.6em;}
#telephoneaddress {font-size:1em;color:#333;text-align:right;float:right;margin-top:-10px;}
a[href^=tel]{color:inherit;text-decoration:none;}
#footer {font-size:1em;color:white;width: 100%;margin:0px auto;}
#footer a {text-decoration:none;color:black;}
#footercolumn {width:48%;margin-left:0%;margin-right:2%;float:left;margin-top:5px;}
#columncontainer {background:#FFFFFF;overflow:hidden;width:100%;float:left;}
#maincontent {width:60%;float:left;padding-left:3%;padding-right:5%;background-color:#FFFFFF;font-size:1.1em;line-height:1.7em;padding-top:20px;padding-bottom:40px;text-align:justify;}
#maincontent ul {padding:0px 0px 0px 10%;}
#maincontent a {text-decoration:none;color:#357EC7;}
#maincontent a:hover {text-decoration:underline;}
#formcolumn {width:30%;float:left;background-color:#FFFFFF;padding-top:20px;font-size:1.1em;line-height:1.7em;padding-left:10px;}
#formcolumn h2 {padding-left:10%;}
#formcolumn a {text-decoration:none;color:#357EC7;}
#formcolumn a:hover {text-decoration:underline;}

#knockoutboxgrey {width:90%;background:#333;color:white;font-style:italic;padding:5px 15px 5px 15px;-moz-box-shadow: 0 0 5px 5px #888;-webkit-box-shadow: 0 0 5px 5px #888;box-shadow: 0 0 5px 5px #888;margin-bottom:10px;border:2px solid white;margin-top:10px;}
#calltoactionred{width:90%;background:linear-gradient(to right, #7B171D, #EB1923);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7B171D', endColorstr='#EB1923');background-color:#7B171D;zoom:1;color:white;padding:2px 10px 2px 15px;-moz-box-shadow: 5px 5px 5px #888;-webkit-box-shadow: 5px 5px 5px #888;box-shadow: 5px 5px 5px #888;margin-bottom:30px;text-align:center;}
#calltoactionred a {font-weight:bold;color:white;text-decoration:none;}
#calltoactiongrey {width:90%;background:#333;color:white;padding:5px 15px 5px 15px;-moz-box-shadow: 0 0 5px 5px #888;-webkit-box-shadow: 0 0 5px 5px#888;box-shadow: 0 0 5px 5px #888;margin-bottom:10px;margin-top:10px;border:2px solid white;text-align:center;}
#calltoactiongrey a{font-weight:bold;color:white;text-decoration:none;}
#profilebox {margin-top:30px;width:98%;padding:2%;border:1px solid #999;}
#contactbox {margin-top:30px;width:98%;padding:2%;border:1px solid #999;text-align:left;}
.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;}
#indexintro {text-align:center;width:94%;margin: 0px auto;padding-top:5px;padding-bottom:10px;font-size:1.1em;}
#indexintro h1 {font-size:1.2em;color:#991931;text-align:center;}
#indexbox {width:43%;min-width:185px;height:140px;background:linear-gradient(25deg, #666, #CCC);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#CCC');background-color:#666;zoom:1;color:white;float:left;margin-right:3%;margin-bottom:30px;padding:2% 2% 1% 2%;}
#indexbox h6 {font-size:1.1em;padding: 0 0 0 0;margin: 0px 0px 0px 0px;color:#FFFFFF;text-align:left;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.1em;}
#indexbox a {color:#FFFFFF;text-decoration: none;}
#homepagenotice h2{text-align:center;}
.toggleMenu {display:  none;background: #000;padding: 10px 15px;color: #fff;}
.nav {list-style: none;*zoom: 1;background:#000000;/* menu bar background colour */}
.nav:before,.nav:after {content: " "; display: table; }
.nav:after {clear: both;}
.nav ul {list-style: none;width: 15em;/* affects width of pop out nav */}
.nav a {padding: 10px 30px;/* affects width nav elements and sub elements */color:#fff;}
.nav li {position: relative;}
.nav > li {float: left;border-top: 1px solid #000000;}
.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: #991931/* menu bar 1st sub level background colour */;position: relative;z-index:100;border-top: 1px solid #CCC/* menu bar 1st sub level top border colour */;}
.nav li li li a {background:#ACA197/* menu bar 2nd sub level background colour */;z-index:200;border-top: 1px solid #CCC/* menu bar 1st sub level top border colour */;}

@media screen and (max-width: 768px) {
.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;}
#name {width:100%;background-color:#BCC5C3;float:left;font-size:1.8em;font-weight:600;color:#333;margin-top:10px;text-align:center;}
#namesubheading {width:100%;font-size:1.2em;color:#333;font-weight:300;float:left;margin-top:2px;text-align:center;}
#telephone {display: none;text-align:center;}
#telephoneaddress {display: none;}
#maincontent {width:90%;float:left;padding-left:5%;padding-right:5%;background-color:#FFFFFF;font-size:1.1em;line-height:1.8em;padding-top:20px;padding-bottom:40px;}
#formcolumn h2 {padding-left:0%;text-align:center;}
#formcolumn {width:100%;float:left;background-color:#FFFFFF;padding-top:20px;border-top:6px solid #000000;text-align:center;}
#indexbox {width:86%;height:auto;background:linear-gradient(25deg, #666, #CCC);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#CCC');background-color:#666;zoom:1;color:white;float:left;margin-left:5%;margin-right:5%;margin-bottom:30px;padding:2% 2% 1% 2%;}
#footercolumn {width:100%;margin-left:0%;margin-right:0%;float:left;margin-top:5px;}

}

@media screen and (max-width: 450px) {	/* this break point is for maincontent images only */
#profilebox img {display:none;}
}