/*
Project: Call Centre Furniture Apr 06
Created by: lee hughes gencon.co.uk 
Created on: 18/04/06
--this file contains only structual elements--
*/

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

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

h1 {
	padding-bottom: 10px;
}

h1,h2,h3,h4,h5 {
	padding-bottom: 5px;
}

address {
	margin: 0 0 60px 0;
	padding: 5px 15px 15px 15px;
} 
/*  */

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

img.furnitureimageleft {
	margin: 0 10px 10px 0;
	float: left;
}

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

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

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

div#headerwrapper {
	
}

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

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

div#footer {
	margin: 5px 0 50px 20px; 
	padding: 0;
	clear: both;
}

div#footerwide {
	margin: 5px 0 50px 18px; 
	padding: 0;
	clear: both;
}
/*  */

/* --header-- */
div#header img {
	margin: 41px 0 0 22px;
	float: left;
}

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

div#primarywrapper {
	position: absolute;
	top: 201px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

div#primarywrapper img {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
}

ul#primary {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 740px;
	height: 36px;
}

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

ul#primary li a {
	margin: 0;
	padding: 0 20px 0 20px;
	line-height: 36px;
	display: block;
}
/*  */

/* --maincontent-- */
div#content {
	margin: 40px 10px 0 20px;
	padding: 10px 0 0 0;
	width: 550px;
}

* html div#content {
	padding-top: 20px;
}

div#contentwide {
	margin: 40px 10px 0 15px;
	padding: 10px 0 0 0;
	width: 740px;	
}

* html div#contentwide {
	padding-top: 20px;
}

div#contentprod {
	margin: 80px 10px 0 15px;
	padding: 10px 0 0 0;
}

* html div#contentprod {
	padding-top: 20px;
}

div#column {
	position: absolute;
	right: 0;
	top: 0;
	margin: 50px 0 0 0;
	padding: 0 0 60px 0;
	width: 180px;
}

* html div#column {
	margin-top: 60px;
}
/*  */

	/* --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: 8px;
	}
	
	.links {
		margin-right: 5px;
	}
	
	.linksright {
		margin-right: 5px;
		float: right;
		font-size: 0.9em;
	}
	
	div.news_box {
		margin: 0;
		padding: 5px;
	}
	
	div.news_box img {
		margin: 0 0 0 0;
		float: right;
	}
	
	div.news_box h2 {
		margin: 0;
		padding: 0;
	}
	/*  */
	
	/* products */
	div#productblock {
		margin: 0 auto 0 auto;
		padding: 0 10px 0 15px;
		width: 720px;
	}
	
	div.product {
		margin: 0 0 10px 5px;
		padding: 0;
		float: left;
		width: 170px;
	}
	
	div.product h2 {
		margin: 0 0 5px 0;
		padding: 0;
	}
	div.product p {
		padding: 0;
		margin:0;
	}
	div.product a {
		color:#3a4fa3;
		text-decoration:none;
	}
	
	div.product h2 a {
		margin: 0;
		padding: 0;
	}
	
	div#prodimages {
		margin: 82px 0 0 0;
		float: right;
		width: 340px;
		text-align: center;
	}
	
	* html div#prodimages {
		margin-top: 170px;
	}
	
	/* colour swatch */
	div.swatch {
		margin: 0 3px 0 0;
		padding: 0;
		float: left;
		width: 80px;
	}
	
	h3.swatchtitle {
		margin: 0 0 5px 0;
		padding: 0;
	}
	
	div.swatch p {
		margin: 0;
		padding: 0;
	}
	
	div.swatch img {
		padding-top: 3px;
	}
	
	* html div.colourswatch {
		position: relative;
	}
	/*  */
	/*  */
	
	/* --column-- */
	div#column p a {

	}
	
	ul#secondary {
		margin: 10px 0 50px 0;
		padding: 0;
		width: 180px;
	}
	
	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: 180px;
		text-align: center;
	}
	
	div.testimonial p {
		margin: 0;
		line-height: 1.1em;
		padding: 5px 15px 15px 15px;
		text-align: left;
	}
	
	div.testimonial p a {
		margin: 0;
		padding: 0;
	}
	
	div.testimonial h1,
	div#column h2 {
		margin: 0;
		padding: 10px;
	}
	
	div.testimonial ul {
		margin: 0;
		padding: 5px 15px 15px 15px;
		text-align: left;
		list-style: none;
	}
	
	p.quote {
		float: left;
		margin-top: 8px;
	}	
	
	div#column div.testimonial img {
		margin: 0 0 15px 0;
	}
	/*  */
	
	/* 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 0 0 0;
	padding: 10px 0 0 0;
	text-align: left;
	width: 550px;
}

div#footerwide ul#footernav {
	margin-left: -10px;
	width: 740px;	
}

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;
}
/*  */