table { width: 800px; height:auto; margin: 0 auto 0 auto; padding: 0;}
tr {width: auto; height:auto; margin: 0; padding: 0;}
td { width: auto; height:auto; margin: 0; padding: 0;}
tbody { width: auto; height:auto; margin: 0; padding: 0;}
img { width: 200px; height:auto; margin: 0; padding: 0;}
div { width: auto; height:auto; margin: 0; padding: 0;}

body {margin:0;padding:0; font-family: verdana!important; font-size:12px;background:#000;}
h1, h2, h3, h4, ul, li {
margin:0;
padding:0;
}
.HolyGrail {
  min-height: 100vh;
}

.HolyGrail-body {
width:100%;
display:block;
background:#000;
}
.HolyGrail-content {
background: #FFFFCB url("http://www.theforgeatwells.co.uk/fire/corner.jpg") top left no-repeat;
width:80%;
float:right;
display:block;
}

.HolyGrail-nav {
background:#000;
color:#0F0;
width:20%;
float:left;
display:block;
}
.HolyGrail-nav a {
color:#0F0; text-decoration:none; text-transform:uppercase;
}
.HolyGrail-nav li {
margin:5px 10px 5px 20px;
}

.HolyGrail-nav {
  /* put the nav on the left */
  order: -1;
}
#header {background:#fff;text-align:center;font-size:24px;display:block;height:70px;}
#header a {text-decoration:none; color: #000; margin-left:20%;}
#header h1 {text-decoration:none; color: #000;}
#subheader {background:#000;text-align:center;clear:both;display:block;height:40px;line-height:40px;}
#subheader h1 {color: #0f0;font-size:12px;margin-left:20%;}
#subheader a {text-decoration:none; color: #0f0; font-size:12px;}
#aside {background:#000;}
#footer {background:#000;text-align:center;color:#fff;display:block;clear:both;}
#footer a {color:#0f0; text-decoration:none;}

/* Stylesheet: HolyGrail Modified On 2015-09-11 15:52:50 */