/*--------------
    The iframe 
    should be 
    w 386 
    x 
    h 514 
---------------*/

body {
    margin:0;
    padding:0;
    font-family: filson-pro,sans-serif;
    height:600px;
    overflow-y: hidden;
    background:white;
   
}
.centre {
    width:386px;
    width:100%;
    height:600px;
    margin:0 auto;
    overflow-x:hidden;
    /*border:1px solid #280072;*/
    background: url('../img/image-right.png') top right no-repeat;
}
.header{
    width:386px;
    height:100px;
    display:block;
    padding-left: 3%;
}
.header .logo {
    height:120px;
    padding:20px;
    padding-top:10px;
    background: url('../img/keeping-well-logo.png') 10px 10px no-repeat;
}
.middle{
    background: url('../img/image-left.png') bottom left no-repeat;
    padding-bottom: 20px;
    margin-top: 15px;
}
h1, h2 {
    display: table;
    margin: 0px;
    margin: 8px 20px;
    line-height: 1.3;
    font-size:1.3em;
    z-index: 100;  
}
h1 {
    margin-left:81px;
    margin-top:10px;
    z-index: 100;
}
h1 span {
    /*background-color: white;*/
    color: #280072;
    margin:10px;
    text-align: left;
    display: inline-block;
}
h2 {
    text-align: left;
    width: 100%;
    padding: 3%;
    padding-right: 3%;
    padding-left: 3%;
    margin:0;
    color: #280072;
    background-color: rgb(246, 240, 196);
}
h2 span {
    width:90%;
    margin:0 auto;
    display:block;
}
.list {
    padding:0px;
    font-size:0.9em;
    width:90%;
    margin:0px auto; 
    text-align:center;
}
.list a {
    width:90%;
    display:block;
    margin:14px auto; 
    padding:10px;
    background: #5e4298;
    color:#fff88b;
    text-align:center;
    text-decoration: none;
    font-size:1.2em;
}
.list a:hover{
    background-color: #cc1e3f;
}

/*
.footer{
    width:386px;
    height:176px;
    display:block;
    background: url('../img/image-left.png') bottom left no-repeat;
}
*/