/* 

STYLE SHEET FOR [WC Matthews Builders]
Created by [Webfooted Designs Ltd.]
[www.webfooteddesigns.co.uk]

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images

Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		background: #82232b url(../images/wcbg-gradient.jpg) repeat-x;
		}
		
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}		
		
/*  --------- 2. structure  --------- */

#wrapper {
		/* sets the width of the content area and positions it in the centre of the page */
		width: 954px;
		margin: 20px auto 5px auto;		
		background: #580904;
		padding: 3px;
		}
		
#masthead {
		position: relative;
		width: 954px;		
		background-color: #faf3e0;
		}

.logo {
		margin: 10px 0 10px 10px;
		}
		
#strapline {
		font-size: 1.6em;
		padding: 0 10px 10px 15px;
		}
		
.mastheadphotos {
		border-top: 3px solid #580904;
		border-bottom: 3px solid #580904;
		}

#content {
		margin: 10px;	
		}
		
#contactdetails {
		padding: 10px 5px;
		}		
		
#credit {
		width: 960px;
		margin: 0 auto 15px auto;
		text-align: right;		
		font-size: 1.1em;		
		}			
		
/* ---------- home page content ----------- */	
		
#homepagetext {
		margin-left: 155px;		
		background-color: #faf3e0;		
		padding: 10px 10px 4px 10px;
		text-align: justify;
		height: auto !important;
		height: 320px;
		min-height: 320px;
		}
		
#rightboxout {
		float: right;
		width: 266px;
		margin: 0 0 5px 10px;
		padding: 5px;
		background-color: #f6f7f6;
		border: 1px solid #cad3cd;		
		}
		
.morelink {
		text-align: right;
		}
		
/* ---------- 3. lists ---------- */

#content ul {
		margin-left: 25px;
		font-size: 1.3em;
		}
		
#content li {
		margin-bottom: 5px;
		}

/* ---------- 4. links and navigation ---------- */

#skipLink {
		position: absolute;
		left: -9999px;
		}

a {
		color: #580904;
		text-decoration: underline;
		}
		
a:hover {
		text-decoration: none;		
		}

#navigation {
		width: 140px;		
		margin: 10px 0 0 10px;
		position: relative;
		float: left;
		}
		
#navigation li #current {		
		text-decoration: underline;
		background: url(../images/buttonrollover.jpg) no-repeat;
		background-position: 122px 0;
		}	

#navigation li {		
		border: 1px solid #faf3e0;		
		padding-left: 5px;
		margin-bottom: 5px;		
		
		}		

#navigation a {
		display: block; /* makes the links act as block level elements */
		height: 20px;
		text-decoration: none;
		color: #faf3e0;
		font-size: 1.4em;
		background: url(../images/button.jpg) no-repeat;
		background-position: 122px 0;		
		}
		
#navigation a:hover {
		text-decoration: underline;	
		background: url(../images/buttonrollover.jpg) no-repeat;
		background-position: 122px 0;
		}
		
#navigation ul {
		list-style: none;		
		}
		
#contactdetails a {
		font-size: 1em;
		background: none;
		margin: 0;
		padding: 0;
		height: auto;
		display: inline;
		text-decoration: underline;
		}
		
#contactdetails a:hover {
		background: none;
		text-decoration: none;
		}

#credit a {
		color: #faf3e0;
		}
		

		
/* ---------- 5. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #580904;
		}

h1, h2, h3, h4, p, ul {
		}

h1 {
		font-size: 1.5em;
		margin-bottom: 10px;
		}

h2 {		
		font-size: 1.4em;
		margin-bottom: 10px;
		margin-top: 20px;
		}
		
#rightboxout h2 {
		margin-top: 0;
		}

h3 {
		}
		
h4 {
		}

p {	
		font-size: 1.3em;
		line-height: 1.5em;
		margin-bottom: 10px;		
		}		

ul {
		}
		
#contactdetails {
		color: #faf3e0;
		}
		

/* ---------- 6. images ---------- */

a img {
		border: none;
		
		}
		
#gallery img {
		border: 1px solid #580904;
		}
		
#fmb {
		position: absolute;
		top: -5px;
		right: 5px;
		margin-top: 10px;
		}