/* Colours */

a:link { color: #525A56; text-decoration: none; }
a:visited { color: #525A56; text-decoration: none; }
a:active { color: #525A56; border-bottom:1px dotted; text-decoration: none; }
a:hover { color: #525A56; border-bottom:1px dotted; text-decoration: none; }
a:selected{ color: #525A56; cursor: default; text-decoration: none; }
em { color: #8F8F8F; }
img { border: none; } 

/* Typography */

body { background-image:url("http://www.mattclinch.co.uk/public/images/back.gif"); background-repeat:repeat-x; color: #8F8F8F; font-family: Helvetica, Verdana, sans serif; line-height: 1.4; }
ul li, p, em { font-size: 11px; font-style: normal; }
h1, h2 { font-size: 11px; font-weight: normal; }
a { text-decoration: none; }
a { text-transform : lowercase; }
a.logo {text-decoration: none; border-bottom-style:none; border-bottom-width:0px; text-decoration: none; }border:none;


/* Layout */

html { height: 100%; margin-bottom: 1px; }
body { padding: 25px 0px 50px; text-align: center; }
div#container { margin: 40px auto 0px auto auto; width: 890px; padding: 5px 15px; text-align: left; }

.col { float: left; margin: 0px 0px 0px 20px; padding: 0px;}
.col .col { margin: 0px; }

.one { width: 80px; }
.two { width: 140px; }
.three { width: 220px; }
.four { width: 300px; }
.five { width: 380px; }
.six { width: 460px; }
.seven { width: 540px; }
.eight { width: 620px; }
.nine { width: 700px; }
.ten { width: 780px; }
.eleven { width: 860px; }
.twelve { width: 940px; }

h2 { margin: 0px 0px 5px; colour: FFFFFF }
p { margin: 5px 0px 5px; colour: FFFFFF }

hr { display: block; clear: both; margin: 0px 0px 15px; padding: 0px; height: 0px; overflow: hidden; visibility: hidden; }
.col hr { margin: 0px 0px 2px; }

em.three { margin: 6px 0px 0px 0px; }

div#navigation ul { list-style: none; padding: 0px 0px 0px 0px; margin-left: 0px; padding-left: 0px }
div#navigation ul li { list-style: none; margin: 10px 0px 10px; margin-left: 0px; padding-left: 0px padding-bottom: 15px }
div#navigation ul#pages { margin: 20px 0px 0px; }

div#content { margin: 10px 0px 0px 0px; }

div#images { clear: both; padding: 0px 0px 15px 80px; }
div.home div#images { padding: 10px 0px 15px 80px; }
div.description div#images { padding: 10px 0px 0px 0px; }

div#image-wrapper { overflow: hidden; width: 560px; }
div#image-wrapper div#image-holder { width: 100000000px; }
div#image-wrapper div#image-holder div.image { float: left; width: 560px; }

p#footer { margin: 0px 0px 0px 320px; display: inline; color: #8F8F8F }
p#footer em { display: block; }