@charset "utf-8";
/* CSS Document */

html{

	/* FORCE VERTICAL SCROLLBAR */
	overflow: -moz-scrollbars-vertical;
	overflow: scroll;
	overflow-x: auto;
	overflow-y: scroll;
	
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
body{
	margin:0;
	padding:10px 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	color:#999999;
}
a, a:visited{
	color:#F18E00;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
}
h1{
	color:#F18E00;
	font-size:160%;
}
h2{
	font-size:140%;
	margin:0;
	padding:0;
	font-weight:normal;
}
h3{
	font-size:120%;
	margin:0;
	padding:0;
}
p{
	margin:0;
	padding:0 0 10px 0;
	line-height:20px;
}
ul{
	list-style:none;
	padding:0;
	margin:0;
}
.clear{
	clear:both;
	height:1px;
	overflow:hidden;
}
.error{
	font-weight:bold !important;
	color:#000 !important;
}
input, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#header, #strapline, #main, #footer{
	clear:both;
	width:938px;
	padding:0 0 0 0;
	margin:0 auto;
}

.main_group{
	float:left;
	width:650px;
}
.secondary_group{
	position:relative;
	top:0;
	right:0;
	float:right;
	width:274px;
	text-align:right;
}
#header{
	height:150px;
	position:relative;
	z-index:3;
}

	#header .main_group ul{
		list-style:none;
		margin:0;
		padding:0;
		display:block;
	}
	#header .main_group ul li{
		float:left;
		list-style:none;
		clear:both;
		margin:0;
		padding:0;
	}
	#header .main_group ul li a, #header .main_group ul li a:visited{
		float:left;
		padding:2px 0;
		color:#231F20;
		text-decoration:none;
	}
	#header .main_group ul li.selected a, #header .main_group ul li.selected a:visited{
		color:#F18E00;
		font-weight:bold;
		padding:0 0 0 20px;
	}
	#header .main_group ul li ul{
		float:left;
		width:500px;
	}
	#header .main_group ul li ul li{
		clear:none;
		list-style:none;
		float:left;
		margin:0;
		padding:0 0 0 15px;
	}
	#header .main_group ul li ul li a, #header .main_group ul li ul li a:visited, #header .main_group ul li.selected ul li a, #header .main_group ul li.selected ul li a:visited{
		color:#231F20;
		font-weight:normal;
		padding:0;
	}
	#header .secondary_group{
		height:150px;
	}
	#header .secondary_group ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	#header .secondary_group ul li{
		float:right;
		padding:0 0 0 10px;
	}
	#header .secondary_group ul li a, #header .secondary_group ul li a:visited{
		font-size:90%;
		font-weight:bold;
		text-decoration:none;
	}
	#header .secondary_group ul li a:hover{
		text-decoration:underline;
	}

/* MAIN CONTENT AREA */

#strapline{
	height:60px;
	border-bottom:1px solid #C9C8C8;
	position:relative;
	z-index:2;
}
#news{
	z-index:1;
	height:30px;
	margin:20px 0 0 0;
	padding:0;
	position:relative;
}
#news div{
	float:left;
	position:absolute;
	padding:0 0 0 15px;
	display:block;
	background-color:#FFFFFF;
	line-height:30px;
	display:none;
}
#news div a, #news div a:visited{
	float:left;
	color:#CACACA;
	text-decoration:none;
	font-size:120%;
	font-weight:normal;
	margin-left:10px;
}
#strapline .main_group .twitter_logo{
	float:left;
	margin:20px 5px 0 0;
	width:30px;
	height:30px;
}
#strapline .main_group .linkedin_logo{
	float:left;
	margin-top:20px;
	width:30px;
	height:30px;
}

#logo{
	padding:0 0 10px 0;
	border:0;
}
#main{
	min-height:350px;
	padding:20px 0;
}

#main.resources{
	padding-left:45px;
}

	#main #image_area{
		float:left;
		padding:0 14px 0 112px;
		width:350px;
		height:350px;
		background-color:#F18E00;
	}
	#main #content_area{
		float:right;
		width:448px;
	}
	#main #content_area.wide{
		width:908px;
	}
	
	.companies #main #image_area{
		float:right;
	}
	
	#main #content_area .company_list{
		width:200px;
		margin-right:15px;
		float:left;
	}
	#main #content_area .company_list li{
		font-weight:normal;
	}
	
	#main #content_area .sub_type_listing{
		margin:20px 0 0 0;
	}
	#main #content_area .sub_type_listing li{
		font-size:110%;
	}
	
	
	
	
/* TESTIMONIAL LIST SLIDER */
	#slider_nav{
		width:448px;
		text-align:left;
		border-top:1px solid #F18E00;
		font-size:80%;
	}
	#slider{
		position:relative;
		height:280px;
		overflow:hidden;
	}
	
	#slider .testimonial_list{
		float:left;
		margin:0;
		padding:0;
		width:448px;
		border-top:1px solid #F18E00;
	}
	#slider .testimonial_list li{
		margin:0;
		padding:8px 0 15px 0;
		height:70px;
		overflow:hidden;
		border-bottom:1px solid #F18E00;
		position:relative;
	}
	#slider .testimonial_list li span{
		display:block;
	}
	#slider .testimonial_list li .contact{
		font-weight:bold;
	}
	#slider .testimonial_list li .company, #slider .testimonial_list li .summary{
		font-weight:normal;
	}
	#slider .testimonial_list li .snippet{
		color:#F18E00;
	}
	#slider .testimonial_list li .date_link{
		position:absolute;
		right:0;
		bottom:0;
		float:right;
		font-size:80%;
	}
	#testimonial_detail{
		border-top:1px solid #F18E00;
		padding-bottom:10px;
	}
	#testimonial_detail .date{
		border-top:1px solid #F18E00;
	}
	#testimonial_detail h2{
		padding-top:10px;
	}
	#testimonial_detail h2, #testimonial_detail h3{
		font-size:120%;
		font-weight:bold;
	}
	#testimonial_detail p.project_details{
		color:#F18E00;
	}
	#testimonial_detail h4{
		color:#F18E00;
		margin-bottom:0;
		padding-bottom:0;
	}


/* CONTENT PRODUCTS MENU */
	#products_intro{
		float:right;
		width:300px;
	}
	#products_intro strong{
		color:#F18E00;
		font-size:130%;
		font-weight:normal;
	}
	#products_menu{
		float:left;
		width:148px;
		padding:0;
	}
	#products_menu ul li a{
		clear:both;
		float:left;
		display:block;
		font-size:90%;
		font-weight:normal;
		line-height:18px;
	}
	#products_menu ul li.heading a{
		font-size:140%;
		font-weight:bold;
		padding-top:15px;
	}
	#products_menu ul.doors li a{
		color:#86A20B;
	}
	#products_menu ul.walls li a{
		color:#880038;
	}
	#products_menu ul.ceilings li a{
		color:#83CDE2;
	}
	#products_menu ul.stairs li a{
		color:#999999;
	}
	#products_menu ul.stairs li.heading a{
		color:#FFEB19;
	}
	#product_image_area{
		width:938px;
		height:350px;
		background-color:#EAEAEA;
	}


/* RESOURCES */
	#resource_controls{
		z-index:3;
		position:absolute;
		top:35px;
		right:0;
		width:420px;
		height:70px;
	}
	#resource_controls .drop_menus{
		position:absolute;
		top:0;
		left:0;
		width:410px;
	}
	#resource_controls .drop_group{
		z-index:5;
		width:200px;
		float:left;
		position:relative;
		margin:0 0 0 9px !important;
		margin:0 0 0 3px;
	}
	#resource_controls .drop_surround{
		clear:both;
		float:right;
		border:1px solid #F18E00;
		background-color:#FFFFFF;
		width:190px;
		height:30px;
		padding:5px;
	}
	#resource_controls .drop{
		float:left;
		height:30px;
		overflow:hidden;	
		margin:0;
	}
	#resource_controls .drop .drop_inner{
		float:left;
		width:185px;
		padding:0 5px 0 0 !important;
		padding:0 0 0 0;
	}
	#resource_controls .drop ul{
		float:left;
		width:190px;
		padding:0 0 10px 0 !important;
		padding:0;
	}
	#resource_controls .drop .drop_inner ul{
		background-color:#FFFFFF;
	}
	#resource_controls .drop_hovered .drop_inner ul{
		background-color:#EFEFEF;
	}
	#resource_controls .drop ul li a, #resource_controls .drop ul li a:visited{
		float:left;
		display:block;
		width:150px;
		font-size:90%;
		text-decoration:none;
		padding:0 20px;
		font-weight:normal;
	}
	#resource_controls .drop ul li a:hover{
		font-weight:bold;
		text-decoration:underline;
	}
	#resource_controls .drop ul li.heading a, #resource_controls .drop ul li.heading a:visited{
		font-size:110%;
		padding:5px 20px 0 20px;
		font-weight:bold;
	}
	#resources_nav .dropdown ul li.heading a:hover{
		text-decoration:none;
	}
	.top_label{
		float:left;
		font-weight:bold;
		padding:0 0 0 20px;
		line-height:30px;
	}
	
	
	#keyword_search{
		position:absolute;
		top:60px;
		left:6px;
		float:right;
		z-index:4;
		clear:both;
		margin:10px 0 0 0;
		height:40px;
		right:0;
		width:410px;
		border:1px solid #F18E00;
	}
	#keyword_search input{
		float:left;
		width:275px;
		padding:10px 10px 10px 25px;
		border:0;
		font-weight:bold;
		color:#999999;
	}
	#keyword_search input.button{
		width:90px;
		padding:5px 0 5px 10px;
		border:0;
		background-color:#FFFFFF;
		font-size:18px;
		font-weight:bold;
		color:#F18E00;
	}
	
	#bread_crumb{
		padding:0 0 10px 0;
	}
	#bread_crumb a, #bread_crumb a:visited{
		font-size:11px;
	}
	
	.media_item, a.media_item, a.media_item:visited{
		position:relative;
		float:left;
		width:130px;
		background-color:#FFFFFF;
		margin:0 12px 20px 12px;
		padding:5px 0 10px 0;
		border-top:1px solid #F18E00;
	}
	a.media_item, a.media_item:visited{
		padding:0 0 5px 0;
		border:1px solid #FFFFFF;
		border-bottom:1px solid #F18E00;
	}
	a.media_item:hover{
		background-color:#EFEFEF;
		border:1px solid #F18E00;
		text-decoration:none;
	}
	.media_item img{
		border:0;
	}
	.media_item span{
		float:left;
		clear:both;
		padding:0 5px;
		margin:0;
		font-size:9px;
		line-height:15px;
		color:#999999;
		width:120px;
	}
	.media_item span.ref{
		color:#F18E00;
		font-weight:bold;
	}
	.media_item span.link{
		clear:both;
		float:left;
		text-align:left;
		color:#464646;
	}
	.media_item:hover span{
		cursor:hand;
	}
	.media_item:hover span.link{
		color:#000000;
	}
	.media_item span.media_thumb{
		width:110px;
		height:110px;
		overflow:hidden;
		padding:10px;
		margin:0 0 5px 0;
		background-color:#EFEFEF;
		text-align:center;
	}
	.media_item span.label{
		font-weight:bold;
	}
	
	#resource_image_area{
		position:relative;
		float:right;
		padding:10px 20px 40px 20px;
		width:450px;
		height:350px;
		background-color:#EFEFEF;
		overflow:hidden;
		text-align:center;
	}
	.image_navigation{
		text-align:center;
		position:absolute;
		bottom:10px;
		left:20px;
		color:#F18E00;
	}
	.image_navigation a, .image_navigation a:visited{
		color:#F18E00;
		font-size:120%;
		font-weight:bold;
	}
	.image_navigation .nolink{
		color:#999999;
		font-size:120%;
		font-weight:bold;
	}
	
	#content_area.resource p{
		padding:0;
	}
	#content_area.resource p.label{
		font-weight:bold;
		padding:0 0 0 0;
	}
	#content_area.resource p.ref{
		color:#F18E00;
	}
	.detail_group{
		clear:both;
		width:250px;
		border-bottom:1px solid #F18E00;
	}
	.media_item .detail_group{
		width:130px;
	}
	.media_item .detail_group a, .media_item .detail_group a:visited{
		display:block;
		clear:both;
		font-size:11px;
		padding:0 5px;
	}
	.resource .detail_group{
		padding:5px 0;
	}
	.resource .detail_group a, .resource .detail_group a:visited{
		font-size:120%;
		line-height:160%;
	}
	.resource .small_links a, .resource .small_links a:visited{
		font-size:90%;
		font-weight:normal;
	}
	.resource .back{
		border:0;
		padding-top:10px;
	}
	.resource .back a, .resource .back a:visited{
		font-size:100%;
		border:0;
	}
	
/* CONTACT PAGE */
	
	.contact_us #main, .contact_friend #main, .location_map #main{
		background-color:#F18E00;
		margin:20px auto;
		padding:0;
	}
	.contact_us #main #image_area, .contact_friend #main #image_area, .location_map #main #image_area{
		padding-left:200px;
		width:262px;
		background-color:transparent;
	}
	.contact_us #main h1, .contact_friend #main h1, .location_map #main h1{
		font-size:110%;
		margin:0;
		padding:10px 0 0 0;
		color:#464646;
	}
	.contact_us #main h2, .contact_friend #main h2, .location_map #main h2{
		font-size:110%;
		margin:0;
		padding:0;
		color:#464646;
		padding:10px 10px 0 10px;
	}
	.contact_us #main #image_area p, .contact_us #main #image_area p a, .contact_us #main #image_area p a:visited, 
	.contact_friend #main #image_area p, .contact_friend #main #image_area p a, .contact_friend #main #image_area p a:visited, 
	.location_map #main #image_area p, .location_map #main #image_area p a, .location_map #main #image_area p a:visited{
		color:#FFFFFF;
		font-weight:bold;
	}
	.contact_us #main #image_area p strong, 
	.contact_friend #main #image_area p strong, 
	.location_map #main #image_area p strong{
		color:#464646;
		font-size:110%;
		font-weight:bold;
	}
	.contact_us #main #image_area .group, 
	.contact_friend #main #image_area .group, 
	.location_map #main #image_area .group{
		padding:10px 0;
	}
	.contact_us #main #image_area .group p, 
	.contact_friend #main #image_area .group p, 
	.location_map #main #image_area .group p{
		padding:0;
	}
	.contact_us textarea{
		padding-top:7px;
	}
	#map_canvas{
		margin:5px 0 0 0;
		width:438px;
		height:307px;
		background-color:#FFFFFF;
	}
	
	
	
	#enquiry_form .form_group{
		clear:both;
		background-color:#FFFFFF;
		margin:10px 10px 0 0;
		padding:5px;
	}
	#enquiry_form .form_group p{
		padding:0;
	}
	#enquiry_form label{
		float:left;
		width:110px;
		font-weight:bold;
		padding:5px 0 5px 5px;
	}
	#enquiry_form label.error{
		
	}
	#enquiry_form label#questions{
		width:82px;
		height:70px;
		padding:0;
	}
	#enquiry_form input{
		width:300px;
		border:0;
		padding:5px;
	}
	#enquiry_form textarea{
		width:302px;
		height:40px;
		border:0;
	}
	#enquiry_form.contact_friend textarea{
		height:70px;
	}
	#enquiry_form .message label{
		clear:both;
	}
	#enquiry_form .form_group{
		clear:both;
		margin:5px 10px 0 0;
	}
	#enquiry_form .submission{
		position:relative;
		margin-top:0;
		min-height:40px;
		height:auto !important;
		height:40px;
	}
	#enquiry_form .submission p{
		float:left;
		line-height:22px;
	}
	#enquiry_form .submission input{
		width:15px;
		height:15px;
	}
	#enquiry_form .submission .send_button{
		width:100px;
		height:15px;
		text-align:right;
		margin:35px 0 0 0;
		padding:0 8px 5px 110px;
		z-index:-1;
	}
	#enquiry_form .submission .send_button input{
		width:70px;
		height:30px;
		border:0;
		background-color:transparent;
		font-size:140%;
		font-weight:bold;
		color:#F18E00;
	}
	#enquiry_form .form_group div{
		float:left;
		width:210px;
	}
	#enquiry_form .form_group div label{
		width:180px;
		font-weight:normal;
		padding:0 0 0 5px;
	}
	
	/* RESOURCES FORMS */
	
	#main #content_area.high_res_login{
		width:408px;
		padding-right:40px;
	}
	#main #content_area.high_res_login p label{
		width:150px;
		float:left;
	}
	#main #content_area.high_res_login p input{
		width:250px;
	}
	#main #content_area.high_res_login p.button{
		text-align:right;
	}
	#main #content_area.high_res_login p.button input{
		width:90px;
		padding:5px 0 5px 10px;
		border:0;
		background-color:#FFFFFF;
		font-size:18px;
		font-weight:bold;
		color:#F18E00;
	}
	#main #content_area.high_res_login p input.checkbox{
		width:15px;
	}
	
	
	
#footer{
	font-size:70%;
	color:#CACACA;
	line-height:15px;
	padding:10px 0 0 0;
}
#footer a, #footer a:visited{
	color:#CACACA;
	text-decoration:none;
}
#footer a:hover{
	color:#F18E00;
	text-decoration:underline;
}



/* SECTION BRANDING */

#resource_controls .drop ul.doors li a,
#resource_controls .drop ul.doors li a:visited,
.doors #main #content_area h1,
.doors #main #content_area h2,
.doors #main #content_area p strong,
.doors #main #content_area a,
.doors #main #content_area a:visited
{
	color:#86A20B;
}

#resource_controls .drop ul.walls li a,
#resource_controls .drop ul.walls li a:visited,
.walls #main #content_area h1,
.walls #main #content_area h2,
.walls #main #content_area p strong,
.walls #main #content_area a,
.walls #main #content_area a:visited
{
	color:#880038;
}



#resource_controls .drop ul.ceilings li a,
#resource_controls .drop ul.ceilings li a:visited,
.ceilings #main #content_area h1,
.ceilings #main #content_area h2,
.ceilings #main #content_area p strong,
.ceilings #main #content_area a,
.ceilings #main #content_area a:visited
{
	color:#83CDE2;
}

#resource_controls .drop ul.stairs li a,
#resource_controls .drop ul.stairs li a:visited,
.stairs #main #content_area h1,
.stairs #main #content_area h2,
.stairs #main #content_area p strong,
.stairs #main #content_area a,
.stairs #main #content_area a:visited
{
	color:#999999;
}

#resource_controls .drop ul.at_home li a,
#resource_controls .drop ul.at_home li a:visited,
.at_home #main #content_area h1,
.at_home #main #content_area h2,
.at_home #main #content_area p strong,
.at_home #main #content_area a,
.at_home #main #content_area a:visited
{
	color:#006871;
}

#resource_controls .drop ul.publicity li a,
#resource_controls .drop ul.publicity li a:visited,
.publicity #main #content_area h1,
.publicity #main #content_area h2,
.publicity #main #content_area p strong,
.publicity #main #content_area a,
.publicity #main #content_area a:visited
{
	color:#491966;
}