@import url(https://fonts.googleapis.com/css?family=Titillium+Web);
@import url(https://cms.mdssolutions.co.uk/stylesheets/1140.css);

body {background-color:#D0183E;font-family: 'Titillium Web', sans-serif;}
#header {background-color:#fff;}
#headerlogo {margin-top:5px;}
#container {width:1000px;margin:20px auto;padding:10px;background-color:#fff;box-shadow: 0 0 40px #222;-webkit-box-shadow: 0 0 40px #222;-moz-box-shadow: 0 0 40px #222;}
#contact {font-size:12pt;}
.last {border-right:0 !important;margin-right:0 !important;}
.vipa {color:#D0183E;}

/* Page Header / Menu */
.pageheader {background-color:#191919;height:350px;position:relative;}
.pageheader h1 {color:#D0183E;padding:55px 0 0 575px;}
.pageheader p {width:360px;color:#fff;padding:20px 0 0 575px;}
.subMenu {background-color:#000;position:absolute;top:307px;border-top:solid 3px #fff;width:100%}
.subMenu a {height:40px;color:#fff;text-decoration:none;font-size:12pt;border-right:solid 3px #fff;list-style-type:none;padding:0 10px;text-align:center;}
.subMenu a:hover {color:#D0183E;}
.subNavBtn {display:block;height:40px;line-height:40px;padding:0 10px;float:left;text-align:center;color:#fff;}
.fixed {position: fixed;top: -5px;left: 0;width: 100%;box-shadow: 0 0 40px #222;-webkit-box-shadow: 0 0 40px #222;-moz-box-shadow: 0 0 40px #222;}
.fixed .inner {width:1000px;margin: 0 auto;}

/* Home Page */
#intro {border-bottom:1px solid #ddd;padding-bottom:30px;}
#pagesections div {padding:60px 0 30px 0;border-bottom:1px solid #ddd;}
#pagesections div h2 {font-size:22pt;padding-bottom:15px;}
#pagesections div img {margin-bottom:10px;border:1px solid #ccc;padding:5px;}
.news {background-color:#FFFFD9;border:1px solid #A7A772;padding:5px;margin:10px 0 0 0;text-align:center;}
.news a {text-decoration:none;color:#000;}
.news a:hover {text-decoration:underline;color:#000;}

/* Contact */
#contactinner {width:100%;max-width:700px;margin:0 auto;padding:2em;background-color:#fff;box-shadow: 0 30px 30px rgba(0, 0, 0, 0.2);margin-bottom:2em;margin-top:2em;}
#contactinnerformcontrols {margin-top:1em;}
#contactinnerformcontrols input[type="text"], #contactinnerformcontrols textarea {padding:10px;width:99%;}
#contactinnerformcontrols textarea {width:99%;}
#contactinnerformcontrols .ContactTitle {font-weight:bold;font-size:24pt;color: #02124d;margin-bottom:20px;display:block;}
#contactinnerformcontrols input[type="submit"] {padding:8px;font-size:16pt;text-align:center;}
#contactmessage {width:100%;max-width:700px;margin:0 auto;padding:1em 0;}
.divEmailDetails2 {position: fixed;top:-500px;left:-500px;}
.ContactTitle {display:none;}
#ctl01_ContentPlaceHolder1_lblConfirmation {margin-top:10px}

/* Footer */
#footer {font-size:10pt;border-top:3px solid #D0183E;margin-top:10px;padding:10px 0}
#footer ul li {margin-right:80px;}

@media only screen and (max-width: 767px){
  body {font-size:18pt;}
  #container {width:99%;margin 0 auto;}
  #headerlogo {margin: 0 auto;text-align:center;float:none;}  
  #contact {font-size:22pt;}
  #headercontent {float:none;clear:both;margin:0 auto;}
  #headercontent img {width:40%;}
  #headergenerator table {float:none;width:100%;}
  #headergenerator table tr td {text-align:center !important}
  .pageheader {background-image:none !important;background-color:transparent;height:auto}
  .pageheader h1 {padding-left:0;text-align:center}
  .pageheader p {padding-left:20px;padding-right:20px;color:#000;width:auto;}
  .subMenu {display:none;}
  #sNews table tbody tr td a {padding:20px !important 0;}
  #footer {font-size:18pt;}
}