html, body {
    background: #fff;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.clear {
    clear: both;
}

.tophead {
    width: 100%;
    float: left;
    font-family: 'Roboto',sans-serif;
    color: #fff;
    font-weight: 500;
    background: rgb(23,68,105); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(23,68,105,1) 0%, rgba(16,49,75,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(23,68,105,1)), color-stop(100%,rgba(16,49,75,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(23,68,105,1) 0%,rgba(16,49,75,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(23,68,105,1) 0%,rgba(16,49,75,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(23,68,105,1) 0%,rgba(16,49,75,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(23,68,105,1) 0%,rgba(16,49,75,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#174469', endColorstr='#10314b',GradientType=0 ); /* IE6-9 */

}
.all {
    width: 980px;
    margin: 0 auto;
}
.logo {
    margin-top: 20px;
    float: left;
}
.logo span {
    display: block;
    font-size: 16px;
}
.logo span.slogan, .needhelp span.slogan {
    font-size: 48px;
}
.needhelp {
    margin-top: 20px;
    float: right;
}
.needhelp span {
    font-size: 28px;
}
.menu {
    display: none;
    float: right;
}
.menu ul {
    list-style: none;
}
.menu ul li {
    float: left;
    margin: 10px 0px 10px 30px;
}
.menu a, .needhelp a {
    text-decoration: none;
    color: #fff;
}
.banner100 {
    width: 100%;
    float: left;
    background: #ebebeb;
}
.banner {
    background: url("img/main-banner.jpg");
    width: 980px;
    height: 338px;
    display: none;
    margin: auto;
}
.offer {
    float: left;
    font-family: 'Roboto',sans-serif;
    background-image: url("img/maplondon.png");
    background-repeat: no-repeat;
    background-position:center bottom;
    height: 340px;
    width: 100%;
}
.offer .inner {
    width: 980px;
    margin: 0 auto;
}
.offer .inner ul {
    list-style: none;
}
.offer .inner ul li {
    float: left;
    text-align:center;
    font-size:32px;
    line-height:20px;
    color:#5c5c5c;
    text-transform:uppercase;
    letter-spacing:-1px;
    font-weight:500;
    height:320px;
    background:url("img/list-bg.gif") no-repeat left top;
    width:440px;
    padding-right:17px;
}
.offer .inner ul li.last {
    width:17px;
    padding:0;
    margin:0;
    background:url("img/list-bg.gif") no-repeat left top;
}
.offer .inner ul li img {
    margin: 50px auto 20px;
}
.offer .inner ul li span {
    padding:0 8px;
    display: block;
    margin:0;
    color:#2a2b2e;
    text-align:center;
    font-size:inherit;
    font-weight:500;
    line-height:44px;
}
.offer .inner ul li span strong{
    color:#bb2929;
    font-weight: 500;
}
.red-bar {
    width:100%;
    float: left;
    height:175px;
    margin-bottom:50px;
    background: rgb(103,0,21); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(103,0,21,1) 0%, rgba(176,4,4,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,0,21,1)), color-stop(100%,rgba(176,4,4,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(103,0,21,1) 0%,rgba(176,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(103,0,21,1) 0%,rgba(176,4,4,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(103,0,21,1) 0%,rgba(176,4,4,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(103,0,21,1) 0%,rgba(176,4,4,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#670015', endColorstr='#b00404',GradientType=0 ); /* IE6-9 */

}
p.left {
    float:left;
    text-align:left;
    padding:10px 0 0 20px;
    color:#fff;font-size:24px;
    line-height:30px;
    font-family: 'Roboto',sans-serif;
    font-weight:400;
    letter-spacing:-0.5px;
    margin-bottom:30px;
}
p.tel {
    float:left;
    color:#fff;
    font-size:36px;
    font-family: 'Roboto',sans-serif;
    line-height:42px;
    font-weight:600;
    padding-left:60px;
    margin:40px 0 0 20px;
    background:url("img/tel-icon.png") no-repeat left center;
}
p.tel a {
    text-decoration: none;
    color: #fff;
}
p.bottom {
    color:#e8d9dc;
    font-size:16px;
    font-family: 'Roboto',sans-serif;
    line-height:20px;
    font-weight:300;
    padding-left:20px;
}
p.hours {
    margin-left: 180px;
}
.content h1 {
    text-transform:uppercase;
    color:#8b020c;
    font-size:24px;
    line-height:30px;
    font-weight:400;
    margin-bottom:40px;
    padding-left:20px;
}
.text p {
    color:#383838;
    font-size:13px;
    line-height:20px;
    text-align: justify;
    font-weight:300;
}
.gray-line {
    width:990px;
    margin:30px auto;
    height:17px;
    background:url("img/dotted-line.gif") no-repeat left top;
}
.bottom p {
    color:#b00404;
    font-size:28px;
    line-height:52px;
    font-weight:400;
    letter-spacing:-1px;
}
.bottom span{
    font-size:40px;
    font-weight:500;
    color:#5c5c5c;
}

#footer { width:100%; height:40px; background:url(../images/footer-bg.gif) repeat-x left top #f5f5f5; margin-top:40px;}
#footer .inner { width:990px; margin:0 auto; text-align:center; text-transform:uppercase; color:#939393; line-height:40px; font-size:11px; font-weight:300; }
@media (max-width: 980px) {
    .all {width: 100%;}
    .logo {margin-left: 10px; float: none;}
    .needhelp {margin-left: 10px;float: none;}
    .logo span.slogan, .needhelp span.slogan {font-size: 2em;}
    .menu {float: left; display:none;}
    .offer {
        background-image: url("img/maplondon980.png");
        height: 680px;
    }
    .offer .inner {width: 100%;}
    .menu ul li {width: 100%; margin-left: 10px;}
    .offer .inner ul li.last {display: none;}
    .red-bar {height: auto;}
    .gray-line {width: 100%;}
    .text p {padding: 10px;}
    .needhelp span {
        font-size: 1.5em;
    }
    #footer .inner {width: 100%;}
}
@media (max-width: 510px) {
    .menu ul li {float: none; width: 100%;}
    p.hours {margin-left: 5px;}
    .offer .inner ul li {width: 100%;padding-right:0px;}

}