/* CSS Document */

/*GLOBAL STYLES */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
img{border:none;}
a img {border: none;}
html, body {
     height: 100%;
}
fieldset {border:0;}
ol, ul, li {list-style:none;}
caption, th {text-align:left;}
q:before, q:after { content:''; }
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
address { display:table;}
strong {font-weight: bold;}
small{font-size:10px;}
em {font-style: italic;}
acronym {cursor:help; border-bottom:1px dotted;}
p { margin-bottom:15px; text-align:justify;}
a{color:#707070;}
a:hover{color:#707070;text-decoration:none;}
a.blue,a.blue:hover{color:#23a1c2;}
a.orange,a.orange:hover,.sifr-orange a,.sifr-orange a:hover, .more-link, .more-link:hover{color:#f39400;}

.left-content p{ text-align:justify; line-height:17px;margin-bottom:20px; font-size:15px;}
/*FORM STYLES*/
form dt {float: left;clear: left;width: 146px; font-size:12px; color: #696868;}
.contact-form dt{width: 73px;}
form dd {margin: 0 0 0.9em 4em; font-size: 12px;text-align:left;}
.field,#searchform #s{border:1px solid #c3c3c3; background-color:#fbfbfb; height:15px;padding:2px; font-family:Arial, Helvetica, sans-serif;}
#searchform #s{width:137px;}

.textarea{border:1px solid #c3c3c3; font-family:Arial, Helvetica, sans-serif;width:205px; height:87px;background-color:#fbfbfb; }
.note{font-size:11px; color:#a4a4a4;}
/*layout*/
.right{float:right;}
.left{float:left;}
.block{display:block;}
.none{display:none;}
.clear{ clear: both;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}
.mb35{margin-bottom:35px;}
.mb55{margin-bottom:55px;}
.mr10{margin-right:10px;}
.mr20{margin-right:16px;}
.mr25{margin-right:25px;}
.ml10{margin-left:10px;}
.fixed{position:absolute;}
.imgleft{margin-right:20px;}
.imgright{margin-left:20px;}
.imgmarginsmall{margin-right:15px;}

/*text*/
.hide{text-indent:-99999px; overflow:hidden;}
.upper{text-transform:uppercase;}
.oblique{font-style:oblique}
.alignright{text-align:right;}
.alignleft{text-align:left;}
.alignjustify{text-align:justify;}
.aligncenter{text-align:center;}
.alignmiddle{vertical-align:middle;}
a.zoom1 {text-decoration:none;}
.error-field .error-msg1{display:block;}
.error-field{ background:url(../images/layout/error.gif);}
.step2-page .error-field, .login-page .error-field{ height:auto;}

.error-field label{color:#C31109; font-weight:bold;}

/*colour*/
.dark-red{color:#742428}
.orange{color:#f39400;}
.blue{color:#23a1c2;}
.error-font, .error{color:#C31109;}

/*background*/
.greybg{background-color:#ececec;}
.light-greybg{background-color:#f2f1f1;}
.dot-line{
background: url(../images/layout/grey-dot-line.gif) repeat-x;
height: 3px;
}

/* button */
a.button{text-indent:-99999px;display:block; overflow:hidden;}
input.button{border:none;}
.bt-submit{background: url(../images/button/button-submit.gif) no-repeat;
width: 103px;
height: 22px;
border:none;

}
.bt-submit:hover{background-position:0 -22px;}
.bt-logoff{background: url(../images/button/button-logout.gif) no-repeat;
width: 103px;
height: 22px;}
.bt-logoff:hover{background-position:0 -22px;}
.top-login .bt-logoff2{background: url(../images/button/button-logout2.gif) no-repeat;
width: 77px;
height: 28px;}
.bt-back{background: url(../images/button/button-back.gif) no-repeat;
width: 103px;
height: 22px;}
.bt-back:hover{background-position:0 -22px;}

.bt-dashboard{background:url(../images/button/button-dashboard.gif) no-repeat;width: 106px;
height: 28px;position:absolute;top:20px;right:176px;
    }


.content .dot-line{margin-bottom:20px;}

body {
  background: #fff url(../images/layout/header-bg.gif) repeat-x 0 0; 
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#707070;
}
h2{color:#a8a8a8; font-size:17px;}
h3{color:#707070; font-size:14px;}
#page{
   width: 971px;
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -185px;
   position:relative;
}

#header{
    height: 123px;
    position:relative;
    z-index:10;
}
.home-page .content{margin-top:0px;}
.content{
    width:716px;
    float:left;
    margin-top:43px;            
    }
.left-side{    
    width:232px;
    margin-right:22px;
    float:left;            
}

.left-content{width:474px;}
.right-content{width:211px;}    

/* header */
#logo a{
background: url(../images/logo.gif) no-repeat;
width: 148px;
height: 69px;
text-indent:-999999px;
z-index:99;
overflow:hidden;
display:block;
position:absolute;
top:28px;
left:22px;
}


/* top navigation */
.top-nav {
	list-style-type: none;
    position:absolute;
    top:73px;
    right:16px;
    width: 710px;
    height: 43px;
    
}
.top-nav li{display:inline;} 
.top-nav a{float:left;text-indent:-999999px; overflow:hidden;z-index:99;height:43px;background: url(../images/layout/top-nav.gif) no-repeat;}

#nav-home a{background-position:0px 0px; width:58px;}
#nav-home a:hover, .home-active #nav-home a{background-position:0px -43px; }

#nav-company a{background-position:-58px 0px; width:102px;}
#nav-company a:hover, .company-active #nav-company a{background-position:-58px -43px; }
#nav-projects a{background-position:-160px 0px; width:92px;}
#nav-projects a:hover, .projects-active #nav-projects a{background-position:-160px -43px; }
#nav-process a{background-position:-252px 0px; width:120px;}
#nav-process a:hover, .process-active #nav-process a{background-position:-252px -43px; }
#nav-cpd a{background-position:-372px 0px; width:67px;}
#nav-cpd a:hover, .cpd-active #nav-cpd a{background-position:-372px -43px; }
#nav-news a{background-position:-439px 0px; width:78px;}
#nav-news a:hover, .news-active #nav-news a{background-position:-439px -43px; }
#nav-download a{background-position:-517px 0px; width:119px;}
#nav-download a:hover, .download-active #nav-download a{background-position:-517px -43px; }
#nav-contact a{background-position:-636px 0px; width:74px;}
#nav-contact a:hover, .contact-active #nav-contact a{background-position:-636px -43px; }

.top-login{
width: 153px;
height: 28px;
position:absolute;
top:20px;
right:10px;
}
.top-login a{text-indent:-9999999px; overflow:hidden;background: url(../images/button/login.gif) no-repeat;height:28px;display:block; float:left;}
.top-login .login{background-position:0 0;width:76px;}
.top-login .register{background-position:-76px 0;width:77px;}

.left-nav{width:197px; margin:0 auto; padding-top:13px;}
.left-nav a{background: url(../images/layout/left-nav.gif) no-repeat;
width: 197px;text-indent:-999999px; overflow:hidden;z-index:99;display:block;
}

#nav-facades a{background-position:0px 0px; height:27px;}
#nav-facades a:hover, .facades-active #nav-facades a{background-position:-197px 0px; }
#nav-roofs a{background-position:0px -27px; height:28px;}
#nav-roofs a:hover, .roofs-active #nav-roofs a{background-position:-197px -27px; }
#nav-atria a{background-position:0px -55px; height:28px;}
#nav-atria a:hover, .atria-active #nav-atria a{background-position:-197px -55px; }
#nav-barriers a{background-position:0px -83px; height:28px;}
#nav-barriers a:hover, .barriers-active #nav-barriers a{background-position:-197px -83px; }
#nav-floors a{background-position:0px -113px; height:28px;}
#nav-floors a:hover, .floors-active #nav-floors a{background-position:-197px -113px; }
#nav-protection a{background-position:0px -141px; height:28px;}
#nav-protection a:hover, .protection-active #nav-protection a{background-position:-197px -141px; }
#nav-bespoke a{background-position:0px -169px; height:26px;}
#nav-bespoke a:hover, .bespoke-active #nav-bespoke a{background-position:-197px -169px; }

.banner{margin-bottom:17px;position:relative; height:159px;}
.page-title{position:absolute; right:0; top:49px;z-index:30;}
.page-title h2{ font-size:30px; color:#eeaf26; padding:6px 10px; min-width:198px;float:right;background-color:#fff;margin-left:4px;}
.page-title .box{background:url(../images/layout/boxes-transparent.gif) no-repeat 0 0;float:right;width:37px; height:53px;}
.orange-strip{background: url(../images/layout/orange-strip.gif) repeat-x;height:8px;font-size:0px;}
.orange-strip-samll{background: url(../images/layout/orange-strip-small.gif) repeat-x;height:6px;font-size:0px;}
.banner .orange-strip{position:absolute; left:0; bottom:0;width:715px;}

/* footer */
#footer{
    background: url(../images/layout/footer-bg.gif) repeat-x 0 32px;
    width:100%;    
    margin-top:39px;    
    font-size:12px;
    position:relative;
}
#footer, .push{height:185px;}

#footer .logo{margin-right:24px;
}
#footer ul{float:left;margin-right:50px;}
#footer ul li{margin-bottom:5px;}

.footer-wrapper{
background: url(../images/layout/footer-content-bg.gif) repeat-x 0 32px;
margin:0 auto;
width: 971px;
}

.footer-content{height:124px; margin-top:5px;}
.footer-content ul.left{margin-right:10px; display:block;margin-top:10px;}
.footer-content ul li{margin-top:5px;}

/* home page */
#home-flash-banner{margin-bottom:10px;}
.home-page #header{margin-bottom:44px;}
.featured-projects{background:url(../images/layout/grey-bg.gif) repeat-x; width:715px; height:232px; text-align:center; padding-top:15px;}
.featured-projects h3{font-size:16px;}
.normal{width:232px;}
.small{width:211px;}

.home-page .box .alter-head,
.box .head{background: url(../images/layout/orange-top.gif) repeat-x;
height: 35px;
margin-top:0px;
}
.box .alter-head{height: 39px;margin-top:5px;}

.box .head h2{color:#fff;display:block;}
.box .head .text{color:#fff;display:block;padding-top:8px;}
.alter-head  .ico-arrow,.head .ico-arrow{margin:13px 10px 0 10px;}
.orange-list li{
background: url(../images/icon/ico-list.gif) no-repeat 0 4px;
padding-left:14px;
margin-bottom:10px;
}

.home-box .bar{float:left; margin-right:5px;}
.home-box .dot-line{margin:13px 0;}

.home-box-1{width:298px; height:360px; padding: 10px 15px 0 15px;}
.box-content{width:204px; margin-left:13px ;position:relative;}
.box-content p{width:177px;margin:0;}
.img-box{width:78px; text-align:center;padding-top:6px;}

.bt-blue-round{background:url(../images/button/blue-round.gif) no-repeat; height:22px; width:23px; display:block;}
.box-content .bt-blue-round{ bottom:0; right:0;}

.home-box-2{width:284px; height:168px;padding: 10px 20px 0 25px;position:relative;}
.home-box-2 h3{font-weight:normal;margin-bottom:5px;}

.padding{padding:20px;}
.bt-view-brochure{background: url(../images/button/button-view-brochure.gif) no-repeat;
width: 103px;
height: 22px;
display:block;
}
 .bt-view-brochure:hover{background-position:0 -22px;}
.bt-read-more{background: url(../images/button/button-read-more.gif) no-repeat;
width: 80px;
height: 22px;
display:block;
}
.bt-read-more:hover{background-position:0 -22px;}

.slide-nav{top:12px; right:24px; width:36px;}
.slide-nav a{background: url(../images/button/grey-button.gif) no-repeat;
width: 17px;
height: 17px;display:block;
}
.slide-nav .left{background-position:0 0;}
.slide-nav .right{background-position:-18px 0;}

.slide-nav .left:hover{background-position:0 -17px;}
.slide-nav .right:hover{background-position:-18px -17px;}
.slide-content{width:290px;}
.slide-content p{margin:0;}
.slide-content img{margin-right:15px;}
.slide-content .text{width:186px;}

.news-date{color:#a0a0a0; font-size:12px;}
.text-header{
background: url(../images/text-header.gif) no-repeat;
height: 17px;
width:161px;
text-indent:-99999999px;
overflow:hidden;
margin-top:10px;
}
#solutions{background-position: 0 0;}
#our-brochure{background-position: 0 -17px;}
#register{background-position: 0 -34px;}
#our-services{background-position: 0 -51px;}
#project-detail{background-position: 0 -68px;}
#project-gallery{background-position: 0 -85px;}
#cpd-seminars{background-position: 0 -102px;}
#newsroom{background-position: 0 -119px;}
#other-projects{background-position: 0 -136px;width:182px;}

.strip-bar{background: url(../images/layout/strip-bar.gif) repeat-x;
width: 100%;
height: 37px;
}

.uesful-link{margin-top:20px;}
.uesful-link span{margin:0 0 0 10px;}
.uesful-link ul{padding:10px 10px 20px 22px; font-size:12px; margin-top:10px;}
.uesful-link ul li{margin-bottom:10px;}

/*** accordion ***/
.acc-head{background: url(../images/layout/blue-bg.gif) repeat-x;
height: 32px;
width:100%;
position:relative;margin-bottom:20px;
}
.orange-head{background: url(../images/layout/orange-bg.gif) repeat-x;}
.acc-title{position:absolute; z-index:10;background: url(../images/button/show-hide.gif) no-repeat 440px -22px;
width: 100%;display:block;
height: 22px;margin-top:5px;
overflow:hidden;
}
.orange-head .acc-title{background: url(../images/button/show-hide2.gif) no-repeat 440px -14px;height: 14px;margin-top:9px;}
.ui-state-active .acc-title{
    background-position:440px 0px;
}
.acc-head h3{position:absolute; z-index:5; color:#fff; font-size:17px;padding-left:19px;padding-top:6px;width:417px;}
.acc-content{}
.market-box{width:223px;margin-bottom:28px;}
.market-box .bar{padding-right:6px;float:left;}
.market-box .greybg{width:207px;height:87px;float:left;}
.market-box .img-box{width:53px; text-align:center;float:left;margin-top:12px;}
.market-box .text{width:149px;float:left;font-size:12px;margin-top:12px;}
.market-box ul{margin-top:5px;}
.market-box ul li{margin-bottom:2px;}
.longer .greybg{height:116px;}

.download-box{background: url(../images/layout/download-box.gif) no-repeat;
width: 198px;
height: 179px;
padding:8px 0 0 13px;
font-size:13px;
}
.download-box h3{font-size:16px;}
.download-box ul{margin-bottom:15px;}
.download-list li{background: url(../images/icon/ico-download.gif) no-repeat 0 0;
padding:3px 0 5px 22px;
margin-bottom:5px;
}
.list2 li{padding-left:27px;padding-top:0; background-position:0 5px;margin-bottom:18px;}
.list2 li a{font-size:13px;}

.download-box1{background: url(../images/layout/download-box1.gif) no-repeat;
width: 231px;
height: 126px;
padding:8px 20px 0 13px;
font-size:13px;
}

.accreditations {font-size:15px;}
.accreditations .text{margin-right:179px;}
.ico-download{vertical-align:middle; margin-right:10px;}

.our-services{font-size:12px;}
.our-services .text{margin-left:77px;}
.our-services .dot-line{margin-bottom:15px;}

/* projects */
.content-title{margin-bottom:15px;}
.project-map{background: url(../images/layout/project-map.gif) no-repeat;
width: 211px;
height: 170px;
margin-top:35px
}
.project-map a{margin:128px 0 0 24px;float:left;}
.project-text{margin-left:140px;margin-bottom:30px;}
.project-text h3{font-weight:normal;margin-bottom:5px;}

.project-title{color:#2da6c6; font-size:20px;}
.login-info img{margin-top:8px;}
.login-info p{margin-left:30px;}

.detail-list li{padding-left: 43px;margin-bottom:15px;}
.ico-architect{background: url(../images/icon/ico-architect.gif) no-repeat;}
.ico-contractor{background: url(../images/icon/ico-main-contractor.gif) no-repeat;}
.ico-value{background: url(../images/icon/ico-value.gif) no-repeat;}
.ico-start-date{background: url(../images/icon/ico-start-date.gif) no-repeat;}
.ico-end-date{background: url(../images/icon/ico-end-date.gif) no-repeat;}

.checkline{margin-bottom:6px;}
.checkline input{margin-right:3px;}
.contact-block{width:338px;margin-left:40px;line-height:18px;}
.contact-block .padding{padding:10px 0 22px 25px;}
.contact-block h3{font-size:17px;}
.contact-block ul li{margin-bottom:2px;}
.contact-block ul li img{vertical-align:middle; margin-right:5px;}
.gallery-img img{border:4px solid #E3DFDE;}
img.border{border:4px solid #E3DFDE;}
img.border1{border:1px solid #E3DFDE;}
.main-img{position:relative; display:block;}
.main-img .glass{display:block;background:url(../images/icon/ico-glass.gif) no-repeat; width:44px; height:34px; position:absolute; bottom:0px; right:0; cursor:pointer;}
/*blog*/
.widget_archive li{background: url(../images/icon/ico-list.gif) no-repeat 0 4px;
padding-left:14px;
margin-bottom:10px;
}
#respond label{width:120px;display:block;float:left;}
#searchform{margin-bottom:25px;}
#searchsubmit{background: url(../images/button/button-go.gif) no-repeat;border:none; width:40px; height:22px; text-indent:-99999px;}
#searchsubmit:hover{background-position:0 -22px;}
.widgettitle{font-size:14px; color:#707070; margin-bottom:6px;}
.post-title, .post-title a{color:#1c90ad; font-size:15px; text-decoration:none;margin-bottom:10px;}
.post-title a:hover{text-decoration:underline;}
.post-date{font-size:13px; color:#939393;margin-bottom:3px;}
.post-index .post-date{margin-left:94px;}
.post-index img{float:left;margin-top:-16px; margin-right:20px;}
.post-index .entry{width:575px;margin-bottom:30px;}
#content p{font-size:15px;}

.entry img.alignleft{float:left; margin-right:20px;}
.st-pancras-tabs {background:url(../images/layout/st-pancras-tabs.gif) no-repeat; width:472px; height:23px; margin-bottom:15px;}
.st-pancras-tabs li{display:inline}
.st-pancras-tabs a{float:left;display:block;background:url(../images/layout/st-pancras-tabs.gif) no-repeat; height:23px; overflow:hidden; z-index:99; text-indent:-99999px;}
#retail a{width:136px; background-position:0 -23px;}
#retail a.active,#retail a:hover{ background-position:0 0;}
#main-station a{width:107px; background-position:-136px -23px;}
#main-station a.active,#main-station a:hover{background-position:-136px 0;}
.nocomments{display:none;}
.scope-list{margin:25px 0;}
.navigation{margin-top:15px;}
.pagetitle{margin-bottom:10px;}

.scope-list ul{margin-left:5px;margin-top:8px;}
.scope-list ul li{float:left; width:197px;}
.project-bottom li{float:left; width:157px;}
#street_view{width: 474px; height: 300px; position:relative;}

table.basic td{padding-bottom:10px;}

#slideshow {position:relative;    }
#slideshow IMG {position:absolute;top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {z-index:10;opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}
.floatleft li{float:left; width:139px;}

.member-download{width:345px; margin-bottom:15px;}
.member-download h2{background:url(../images/icon/ico-arrow-grey.gif) no-repeat 0 7px; padding-left:15px;}
.member-download .padding{padding:10px 8px;margin-left:15px;min-height:183px; }
.member-download .m2{min-height:210px;}
.member-download ul{margin-left:15px;}
.top-bar{background:url(../images/layout/top-bar.gif) no-repeat 0 0;}
.bottom-bar{background:url(../images/layout/bottom-bar.gif) no-repeat 0 100%;}
.blue-bar{background:url(../images/layout/bar-blue-bg.gif) repeat-y;}

.list-table th{font-weight:bold; color:#f29a10; padding:2px 0 2px 10px;}
.list-table td{padding:10px 0 10px 10px;}
.list-table td img{vertical-align:middle;}
.list-table .sorting img{ margin-right:7px;}
.list-table .sorting td{padding-top:15px; padding-bottom:15px;}

/*--- history ---*/
#accordion2{height:200px;}
#time-line{ width:460px; height:59px; margin:15px 0;}
/*-- top navigation --*/
#year-list{width:460px;height:47px; display:inline;}
#year-list li{display:inline; list-style:none;}
#year-list a{background: url(../images/year-list.gif) no-repeat ;display:block;z-index:999;overflow:hidden;text-indent:-999px; float:left;height:47px;}

#year-1946 a{background-position:0px 0px;width:40px;}
#year-1946 a:hover, #year-1946 a.active{background-position:0px -47px;	}
#year-1986 a{background-position:-40px 0px;width:38px;}
#year-1986 a:hover, #year-1986 a.active{background-position:-40px -47px;	}
#year-1988 a{background-position:-78px 0px;width:38px;}
#year-1988 a:hover, #year-1988 a.active{background-position:-78px -47px;	}
#year-1995 a{background-position:-116px 0px;width:38px;}
#year-1995 a:hover, #year-1995 a.active{background-position:-116px -47px;	}
#year-1997 a{background-position:-154px 0px;width:38px;}
#year-1997 a:hover, #year-1997 a.active{background-position:-154px -47px;	}
#year-1998 a{background-position:-192px 0px;width:38px;}
#year-1998 a:hover, #year-1998 a.active{background-position:-192px -47px;	}
#year-2002 a{background-position:-230px 0px;width:38px;}
#year-2002 a:hover, #year-2002 a.active{background-position:-230px -47px;	}
#year-2003 a{background-position:-268px 0px;width:38px;}
#year-2003 a:hover, #year-2003 a.active{background-position:-268px -47px;	}
#year-2004 a{background-position:-306px 0px;width:38px;}
#year-2004 a:hover, #year-2004 a.active{background-position:-306px -47px;	}
#year-2005 a{background-position:-344px 0px;width:38px;}
#year-2005 a:hover, #year-2005 a.active{background-position:-344px -47px;	}
#year-2006 a{background-position:-382px 0px;width:38px;}
#year-2006 a:hover, #year-2006 a.active{background-position:-382px -47px;	}
#year-2007 a{background-position:-420px 0px;width:40px;}
#year-2007 a:hover, #year-2007 a.active{background-position:-420px -47px;	}
.time-line-year{margin-left:12px; font-weight:bold;margin-bottom:10px;}
.decoy{display:none;}

.step-banner{background:url(../images/layout/login-step.gif) no-repeat;width:462px; height:32px;text-indent:-9999px;}
.step1-banner{background-position: 0 0;}
.step2-banner{background-position: 0 -32px;}

.information-block{background-color:#E8E8E8;width:191px;float:right; padding:15px 10px 0 10px; }
.information-block img{margin-bottom:10px;}
.content .information-block p{text-align:left;}

.page-list{text-align:right;}
.page-list li{ display:inline; margin:5px;}
.page-list li a{color:#f39400;}