body {

    font-size: 0.8em;
    line-height: 150%;
    background-color: #D6D3B6;
    font-family: arial;
}

#container {
    width: 960px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    
}

#header {
    width: 960px;
    height: 200px; }

#content1 { width: 960px;
            height: auto;
            overflow:hidden;
            background-image: url('http://www.johnkeeling.co.uk/images/background1.jpg');
 }
 #content2 { width: 960px;
            height: auto;
            overflow:hidden; background-image: url('../images/background2.jpg');
 }
 #content3 { width: 960px;
            height: auto;
            overflow:hidden;background-image: url('../images/background3.jpg');
 }
 #content4 { width: 960px;
            height: auto;
            overflow:hidden;background-image: url('../images/background4.jpg');
 }
#content5 { width: 960px;
            height: auto;
            overflow:hidden;background-image: url('../images/background5.jpg');
 }
#content6 { width: 960px;
            height: auto;
            overflow:hidden; background-image: url('../images/background7.jpg');
 }
 
#rightbar {
float: right;
width: 470px;
height: auto;
padding-right:40px;
 }
 
#rightbar img {padding-bottom: 10px;
border:none; }

div.clearer {clear: left; line-height: 0; height: 0;}


#textsection 
{width: 945px;
height: auto;
padding: 15px 0 10px 15px;
border-top-color:#E4F6AD;
border-top-style:solid;
border-top-width: 1px;
border-bottom-color:#E4F6AD;
border-bottom-style:solid;
border-bottom-width: 1px;
background-color: #777733; }

#sales {
width: 960px;
height: auto;
overflow:hidden;
clear: both;
padding-top: 10px;
padding-bottom: 15px;
background-color: #615E3F; }

.shop {
float: left;
width: 400px;
padding-left: 15px;
}

.middle {padding-left: 450px;
padding-right: 230px;
padding-top: 15px;
text-align: justify; }

#footer { width: 960px;   
          clear: both;
          padding-bottom: 10px;
          background-color: #777733;
          border-top-color:#E4F6AD;
          border-top-style:solid;
          border-top-width: 1px; }
          
#footer img {border: none;
padding-top: 10px;
padding-left: 15px; }

#credit {margin-bottom: 5px;
padding-left: 20px; }


h1 {

   font-size: 2em;
   border-bottom-style: solid; 
   border-width: 1px; 
   border-color: #E4F6AD;
   text-align: center;
   font-family: arial;
   color: #E4F6AD;
   padding-bottom: 10px;

}

h2 {
font-family: arial;
color: #E4F6AD; }

h3 {
font-family: arial;
color: #E4F6AD; }

h4 {
font-family: arial;
color: #E4F6AD; }

.mattblacktabs{
background-color: white;
width: 960px;
overflow: hidden;
border-top: 1px solid black;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
width: 143px;
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #777733; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #4F4F2F 
 ; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}