/* 
Project: Eco-Lift
Created by: mark thomas gencon.co.uk 
Created on: 26/02/07
*/



@import "form.css"; 



/* --default-- */ 

body,html {

	margin: 0;

	padding: 0;

	color: black;

	font-size: 11px;

	font-family: Verdana, Geneva, Helvetica, sans-serif;

	background-color: white;

}



h1,h2,h3,h4,h5,h6 {

	color: black;

}



h1 {

	margin: 0;

	padding: 0;

	font-size: 1.7em;

	font-weight: bold;

}



h2 {

	font-size: 1.4em;

	font-weight: normal;

}



h3 {

	margin: 10px 0 10px 0;

	padding: 0;

	font-size: 1.2em;

	font-weight: normal;

}



address {

	margin: 20px 0 0 0;

	padding: 10px 0 10px 10px;

	width: 166px; 

	float: left;

	color: black;

	font-style: normal;

	font-size: 1em;

	text-align: left;

	line-height: 1.6em;

}



a:link {

	color:  #B84E06;

	text-decoration: underline;		

}



a:visited {

	color:  #B84E06;

	text-decoration: underline;	

}



a:hover {

	color: #46453B;

	text-decoration: underline;		

}	

/*  */



/* --generic classes & ids */

div.clear {

	clear: both;	

}



img.furnitureimage {

	margin: 0 0 5px 25px;

	float: left;

}



img.imageright {

	margin: 0 0 5px 25px;

	float: right;

}



img.imageleft {

	margin: 0 0 0 0;

	padding: 0 15px 5px 15px;

	float: left;

}

/*  */



/* --structure-- */

div#wrapper {

	margin: 0 auto 0 auto;

	padding: 0;

   position:relative;

   top: 0;

   width:750px;

}



* html div#wrapper {

	width: 750px;

}



div#header {

	margin: 0;

	padding: 0;

	height: 170px;

	background-image: url(../images/print_logo.jpg);

	background-repeat: no-repeat;

}



* html div#header {

	margin: 0 0 0 1px;

	padding: 0 0 0 0;

	width:750px;

}



div#bannerhome {

	margin: 23px 0 0 0;

	padding: 0 0 0 0;

	height: 203px;

}



* html div#bannerhome {

	margin: 23px 0 0 0;

	padding: 0 0 0 1px;

	height: 203px;

}



div#maincontent {

	margin: 0;

	padding: 0;

}



div#footer {

	margin: 0; 

	padding: 0 ;

	width: 750px;

	height: 20px;

	float: right;

}

/*  */



/* --header-- */

div#primary ul {

	margin: 0 0 0 0;

	padding: 0 0 0 0;

  	list-style-type: none;

  	font-size: 1.3em;

	position: relative;

  	top: 124px;

	

	list-style: none;

	font-size: 1.2em;

	text-align: center;

	text-transform: none;

}



div#primary ul li {

	float: left;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	height: 27px;

  position: relative;

  top: 1px;

}



div#primary ul li a {

  text-decoration: none; 

  display: block;

  padding: 5px 15px 5px 15px;

  color: #2E529D;

  font-weight: bold;

  font-size: 0.8em;

}



div#primary ul li a:hover {

  color: #CD2F3B;

}

/*  */



ul#userlist {

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	top: 180px;

	right: 0;

	width: 218px;

	

	font-size: 1.2em;

}



ul#userlist li {

	margin: 0;

	padding: 0;

	float: left;

	width: 109px;

}



ul#userlist li a {

	padding: 8px 0 8px 0;

	width: 109px;

	display: block;

	text-align: center;

	

	color: #fff;

	text-decoration: none;

}



ul#userlist a:visited {

	color: #fff;

	text-decoration: none;

}



ul#userlist a:hover {

	color: #a97154;

	text-decoration: none;

}



.headerlink {

	position: absolute;

	top: 30px;

	right: 230px;

	border: none;

}

/*  */



/* --maincontent-- */

div#content {

	margin: 30px 0 0 0;

	padding: 0 0 0 20px;

	width: 460px;

	float: left;

}



div#contenttable {

	margin: 30px 0 0 0;

	padding: 0 0 0 20px;

	width: 715px;

	float: left;

}



div#contenttable table#directory {

	width: 100%;

	font-size: 1.1em;

}



table#directory tr {

	background-color: #F4F3E2;

}



div#content img {

	margin: 0;

	padding: 0 15px 2px 0;

	float: left;

}



* html div#content {

	margin-left: 1px 

}

/*  */



	/* --content-- */

	div#content p {

		font-size: 1.1em;

		text-align: left;

		line-height: 1.6em;

	}

	

	div#content ul {

		font-size: 1.1em;

		text-align: justify;

		line-height: 2em;

	}

	

	div#content li {

		color: #B5220E;

	}

	

	div.casestudybox {

		margin: 0 0 5em 0;

		padding: 0;

		

		background-color: #EBECEE;

		border-bottom: #414F61 solid 1px;

	}

	

	div.casestudybox p {

		padding: 0 10px 0 10px;

	}

	

	div.casestudybox img {

		float: right;

		margin: 40px 10px 0 10px;

		border: 5px solid #ffffff;

	}



	h2.portfoliotitle {

		margin: 0;

		padding: 5px 0 0 8px;

		

		color: #414F61;

		font-size: 1.3em;

		font-weight: bold;

		border-bottom: #414F61 solid 1px;

	}

	

	strong.links {

		margin-right: 5px;

	}

	/*  */

	

	/* --column-- */

	div#column {

		margin: 0;

		padding: 20px 0 0 20px;

		width: 220px;

		height: 350px;

		float: right;

	}



	div#column li {

		margin: 0;

		padding: 0 0 0 15px;

		

		list-style: none;

	}



	div#column li link {

		color: #949494;

	}

	

	div#column img {

		margin: 0;

		padding: 0 0 0 4px;

		

		border: none;

	}



	div#column p a {

		margin-left: 0;

	}

	

	div#title  {

		margin-left: 0;

		color: fuchsia;

	}

	

	div.testimonial {

		margin: 0;

		padding: 0 20px 0 5px;

		float: left;

		color: black;

		font-style: normal;		

		font-size: 1.1em;

		line-height: 1.4em;

	}

	

	div.testimonial p {

		margin: 0 0 0 0;

		padding: 0 5px 0 5px;

		text-align: left;

	}

	

	ul#secondary {

		margin: 0 10px 0 10px;

		padding: 0;

		float: left;

		width: 185px;

	

		color: #6D6D6D;

		display: block;

		list-style: none;

		line-height: 1.0em;

		text-transform: capitalize;

	}

	

	ul#secondary li {

		margin: 0;

		padding: 0;

		

		font-size: 1.1em;

	}

	

	* html ul#secondary li {

		margin-left: 1px;

	}

	

	ul#secondary li a {

		display: block;

		padding: 10px 0 10px 20px;

	}

	

	* html ul#secondary li a {

		display: block;

	}

	

	ul#secondary h1 {	

		color: black;

		font-size: 1.5em;

	}

	

	ul#secondary a:link,ul#secondary a:visited {

		color: black;

		text-decoration: underline;

	}	

	

	ul#secondary a,ul#secondary a:hover,ul#secondary a:focus {

		color:  white;

		text-decoration: none;

	}

	

	ul#news {

		margin: 0;

		padding: 0 13px 0 0;

		width: 204px;

		float: right;

	}

	

	*html ul#news {

		margin: 0;

		padding: 0 6px 0 0;

		width: 207px;

		float: right;

	}

	

	ul#news li {

		color: #BC7267;

		text-decoration: none;

	}

	

	ul#news li a {

		margin: 0;

		padding: 8px;

		

		color: #717171;

		display: block;

		text-decoration: none;	

		border-bottom: #DEDEDE solid 1px;

	}

	

	ul#news li a:hover{

		color: #A3200E;

		background-color: #FCE7E0;		

	}

	

	ul#vacancies {

		margin: 0;

		padding: 0 13px 0 0;

		width: 204px;

		float: right;

	}

	

	*html ul#vacancies {

		margin: 0;

		padding: 0 6px 0 0;

		width: 207px;

		float: right;

	}

	

	ul#vacancies li a {

		margin: 0;

		padding: 8px;

		

		color: #717171;

		display: block;

		text-decoration: none;	

		border-bottom: #DEDEDE solid 1px;

	}

	

	ul#vacancies li a:hover{

		color: #A3200E;

		background-color: #E7E7E7		

	}

	

	p.quote {

		float: left;

		margin-top: 8px;

	}	

	

	div#column img {

		margin: 15px 0 8px 12px; 

	}

	

	* html div#column img {

		margin: 10px 0 8px 8px; 

	}

	/*  */



/* --footer-- */

ul#footernav {

	margin: 0 0 10px 0;

	padding: 0 30px 0 10px;

	text-align: center;

	

	list-style: none;

	color: black;

	font-size: 0.9em;

}



ul#footernav li {

	margin: 0;

	padding: 0;

	float: left;

	

	color: gray;

	line-height: 1.7em;  

}



ul#footernav a:link {

	color: gray;

	text-decoration: underline;

}



ul#footernav a:visited {

	color: gray;

	text-decoration: none;	

}



ul#footernav a:hover {

	color: #A3200E;

	text-decoration: none;	

}



ul#footernav li.last {

	float: right;

	text-align: right;

}



ul#footernav li.middle {

	text-align: center;

}



ul#footernav li.left {

	margin-right: 0px;

	text-align: left;

}



/* INFO BOX */

		div#content div.infobox {

			margin: 0 auto 1.7em auto;

			padding: 0 0 8px 0;

			width: 94%;

			display: table;

			border-bottom: #414F61 solid 1px;

		}

		

		* html div#content div.infobox {

			width: 94%;

		}

		

		div#content h2.infoboxtitle {

			margin: 0 0 6px 0;

			padding: 2px 0 2px 8px;

			color: #414F61;

			font-size: 1.3em;

			font-weight: bold;

			border-bottom: #414F61 solid 1px;

		}

		

		div#content div.infobox h2.producttitle a {

			color: #02227E;

			display: block;

		}

		

		div#content div.infobox img {

			float:right;

			margin: 0 10px 0 10px;

		}

		

		div#content div.infobox ul {

			margin: 0 120px 0 0;

			padding-left: 8px;

		}

		

		div#content div.infobox ul li {

			margin: 0.3em 0 0 0;

			padding: 0;

			

			display: block;	

		}

		

		* html div#content div.infobox ul li {

			display: block;		

		}

		

		div#content div.infobox img {

			border: 5px solid #ffffff;

		}

		

		div#content div.infobox p {

			margin-right: 120px;

			padding-left: 8px;

		}



		div#content div.infobox div.clear {

			clear: both;

			height: 2px;

		}	

		

		* html div#content div.infobox div.clear {

			clear: both;

			font-size: 0.1em;

		}

		

		td {

			vertical-align: text-top;

			line-height: 2.0em;

		}

/*  */