body { background-color: #E8E3E2; margin: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; line-height: 120%; }
form  { margin:0; padding:0px; }

.accessible { display:none; }

/* home page layout */

#wrapper { width: 960px; height:auto; margin: 0 auto; display: table; background-color:#ffffff; }



.headingBoxEnd {
	float: left;
	width: 212px;
}
.box {
	width: 179px;
	margin-right: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float: left;
	margin-bottom: 5px;

}
.box h3,
.boxEnd h3{
margin:0;
padding:10px 0;
font-size:12px;
}

* html #main_middle #blue_box h1.test{
padding:20px 0 0 0;
}
.boxEnd {
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width: 179px;
	margin-bottom: 15px;
	}

#header { width: 960px; height:108px; }

#anim { width:960px; height:350px; }

.gap { clear:both; width:100%; height:15px; }

#main { clear:both; }

#main_left_home { width:185px; height:550px; background-color:#ffffff; float:left; position:absolute; top:473px; margin-left:0px; }
#main_left_internal { width:185px; height:550px; background-color:#ffffff; float:left; position:absolute; top:123px; margin-left:0px; }

#main_left_home ul { margin:0px; padding:0px 11px 0px 15px ; list-style:none; }
#main_left_home li.first { background:#E9E9E9; color:#A7A7A7; margin-top:0px; }
#main_left_home li { background:#E9E9E9; margin-top:1px; color:#A7A7A7; }
#main_left_home li a, #main_left li a:visited { display:block; color:#808080; width:135px; text-decoration:none; padding:4px; padding-left:15px; }
#main_left_home li a:Hover { color:#434343; text-decoration:none; display:block; cursor:pointer; background:url(../images/nav_bullet.gif) repeat-y; }
#main_left_home li a.Selected, #main_left li a.Selected:visited { color:#000000; text-decoration:none; display:block; cursor:pointer; background:url(../images/nav_bullet.gif) no-repeat;}

#main_left_internal ul { margin:0px; padding:0px 11px 0px 15px ; list-style:none; }
#main_left_internal li.first { background:#E9E9E9; color:#A7A7A7; margin-top:0px; }
#main_left_internal li { background:#E9E9E9; margin-top:1px; color:#A7A7A7; }
#main_left_internal li a, #main_left li a:visited { display:block; color:#808080; width:135px; text-decoration:none; padding:4px; padding-left:15px; }
#main_left_internal li a:Hover { color:#434343; text-decoration:none; display:block; cursor:pointer; background:url(../images/nav_bullet.gif) repeat-y; }
#main_left_internal li a.Selected, #main_left li a.Selected:visited { color:#000000; text-decoration:none; display:block; cursor:pointer; background:url(../images/nav_bullet.gif) no-repeat;}

#main_middle { float:left; margin-left:185px; width:560px; padding:0 13px 15px 13px; border-right:1px solid #DFDFDF; border-left:1px solid #DFDFDF; display:inline}
#main_middle p.list_header { margin:12px 0 2px 0; padding:0; }
#main_middle ul { margin:0px; padding-left:20px; }
#main_middle li { margin-top:0px; padding:0px; line-height:145%;}

#main_middle fieldset { margin-top:0px; padding-top:10px; border:0;}
#main_middle fieldset dt {float:left; clear:left; width:180px; text-align:left; padding:10px 5px 5px 0; text-align:right; }
#main_middle fieldset dd {text-align:left; border:0; padding:5px 0 5px 0px; margin-left: 3px; }

#main_middle table.logos td { text-align:center; font-size:10px; padding:4px; }
#main_middle table.logos img { padding:0; }

#main_right { display:inline; float:left; width:160px; height:400px; padding-left:12px; }
#main_right ul { margin:0; padding:0; }
#main_right li { list-style:none; }
#main_right li img { margin-bottom:2px;}

#main_right_float { width:161px; height:282px; background-color:#ffffff; float:left; position:absolute; top:123px; margin-left:785px; } 
#main_right_float ul { margin:0; padding:0; }
#main_right_float li { list-style:none; }
#main_right_float li img { margin-bottom:2px;}

#main_right_float_home { width:161px; height:282px; background-color:#ffffff; float:left; position:absolute; top:473px; margin-left:785px; } 
#main_right_float_home ul { margin:0; padding:0; }
#main_right_float_home li { list-style:none; }
#main_right_float_home li img { margin-bottom:2px;}

#footer { clear:both; margin:0 auto; width:920px; height:40px; padding:20px; text-align:center; background-color: #E8E3E2; }
#footer p { margin:0px; padding:7px; }
#footer ul { margin:0px; padding:0px; }
#footer li.first { list-style:none; display:inline; padding-right:3px; border:0px;}
#footer li { list-style:none; display:inline; padding:0px 3px 0px 5px; border-left:1px solid #434343; }
#footer li a { color:#1B137C; margin-top:0px; text-decoration:none; }
#footer li a:hover { text-decoration:underline; }

ul.postcode {float:left; padding: 0 5px 0 0;}
ul.postcode li {list-style: none;}
ul.box li {list-style: none;}
ul.boxEnd li {list-style: none;}
ul.postcode_box {list-style: none;}

p { line-height: 145%; }

/* internal pages */

#internal_header { background:url(../images/internal_header_slice.jpg) repeat-x; width:561px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; height:37px; }
#internal_header_sub { background:url(../images/internal_header_slice.jpg) repeat-x;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px;  padding:11px; color:#FFFFFF; }
#internal_header #title_holder { float:left; width:330px; padding:11px; margin:0px;  }
#internal_header #image_holder {  float:right; width:131px; padding:11px 11px 0 0; margin:0px; }
#internal_main_image { margin-top:5px; }

#main_middle { min-height:530px;  }
#main_middle #page_content { margin:8px 0 0 0; height:auto; }
#main_middle #left { float:left; width:400px; }
#main_middle #right { float:right; width:150px; }

#main_middle #page_content_design_service { width:561px; }
#main_middle #page_content_design_service #design-service-architectural { float:left; width:100px; padding:20px 0 0 40px; }
#main_middle #page_content_design_service #design-service-interior { float:right; width:180px; padding:20px 20px 0 0; }

#main_middle #case_studies { width:559px; }

#main_middle table.form { margin-top:20px; }
#main_middle table.form th { font-weight:normal; text-align:left;}
#main_middle table.form th.right { text-align:right; }

#main_middle table.form td { padding:5px;}

#main_middle #enquiry_form.hidden { display:none; }
#main_middle #enquiry_form.visible { display:block; }

#main_middle #recruitment_form.hidden { display:none;  }
#main_middle #recruitment_form.visible { display:block;  }

#main_middle ul.site_map { padding:15px 0 0 15px; margin-left:10px;}
#main_middle ul.site_map li { padding:2px; }
#main_middle ul.site_map li ul { padding-top:3px; }
#main_middle ul.site_map li ul li { list-style:square; }
#main_middle ul.site_map a, #main_middle ul.site_map a:visited { color:#1B137C; }

#page_content #right img { padding-bottom:5px; }

.sub_heading { margin-top:15px; width:541px; background:#1b137c; line-height:150%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; padding:10px; color:#FFFFFF; }

/* forms in teh contact us pages */


/* boxes etc */

.textbox{ font-size:11px; COLOR:#333333; border:1px solid #CBCBCB; height:17px; width:330px }
.textbox_small{ font-size:11px; COLOR:#333333; border:1px solid #CBCBCB; height:17px; width:50px }
.textbox_unsized{ font-size:11px; COLOR:#333333; border:1px solid #CBCBCB; height:17px; }
.textboxError{ font-size:11px; COLOR:#333333; border:1px solid red; height:17px; }
.textarea{ font-size:11px; COLOR:#333333; border:1px solid #CBCBCB;  width:330px; }
.textareaError{ font-size:11px; COLOR:#333333; border:#FF0000 1px solid; }
.select { font-size:11px; COLOR:#333333; border:1px solid #CBCBCB; width:200px; display:inline}
.button { font-size:11px; color:#ffffff; background: #1b137c; border:1px #1b137c ridge; }

.formFeedback { font-weight:bold; color:red; }
.formFeedbackErrorHeading { font-weight:bold; color:red; padding:0; margin:20px 0 0 150px;}

#red_box { width:531px; padding:23px 15px 15px 15px; background:url(../images/red_box_slice.jpg) repeat-x; background-color:#da4356}
#red_box h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; color:#FFFFFF; font-weight:normal; margin:0 0 24px 0; padding:0; }
#red_box h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#FFFFFF; font-weight:normal; margin:0 0 12px 0; padding:0; }

#blue_box { width:531px; padding:10px 15px 5px 15px; background:url(../images/blue_box_slice.jpg) repeat-x;}
#blue_box h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	color:#FFFFFF;
	font-weight:normal;
	padding:0 0 5px 0;
}
#blue_box h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#FFFFFF;
	font-weight:normal;
	padding:0 0 2px 0;
}

#red_box p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; margin:8px 0 8px 0; line-height: 145%;}
#red_box ul { margin-left: 0; padding-left: 2em; }
#red_box li { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height: 145%;}

#red_box2 {font-family:Arial, Helvetica, sans-serif; width:531px; padding:5px 15px 15px 15px; background:url(../images/red_box_slice.jpg) repeat-x;}
#red_box2 h1 { font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#FFFFFF; font-weight:normal; margin:12px 0 15px 0; }
#red_box2 p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; margin:8px 0 8px 0; line-height: 145%;}
#red_box2 ul { font-family:Arial, Helvetica, sans-serif;margin-left: 0; padding-left: 2em; }
#red_box2 li { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height: 145%;}

#red_box3 {font-family:Georgia, "Times New Roman", Times, serif; width:531px; padding:5px 15px 15px 15px; background:url(../images/red_box_slice.jpg) repeat-x;}
#red_box3 h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; color:#FFFFFF; font-weight:normal; margin:12px 0 15px 0; }
#red_box3 p {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFFFFF; margin:8px 0 8px 0; line-height: 145%;}
#red_box3 ul {font-family:Georgia, "Times New Roman", Times, serif;margin-left: 0; padding-left: 2em; }
#red_box3 li {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFFFFF; line-height: 145%;}


#grey_box { clear:both; width:550px; background:#E8E7F2; padding:5px; margin-top:20px; }
#grey_box a { color:#1B137C; margin-top:0px; text-decoration:none; }
#grey_box a:hover { text-decoration:underline; }

#postcode_box { clear:both; width:558px; background:#fff; padding:0px; margin-top:20px; }

#grey_line { width:546px; background:#DFDFDF; margin-top:20px; padding:0px; height:1px; }

#logos { clear:both; width:558px; margin-top:20px; text-align:center; }
.bordered { border-top:1px solid #dfdfdf; padding-top:10px; }
.bordered2 { border-top:1px solid #dfdfdf; padding-top:10px; padding-bottom:80px }
#logos ul { margin:0px; padding:0px; }
#logos li { list-style:none; display:inline; }
#logos img.first { padding-left:0px; }
#logos img { padding-left:20px; }
