body {
min-width:600px;		/* min-width does not work in old versions of IE */
}

#container {
margin: 0 auto;
max-width: 62.5em;
/* border-top: 10px solid transparent; */
}


/* HEADER ------------------------ */
#header {
clear:both;
float:left;
width:100%;
height: 110px;
padding-top: 20px;
}

#header ul {padding-left: 1em;}

#header ul li {display: inline;}

#header ul ul {display: inline;}

.telno {padding-left: 10%;}

.trainer {
margin-left: 42%;
padding-left: 5%;
border-top: solid 1px lightgrey;
}

/* OTHER MAIN DIVS --------------- */
#mainmenu {
clear:both;
float:left;
width:100%;
text-align: center;
}

#mainmenu ul {
padding: 14px 0 0 0;
}

#mainmenu ul li {
height:36px;
display: inline;
}

#mainmenu li a {
padding:0 12px;
}

#gallery {
clear:both;
float:left;
width:100%;
height:127px;
text-align: center;
padding-bottom: 10px;
}

#gallery ul li {
display: inline;
}

#footer {
clear:both;
float:left;
width:100%;
text-align: right;
}

.col2 li, .col3 li {
margin-bottom: 10px;
padding: 0 0 0 12px;
}

.col1 li { padding-bottom: 4px; }

/* COLUMN CONTAINER  --------------- */
.colmask {
position:relative;	/* This fixes the IE7 overflow hidden bug */
padding-top: 1em;
clear:both;
float:left;
width:100%;			/* width of whole page within container div */
overflow:hidden;		/* This chops off any overhanging divs */
}

.colmid,
.colleft {
float:left;
width:100%;			/* width of page */
position:relative;
}

.col1,
.col2,
.col3 {
float:left;
position:relative;
overflow:hidden;
border-top: solid transparent 1em;
}

.threecol .colmid {
right:25%;		/* overall width of on-screen right column */
}

.threecol .colleft {
right:55%;		/* overall width of on-screen middle column */
}

.threecol .col1 {
width:51%;
left:102%;
}

.threecol .col2 {
width:16%;
left:31%;
padding-top: 1em;
}

.threecol .col3 {
width:21%;
left:90%;
padding-top: 1em;
}

.recommendation {
width: 90%;
margin-top: 30px;
background: #FFEDC1;
border: 5px solid #FFEDC1;
}

.jhpilates {
margin-left: 5%;
margin-right: 5%
}

/* TAGS ---------------------- */
h1 {
padding: 0 0 1em 0;}

h2{
padding: 0;}

h4.top { padding-top: 0.5em; }

p {
border-bottom: solid transparent 1em;
}

p.topics {
border-bottom: solid transparent 1em;
}

p.copyright {
border: solid transparent 1em 0;
}

hr {
border: 0;
height: 1px;
width: 100%;
margin-top: 1em;
}

ul, ol {margin-bottom: 1em;}

table {
border-bottom: solid transparent 1em;
width:40%;
}

.col1 ul li {
padding-left: 20px;
background: url(http://www.consultdmw.co.uk/image/bullit.png) no-repeat 0 .5em;
}

/* OUTER BORDER --------------- */
#header, #mainmenu, #footer,
.colmask {
border-style: solid;
border-width: 0 4px 0 4px;
}

#header {border-top-width: 6px; }

#footer {border-bottom: solid 2px;}