/* import CSS for compliant browsers */

/* ------------------------------------------------------- */

@import url(reset.css);

@import url(typography.css);

@import url(table.css);

/* stops the nasty horizontal shift with centered layouts in moz etc */

/* html { height: 100%; margin-bottom: 1px; } */




html {

	height: 100%;

	}

body {

	background: url(../images/header_background.gif) repeat-x;

	margin: 0;

	padding: 0;

	height: 100%;

}



	

* html #wrapper {

height: 100%;

}



/* Home

----------------------------------*/

#main_banner {

	background: url(../images/main_background_image.jpg) no-repeat;

	width: 620px;

	height: 274px;

	float: left;

	}

body#home {

	background: url(../images/header_background_home.jpg) repeat-x;

	}

#tabs {

	width: 300px;

	float: right;

	margin-top: 20px;

	}

#home_content {

	margin-top: 30px;

	float: left;

	}

.home_col {

	width: 460px;

	float: left;

	margin-right: 20px;

	}

.home_col_50 {

	width: 219px;

	float: left;

	margin-right: 20px;
	
	margin-bottom:20px;

	}

.highlight_box {

	border: 1px solid #e9e4da;

	background: #ffffff;

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	margin-bottom: 10px;

	}

.highlight_box_100 {

	background: url(../images/highlight_fade_background_100.jpg) no-repeat;

	width: 100%;

	}

.highlight_col {

	width: 200px;

	float: left;

	margin-right: 15px;

	}
	
.highlight_col p {
	margin-bottom:8px;
	}
	
.home_eco_para{
	background: url(../images/image_leaf.png) no-repeat;
	padding-left:90px;
}

#image_render {

	background: url(../images/default_3drender.png) no-repeat;

	width: 207px;

	height: 115px;

	position: relative;

	}

#image_video {

	background: url(../images/video_pull.png) no-repeat;

	width: 213px;

	height: 125px;

	position: relative;

	}

#image_video a {

	display: block;

	width: 213px;

	height: 125px;

	}

.inline_image {

	float:left;

	padding: 2px;

	border: 1px solid #e9e4da;

	margin-right: 20px;

	margin-bottom: 30px;

	}

.inline_image_right {

	padding: 2px;

	border: 1px solid #e9e4da;

	margin-left: 20px;

	margin-bottom: 30px;

	}

#skipLink {

	display: block;

	position: absolute;

	top:0;

	left: -999px;

	height: 20px;

	padding: 10px 20px;

}



#skipLink:focus {

	left: 0;

}

.clearboth {

	clear:both;

	}

#wrapper {

	width: 940px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -104px;

}

#header {

	height: 103px;

	}

#logo {

	background: url(../images/kingswood-estates.jpg) no-repeat;

	width: 351px;

	height: 50px;

	float: left;

	}

#logo span {

	display:none;

	}

#logo a {

	display: block;

	width: 351px;

	height: 50px;

	}

#telephone {

	background: url(../images/phone_number.jpg) no-repeat;

	width: 292px;

	height: 20px;

	float: right;

	margin-top: 30px;

	}

#telephone span {

	display:none;

	}

#content {

	width: 940px;

	clear: both;

	}

#content_span_100 {

	width: 940px;

	clear: both;

	}

#main_content {

	float: right;

	width: 700px;

	}

#main_content_span_100 {

	float: left;

	width: 100%;

	}



/* Columns

----------------------------------*/

.col1 {

	width: 380px;

	float: left;

	}

.col1_span_50 {

	width: 457px;

	float: left;

	margin-right: 25px;

	}

.col1_span_70 {

	width: 620px;

	float: left;

	}

.col2 {

	width: 300px;

	float: right;

	}

.col2_span_30 {

	width: 300px;

	float: right;

	}

.col_span_333 {

	width: 333px;

	float: left;

	margin-right: 30px;

	}

.col2 img,

.col2_span_30 img {

	margin-bottom: 20px;

	}

.col_thin {

	width: 300px;

	float: left;

	margin-right: 20px;

	}

.col_span_160 {

	width: 160px;

	float: left;

	margin-right: 20px;

	margin-bottom: 20px;

	}

.col_span_160 img {

	margin-bottom: 10px;

	}

.col_span_220 {
	width: 220px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}
	
.col_span_220 img{
	align:center;
}

.offices li {

	float: left;

	width: 210px;

	height: 180px;

	margin-right: 10px;

	padding-left: 27px;

	}

li#germany {

	background: url(../images/flag_germany.png) 0 2px no-repeat;

	}

li#netherlands {

	background: url(../images/flag_netherlands.png) 0 2px no-repeat;

	width: 220px;

	}

li#italy {

	background: url(../images/flag_italy.png) 0 2px no-repeat;

	width: 180px;

	}

li#switzerland {

	background: url(../images/flag_switzerland.png) 0 2px no-repeat;

	margin-right: 0;

	width: 180px;

	}

li#northern_ireland {

	background: url(../images/flag_northern_ireland.png) 0 2px no-repeat;

	}

.last {

	margin: 0;

	}

h3#step_1 {

	background: url(../images/step_one.png) no-repeat;

	padding-left: 40px;

	padding-top: 7px;

	height: 27px;

	}

h3#step_2 {

	background: url(../images/step_two.png) no-repeat;

	padding-left: 40px;

	padding-top: 7px;

	height: 27px;

	}

h3#step_3 {

	background: url(../images/step_three.png) no-repeat;

	padding-left: 40px;

	padding-top: 7px;

	height: 27px;

	}

h3#step_4 {

	background: url(../images/step_four.png) no-repeat;

	padding-left: 40px;

	padding-top: 7px;

	height: 27px;

	}

h3#step_5 {

	background: url(../images/step_five.png) no-repeat;

	padding-left: 40px;

	padding-top: 7px;

	height: 27px;

	}

h3#step_6 {

	background: url(../images/step_six.png) no-repeat;

	padding-left: 40px;

	padding-top: 7px;

	height: 27px;

	}

h3#step_7 {

	background: url(../images/step_seven.png) no-repeat;

	padding-left: 40px;

	padding-top: 7px;

	height: 27px;

	}

.step_box_even {

	background: #FFFFFF;

	border: 1px solid #dcdbc4;

	width: 417px;

	margin-left: 20px;

	}

.step_box_odd {

	background: #FFFFFF;

	border: 1px solid #dcdbc4;

	width: 417px;

	margin-left: 260px;

	}

li.step_background_right {

	background: url(../images/step_background_right.png) bottom right no-repeat;

	padding-bottom: 10px;

	}

li.step_background_left {

	background: url(../images/step_background_left.png) bottom left no-repeat;

	padding-bottom: 10px;

	}

.video {

	padding: 2px;

	border: 2px solid #ebeadb;

	margin-bottom: 10px;

	}
	
.footer, .push{
	height: 104px;
}

.footer {

	background: url(../images/footer_background.png);

	position: relative;
	
	

	}

.footer_wrapper {

	width: 940px;

	margin: 0 auto;

	padding-top: 15px;

	}

.footer_col_left {

	float: left;

	width: 550px;

	}

.footer_col_right {

	float: right;

	width: 310px;

	}

.footer_col_right p{

	text-align: right;

	}

.footer_navigation {

	height: 50px;

	font-weight: bold;
	
	

	}

.copyright {

	}

	



/* Navigation

----------------------------------*/

#primary_navigation {

	height: 40px;

	}

#primary_navigation li {

	display: inline;

	float: left;

	}

#primary_navigation li a {

	background: url(../images/navigation_sprite.png) no-repeat;

	display: block;

	width: 177px;

	height: 41px;

	}

#primary_navigation li a:hover {

	background-position: 0 -41px;

	}

#primary_navigation li a.active {

	background-position: 0 -82px;

	}

#primary_navigation li a span {

	display: none;

	}

	

#primary_navigation li#unique a {

	background-position: -177px 0;

	width: 159px;

	}

#primary_navigation li#unique a:hover {

	background-position: -177px -41px;

	}

#primary_navigation li#unique a.active {

	background-position: -177px -82px;

	}



#primary_navigation li#our a {

	background-position: -336px 0;

	width: 116px;

	}

#primary_navigation li#our a:hover {

	background-position: -336px -41px;

	}

#primary_navigation li#our a.active {

	background-position: -336px -82px;

	}

	

#primary_navigation li#case a {

	background-position: -452px 0;

	width: 117px;

	}

#primary_navigation li#case a:hover {

	background-position: -452px -41px;

	}

#primary_navigation li#case a.active {

	background-position: -452px -82px;

	}

	

#primary_navigation li#knowledge a {

	background-position: -569px 0;

	width: 142px;

	}

#primary_navigation li#knowledge a:hover {

	background-position: -569px -41px;

	}

#primary_navigation li#knowledge a.active {

	background-position: -569px -82px;

	}

	

#primary_navigation li#contact a {

	background-position: -711px 0;

	width: 107px;

	}

#primary_navigation li#contact a:hover {

	background-position: -711px -41px;

	}

#primary_navigation li#contact a.active {

	background-position: -711px -82px;

	}
	
	

/* Secondary Navigation

----------------------------------*/	

#secondary_navigation {

	width: 100%;

	height: 27px;

	text-align: right;

	}

#secondary_navigation a {

	color: #1F2888;

	}

#tertiary_navigation {

	width: 206px;

	float: left;

	margin-right: 25px;

	margin-top: 40px;

	}

#tertiary_navigation li {

	

	}

#tertiary_navigation li a {

	width: 195px;

	height: 15px;

	display: block;

	border-bottom: 1px solid #e9e5da;

	padding-top: 7.5px;

	padding-bottom: 7.5px;

	padding-left: 10px;

	color: #91806d;

	font-weight: bold;
	
	background: url(../images/bg_tertiarynav_normal.png) top right repeat-y;

	}

#tertiary_navigation ul ul li a {

	width: 185px;

	height: 15px;

	display: block;

	border-bottom: none;

	padding-top: 7.5px;

	padding-bottom: 7.5px;

	padding-left: 20px;

	color: #91806d;

	font-weight: bold;

	}

#tertiary_navigation ul ul li a.last_nav {

	border-bottom: 1px solid #e9e5da;

	}

#tertiary_navigation li a:hover {

	color: #64340a;

	text-decoration: none;
	
	background: url(../images/bg_tertiarynav_over.png) top right repeat-y;

	}

	

#tertiary_navigation li a.active {

	background: #d67c26 url(../images/navigation_background.png) top right no-repeat;

	color: white;

	text-decoration: none;

	}

	



/* Padding

----------------------------------*/

.padding_10 {

	padding-top: 10px;

	text-align: right;

	}

.padding_10_full {

	padding: 10px 10px 0 10px;;

	}

.padding_ten {

	padding: 10px;

	}

.padding_20 {

	padding: 15px;

	}

.padding_custom1 {

	padding: 20px 0 0 0;

	}

.padding_custom2 {

	padding: 20px 0 0 10px;

	}

#call_to_action {

	background-color: #f6f5ed;

	border: 1px solid #e9e5da;

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	margin-bottom: 20px;

	}

.cta_col_left {

	width: 500px;

	float: left;

	}

.cta_col_right {

	width: 143px;

	float: right;

	}

/* Forms

----------------------------------*/

.contact_box {

	border: 1px solid #e9e4da;

	background: #f6f5ed;

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	margin-bottom: 20px;

	}

.feedback {

	width: 80%;

	}

button {

	cursor: pointer;

	border: none;

	}

button span {

	display: none;

	font-size: 0;

	}

button.findoutmore {

	background: url(../images/button_findoutmore.png) no-repeat;

	width: 143px;

	height: 36px;

	}

button.getintouch {

	background: url(../images/button_getintouch.png) no-repeat;

	width: 133px;

	height: 36px;

	}

button.findoutmore_small {

	background: url(../images/button_findoutmore_small.png) no-repeat;

	width: 143px;

	height: 31px;

	}
	
button.getintouch_small {

	background: url(../images/button_getintouch_small.png) no-repeat;

	width: 121px;

	height: 31px;

	}

button.contactus {

	background: url(../images/button_contactus.png) no-repeat;

	width: 112px;

	height: 31px;

	}

button.signup {

	background: url(../images/button_signup.png) no-repeat;

	width: 89px;

	height: 31px;

	}

button.send {

	background: url(../images/button_send.png) no-repeat;

	width: 73px;

	height: 30px;

	}

button.submitfeedback {

	background: url(../images/button_submitfeedback.png) no-repeat;

	width: 153px;

	height: 31px;

	}

button.leavefeedback {

	background: url(../images/button_leavefeedback.png) no-repeat;

	width: 137px;

	height: 31px;

	margin-bottom: 10px;

	}

button.howwecanhelparchitects {

	background: url(../images/button_howwecanhelparchitects.png) no-repeat;

	width: 214px;

	height: 30px;

	}

button.howwecanhelpinstallers {

	background: url(../images/button_howwecanhelpinstallers.png) no-repeat;

	width: 214px;

	height: 30px;

	}

button.whatisunderfloorheating {

	background: url(../images/button_whatisunderfloorheating.png) no-repeat;

	width: 214px;

	height: 31px;

	margin-left: 36px;

	margin-top: 8px;

	}

button.ouruniquetechnology {

	background: url(../images/button_ouruniquetechnology.png) no-repeat;

	width: 173px;

	height: 30px;

	margin-left: 20px;

	margin-top: 15px;

	}

button.viewoursystems {

	background: url(../images/button_viewoursystems.png) no-repeat;

	width: 142px;

	height: 30px;

	margin-left: 40px;

	margin-top: 15px;

	}

button.browse {

	background: url(../images/button_browse.png) no-repeat;

	width: 56px;

	height: 19px;

	}

fieldset div { margin: 0 0 17px; zoom: 1; }

fieldset div:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

fieldset .fieldWithErrors { margin-bottom: 0; }



.contact_box label {

	float: left;

	padding: 3px 15px 0 0;

	text-align: right;

	color: #542d03;

	width: 100px;

	font-size: 12px;

	font-weight: bold;

}

.feedback label {

	width: 200px;

	}

.mandatory { border: 0; color: #d72a69; }



input.text, textarea, select {

	padding:3px;

	width:230px;	

	font: 1em Arial ,sans;

	color: #666;

	border: 1px solid;

	border-color: #8f8f8f #cfcfcf #e3e3e3 #cecece;

}



input#form_attachment {

	width: 170px;

	}
	
p.form_warning, div.error{
	padding:4px;
	font-weight:bold;
	color:#900;
	background-color:#ff9;
}

div.error{
	margin-left:115px;
	margin-bottom:0;
	width:230px;
}

	

/* Star rating

----------------------------------*/

.star_rating_3_5 {

	background: url(/images/star_rating_3.5.png) no-repeat;

	width: 96px;

	height: 16px;

	margin-right: 15px;

	float: left;

	}

.star_category {

	color: #64340a;

	font-weight: bold;

	font-size: 12px;

	margin: 0;

	margin-bottom: 3px;

	}

.star_rating {

	background: url(/images/star_rating_sprite.png) no-repeat;

	background-position: 0 0;

	width: 97px;

	height: 16px;

	}

.star_one {

	background-position: 0 -64px;

	}

.star_two {

	background-position: 0 -48px;

	}

.star_three {

	background-position: 0 -32px;

	}

.star_four {

	background-position: 0 -16px;

	}

.star_five {

	background-position: 0 0;

	}

.star_rating_container {

	float: left;

	width: 160px;

	}

.uth_image.right{
	float:right;
	margin:0 0 20px 20px;
}

.uth_image.left{
	float:left;
	margin:0 20px 20px 0;
}