/* 
Project: AF Roofing Ltd
Created by: Mark Thomas gencon.co.uk 
Created on: 08/03/06
--this file contains only structual elements--
*/

@import "theme.css";
@import "form.css";

/* --default-- */ 
body {
	margin: 0;
	padding: 0;
}

h1 {
	margin-top: 5px;
}

h2 {
	margin-top: 30px;
}

address {
	margin: 10px auto 60px auto;
	padding: 0 10px 0 10px;
	width: 170px;
} 
/*  */

/* --generic classes & ids */
div.clear {
	clear: both;	
}

img.furnitureimage {
	margin: 0 0 10px 10px;
	float: right;
}
/*  */

/* --structure-- */
div#wrapper {
	margin: 0 auto 0 auto;
	padding: 0;
   position:relative;
   top: 0;
   width:712px;
}

* html div#wrapper {
	width: 712px;
}

div#header {
	margin: 0;
	padding: 0;
	height: 173px;
}

div#maincontent {
	margin: 0;
	padding: 0;
}

div#footer {
	margin: 5px auto 50px auto; 
	padding: 0;
	width: 712px;
	height: 40px;
	clear: both;
}

* html div#footer {
	margin: 20px 0 0 0;
}
/*  */

div#primarywrapper {
	margin: 0;
	padding: 0;
}

ul#primary {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 640px;
	height: 55px;
}

ul#primary li {
	margin: 0;
	padding: 0;
	float: left;
}

ul#primary li a {
	margin: 0;
	padding: 0 10px 0 10px;
	line-height: 44px;
	display: block;
	width: 70px;
}

* html ul#primary li a {
	width: 80px;
}

.headerlink {
	position: absolute;
	top: 30px;
	right: 230px;
	border: none;
}

/* --header-- */
div#header img {
	margin: 1em 0 0 4em;
}
/*  */

/* --maincontent-- */
div#content {
	margin: 5px 0 0 37px;
	padding: 30px 18px 0 20px;
	width: 381px;
}

* html div#content {
	margin-left: 36px 
}

div#column {
	position: absolute;
	right: 37px;
	margin: 36px 0px 0 0;
	padding: 0;
	width: 217px;
}
/*  */

	/* --content-- */
	div.casestudybox {
		margin: 0 0 5em 0;
		padding: 0;
	}
	
	div.casestudybox p {
		padding: 0 10px 0 10px;
	}
	
	div.casestudybox img {
		float: right;
		margin: 40px 10px 0 10px;		
	}

	h2.portfoliotitle {
		margin: 0;
		padding: 5px 5px 5px 10px;
	}
	
	strong.links {
		margin-right: 5px;
	}
	
	div.news_box {
		margin: 0;
		padding: 5px;
		
		border: silver 1px solid;
	}
	
	div.news_box img {
		margin: 0 0 0 0;
		float: right;
	}
	
	div.news_box h2 {
		margin: 0;
		padding: 0;
		
		border-bottom: silver 1px solid;
	}
	/*  */
	
	/* --column-- */
	ul#secondary {
		margin: 10px 0 50px 0;
		padding: 0;
		width: 218px;
	}
	
	ul#secondary li {
		margin: 0 0 12px 0;
		padding: 0;
		height: 35px;
	}
	
	* html ul#secondary li {
		margin-left: 1px;
	}
	
	ul#secondary li a {
		display: block;
		padding: 10px 0 10px 20px;
	}
	
	* html ul#secondary li a {
		height: 1px;
	}
	
	div.testimonial {
		margin: 0 auto 23px auto;
		padding: 0;
		width: 190px;
		text-align: center;
	}
	
	div.testimonial p {
		margin: 0;
		line-height: 1.1em;
		padding: 10px;
		text-align: left;
	}
	
	div.testimonial h1 {
		margin: 0;
		padding: 10px;
	}
	
	p.quote {
		float: left;
		margin-top: 8px;
	}	
	
	div#column img {
		margin: 8px 0 15px 0;
		border: 1px solid #C8C8C8;
	}
	/*  */
	
	/* team member styles */
	div.teammember {
		margin: 0 0 2em 0;
		padding: 0;
		display: table;
	}
	
	div.teammember img {
		margin: 0 0 10px 10px;
		float: right;
	}
	
	div.teammember ul {
		margin: 0;
		padding: 0;
		
	}
	/*  */

/* --footer-- */
ul#footernav {
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	width: 600px;
	text-align: left;
	text-transform: lowercase;
}

ul#footernav li {
	margin: 0 30px 0 0;
	padding: 0;
	float: left;
}

ul#footernav li.last {
	margin: 0;
	float: right;
	text-align: right;
}

ul#footernav li.middle {
	text-align: center;
}

ul#footernav li.left {
	margin-right: 45px;
	text-align: left;
}
/*  */