/************* General **************/
html{
	min-height: 100%;
	background: #B1C8C9;
}

body{
	font-size:65%;
	font-family:verdana;
	color:#000000;
	text-align:center;
	background-color:#B1C8C9;
	margin:0px;
	padding:0px;
}

body.white{
	background-color:#FFFFFF;
}

p{
	padding:0px 0px 8px 0px;
	margin:0px 0px 0px 0px;
	line-height:1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-size:100%;
}

ul{
	margin:0px;
	padding:0px;
}

li{
	margin:0px 0px 0px 15px;
	padding:0px;
}

.home a:link,
.home a:visited,
#image-nav a:link,
#image-nav a:visited{
	text-decoration:none;
}

.home a:hover,
#image-nav a:hover{
	text-decoration:none;
}

a:link,
a:visited{
	color:#353535;
	text-decoration:underline;
}

a:hover{
	color:#666666;
	text-decoration:underline;
}

img{
	border:none;
}

.clear-both{
	clear:both;
	height:1px;
	line-height:1px;
	padding:0px;
	margin:0px;
	font-size:1px;}

#website{
	margin:0px auto 0px auto;
	width:725px;
	padding:0px 4px;
	text-align:left;
	background-color:#FFFFFF;
}

.border-top{
	border-top:1px solid #CCCCCC;
}

.border-bottom{
	border-bottom:1px solid #CCCCCC;
}

.float-right{
	float:right;
}

.no-text{
	font-size:0px;
}
/************* General **************/


/************* Header ***************/
#header{
	background-color:#68A2A1;
}

#header-left{
	float:left;
	padding:0px 0px 0px 17px;
}

#header-right{
	float:right;
}
/************* Header ***************/

#main-nav{
	background-color:#EEEEEE;
}

#main-nav ul{
	margin:0px 0px 0px 20px;
	padding:0px;
}

#main-nav li{
	margin:0px 8px 0px 0px;
	padding:0px;
	float:left;
	list-style-type:none;
	color:#8FB6B5;
}

#main-nav li a{
	padding:12px 0px 10px;
	margin:0px;
	display:block;
}

#main-nav li span{
	margin:14px 0px 0px;
	padding:0px;
	display:block;
}

#main-nav .margin-home{
	margin:0px 0px 0px 213px;
}

#main-nav .margin{
	margin:0px 0px 0px 236px;
}


#main-nav-internal{
	background-color:#EFEFEF;
}

#main-nav-internal ul{
	margin:0px 0px 0px 20px;
	padding:0px;
}

#main-nav-internal li{
	margin:0px 8px 0px 0px;
	padding:0px;
	float:left;
	list-style-type:none;
	color:#8FB6B5;
}

#main-nav-internal li a{
	padding:12px 0px 10px;
	margin:0px;
	display:block;
}

#main-nav-internal li span{
	margin:14px 0px 0px;
	padding:0px;
	display:block;
}

#main-nav-internal .margin{
	margin:0px 0px 0px 164px;
}



#sub-nav-project{
	background-color:#FFFFFF;
	height:49px;
}


#sub-nav-project ul{
	margin:0px 0px 0px 20px;
	padding:0px;
	clear:both;
	overflow: hidden;
}

#sub-nav-project li{
	margin:0px 6px 0px 0px;
	padding:0px;
	float:left;
	list-style-type:none;
	color:#8FB6B5;
}

#sub-nav-project li a{
	padding:6px 0px 0px; /* 3rd one was 4px*/
	margin:0px;
	display:block;
}

#sub-nav-project li span{
	margin:9px 0px 0px;
	padding:0px;
	display:block;
}

#sub-nav-project li.no-link span{
	margin:6px 0px 0px 0px; /* 3rd one was 4px*/
	padding:0px;
	display:block;
}

#sub-nav-project .margin{
	margin:0px 0px 0px 195px;
}









#sub-nav{
	background-color:#FFFFFF;
	height:23px;
}

#sub-nav ul{
	margin:0px 0px 0px 20px;
	padding:0px;
	clear:both;
}

#sub-nav li{
	margin:0px 6px 0px 0px;
	padding:0px;
	float:left;
	list-style-type:none;
	color:#8FB6B5;
}

#sub-nav li a{
	padding:6px 0px 4px;
	margin:0px;
	display:block;
}

#sub-nav li span{
	margin:9px 0px 0px;
	padding:0px;
	display:block;
}

#sub-nav li.no-link span{
	margin:6px 0px 4px 0px;
	padding:0px;
	display:block;
}

#sub-nav .margin{
	margin:0px 0px 0px 195px;
}

/************* Content **************/
#content{
	background-color:#FFFFFF;
	padding:0px 0px 18px 0px;
}

.column-three{
	width:725px;
	margin:20px 0px 0px 0px;
	font-size:90%;
}

.column-three p{
	padding:0px 0px 0px 0px;
	line-height:12px;
}

.column-three .img{
	float:left;
	width:72px;
	margin:7px 0px 7px 0px;
	_margin:7px 0px 5px 0px;
	padding:0px 0px 0px 1px;
}

.column-three .text{
	float:left;
	width:137px;
	margin:11px 0px 7px 10px;
	_margin:11px 0px 5px 10px;
	padding:20px 0px 0px 0px;
}

.column-three .people .img{
	float:left;
	width:72px;
	margin:7px 0px 7px 0px;
	_margin:7px 0px 5px 0px;
	padding:0px 0px 0px 1px;
}

.column-three .people .text{
	float:left;
	width:100px;
	margin:11px 0px 7px 10px;
	_margin:11px 0px 5px 10px;
	padding:20px 0px 0px 0px;
	border:1px solid #000000;
}

.column-three-1{
	width:220px;
	float:left;
	margin:0px 0px 0px 20px;
	display:inline;
}

.column-three-2{
	width:220px;
	float:left;
	margin:0px 13px 0px 13px;
	display:inline;
}

.column-three-3{
	width:220px;
	float:left;
	margin:0px 0px 0px 13px;
	display:inline;
}

.people{
	line-height:12px;
	font-size:90%;
}

.people-nav{
	margin-top:-2px;
}

.people li{
	padding:6px 0px;
}

.people a:link,
.people a:visted{
	color:#333333 !important;
}

.people a:hover{
	
}

.column-two{
	width:725px;
	margin:20px 0px 0px 0px;
	color:#000000;
	line-height:18px;
}

.column-two-1{
	width:250px;
	float:left;
}

.column-two-1 img{
	margin:0px 0px 0px 20px;
}

.column-two-2{
	width:440px;
	float:left;
}

.column-two-2 ul{
	margin:0px 0px 10px 0px;
}

.column-two-2 li{
	font-size:100%;
}



.column-two-sitemap-2{
	width:440px;
	float:left;
}

.column-two-sitemap-2 ul{
	margin:0px 0px 10px 0px;
	list-style:none;
	
}





.gallery-column-two{
	width:725px;
}

.gallery-column-two-1{
	float:left;
	width:222px;
	margin:20px 0px 0px 20px;
	display:inline;
}

.gallery-column-two-2{
	float:left;
	width:450px;
	margin:20px 0px 0px 20px;
}

.gallery-column-two-1 .title{
	margin:0px 0px 0px 0px;
}

.gallery-column-two-1 .title-projects{
	margin:0px 0px 90px 0px;
}

.gallery-column-two-1 .thumb{
	margin:5px 0px 6px 0px;
	_margin:5px 0px 3px 0px;
}

.gallery-nav{
	width:450px;
}

.gallery-nav-left{
	float:left;
	width:220px;
}

.gallery-nav-right{
	float:right;
	width:90px;
	text-align:right;
}

.gallery-nav-right ul{
	margin:0px 0px;
}

.gallery-nav-right li{
	margin:0px 0px 0px 2px;
	list-style-type:none;
	float:left;
	color:#666666;
}

.gallery-nav{
	margin:6px 0px;
	_margin:4px 0px;
}

.gallery-left{
	float:left;
	width:101px;
	margin:0px 0px -16px 0px;
}

.gallery-right{
	float:right;
	width:101px;
	margin:0px 0px -13px 0px;
}

.gallery-left a,
.gallery-right a{
	height:65px;
	display:block;
	width:93px;
}

.gallery-left div,
.gallery-right div{
	margin:0px 0px 16px 0px;
}

.gallery-left a:hover,
.gallery-right a:hover,
.gallery-left a.active,
.gallery-right a.active{
	border:4px solid #68A3A1;
	width:93px;
	height:57px;
	overflow:hidden;
}

.gallery-left a:hover img,
.gallery-right a:hover img,
.gallery-left a.active img,
.gallery-right a.active img{
	margin:-4px 0px 0px -4px;
}

.gallery-column-three{
	margin:20px 0px -10px 0px;
}

.gallery-column-three a{
	height:170px;
}

.gallery-column-three a:hover{
	display:block;
	background-color:#FFFFFF;
	cursor:pointer;
}

/*
#imageContainer{
	height:386px;
	overflow:hidden;
}
*/

#imageContainer {

}

#image-nav{
	position:absolute;
	bottom:105px;
	right:12px;
	background-color:#FFFFFF;
	z-index:9999;
	padding:7px 5px 7px 5px;
}

#image-nav a.active{
	text-decoration:underline !important;
}

#imageContainer img {
	display: none;
	
	cursor:pointer;
	position:absolute;
	top:0; 
	left:0;
	z-index:9998;
}

.projects-rotate{
	position:relative;
	border-bottom:1px solid #CCCCCC;
	margin:0px 20px -20px 20px;
	padding:0px 0px 20px 0px;
	width:681px;
	height:386px;
}

#imageContainerNoScript{
	position:absolute;
}



.project-description{
	background-color:#FFFFFF;
	height:47px;
	padding:14px 14px 14px 14px;
}

.project-large{
	
}

.home .column-three-1 a{
	display:block;
	/*background-image:url(../images/home-title-news-off.gif);*/
	background-image:url(../images/home-title-news-on.gif);
	background-position:81px 5px;
	background-repeat:no-repeat;
	height:87px;
}

.home .column-three-2 a{
	display:block;
	/*background-image:url(../images/home-title-furniture-off.gif);*/
/* 	background-image:url(../images/home-title-furniture-on.gif); */
	background-image:url(../images/home-title-brochure-on.gif);
	background-position:81px 5px;
	background-repeat:no-repeat;
	height:87px;
}

.home .column-three-3 a{
	
}

.home .column-three-1 a:hover{
	background-color:#FFFFFF;
	color:#000000;
	display:block;
	cursor:pointer;
	background-image:url(../images/home-title-news-on.gif);
	background-position:81px 5px;
	background-repeat:no-repeat;
}

.home .column-three-2 a:hover{
	/*
background-color:#FFFFFF;
	color:#000000;
	display:block;
	cursor:pointer;
	background-image:url(../images/home-title-furniture-on.gif);
	background-position:81px 5px;
	background-repeat:no-repeat;
*/
}

.home .column-three-3 a:hover{
	/*
background-color:#FFFFFF;
	color:#000000;
	display:block;
	cursor:pointer;
	background-image:url(../images/home-title-brochure-on.gif);
	background-position:81px 5px;
	background-repeat:no-repeat;
*/
}

.gallery-column-three-1{
	float:left;
	width:221px;
	margin:0px 0px 10px 20px;
	display:inline;
	height:170px;
}

.gallery-column-three-2{
	float:left;
	width:219px;
	margin:0px 15px 10px 15px;
	height:170px;
}

.gallery-column-three-3{
	float:left;
	width:216px;
	height:170px;
	margin:0px 0px 10px 0px;
}

.gallery-column-three a.reception,
.gallery-column-three a.boardroom,
.gallery-column-three a.meeting,
.gallery-column-three a.open,
.gallery-column-three a.personal,
.gallery-column-three a.refreshment,
.gallery-column-three a.natexis,
.gallery-column-three a.harley,
.gallery-column-three a.accel,
.gallery-column-three a.gmac,
.gallery-column-three a.texas,
.gallery-column-three a.chaucer,
.gallery-column-three a.hellman,
.gallery-column-three a.srgroup,

.gallery-column-three a.index{
	background-image:url(../images/gallery/title-reception-over.gif);/**/
	background-repeat:no-repeat;
	background-position:0px 155px;
	float:left;
}

.gallery-column-three a.boardroom{
	background-image:url(../images/gallery/title-boardrooms-over.gif);/**/
}

.gallery-column-three a.meeting{
	background-image:url(../images/gallery/title-meeting-over.gif);/**/
}

.gallery-column-three a.open{
	background-image:url(../images/gallery/title-open-plan-over.gif);/**/
}

.gallery-column-three a.personal{
	background-image:url(../images/gallery/title-personal-over.gif);/**/
}

.gallery-column-three a.refreshment{
	background-image:url(../images/gallery/title-refreshment-over.gif);/**/
}

.gallery-column-three a.natexis{
	background-image:url(../images/projects/natexis-over.gif);/**/
}

.gallery-column-three a.harley{
	background-image:url(../images/projects/harley-over.gif);
}

.gallery-column-three a.accel{
	background-image:url(../images/projects/accel-over.gif);
}

.gallery-column-three a.gmac{
	background-image:url(../images/projects/workf-over.gif);
}

.gallery-column-three a.chaucer{
	background-image:url(../images/projects/chaucer-over.gif);/**/
}

.gallery-column-three a.hellman{
	background-image:url(../images/projects/hellman-over.gif);
}

.gallery-column-three a.srgroup{
	background-image:url(../images/projects/srgroup-over.gif);
}




.gallery-column-three a.texas{
	background-image:url(../images/projects/texas-over.gif);
}

.gallery-column-three a.index{
	background-image:url(../images/projects/apollo-over.gif);
}

.gallery-column-three a:hover.reception{
	background-image:url(../images/gallery/title-reception.gif);
}

.gallery-column-three a:hover.boardroom{
	background-image:url(../images/gallery/title-boardrooms.gif);
}

.gallery-column-three a:hover.meeting{
	background-image:url(../images/gallery/title-meeting.gif);
}

.gallery-column-three a:hover.open{
	background-image:url(../images/gallery/title-open-plan.gif);
}

.gallery-column-three a:hover.personal{
	background-image:url(../images/gallery/title-personal.gif);
}

.gallery-column-three a:hover.refreshment{
	background-image:url(../images/gallery/title-refreshment.gif);
}

.gallery-column-three a:hover.natexis{
	background-image:url(../images/projects/natexis.gif);
}

.gallery-column-three a:hover.harley{
	background-image:url(../images/projects/harley.gif);
}

.gallery-column-three a:hover.accel{
	background-image:url(../images/projects/accel.gif);
}

.gallery-column-three a:hover.gmac{
	background-image:url(../images/projects/workf.gif);
}

.gallery-column-three a:hover.chaucer{
	background-image:url(../images/projects/chaucer.gif);
}

.gallery-column-three a:hover.hellman{
	background-image:url(../images/projects/hellman.gif);
}

.gallery-column-three a:hover.srgroup{
	background-image:url(../images/projects/srgroup.gif);
}




.gallery-column-three a:hover.texas{
	background-image:url(../images/projects/texas.gif);
}

.gallery-column-three a:hover.index{
	background-image:url(../images/projects/apollo.gif);
}

.home-flash-left{
	float:left;
	width:477px;
}

.home-flash-right{
	float:left;
	width:243px;
}

.pop-up{
	width:370px;
	text-align:left;
	
}

.pop-up-left{
	padding:10px 0px 0px 0px;
	margin:50px 0px 0px 10px;
	width:115px;
	height:350px;
	float:left;
}

.q1{
	background-image:url(../images/people/image-ray-errington.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.q2{
	background-image:url(../images/people/image-martin-doherty.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.q3{
	background-image:url(../images/people/image-david-osborne.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.q4{
	background-image:url(../images/people/image-trevor-mattacks.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.q5{
	background-image:url(../images/people/image-sarah-jones.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.q6{
	background-image:url(../images/people/image-claire-williams.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.q7{
	background-image:url(../images/people/image-sylwia-kazyska.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.q8{
	background-image:url(../images/people/image-john-cox.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.pop-up-right{
	padding:10px 0px 0px 0px;
	margin:50px 0px 0px 0px;
	width:227px;
	height:350px;
	float:right;
	color:#666666;
	font-size:105%;
}

.pop-up-right li{
	margin-bottom:7px;
}

.news-pop-up{
	width:370px;
	text-align:left;
	
}

.news-pop-up-left{
	padding:10px 0px 0px 0px;
	margin:50px 0px 0px 10px;
	width:115px;
	float:left;
}

.news-pop-up-right{
	padding:10px 0px 0px 0px;
	margin:50px 0px 0px 0px;
	width:227px;
	float:right;
	color:#666666;
	font-size:105%;
}

.pop-up-right strong{
	color:#333333;
}

.pop-up-close{
	margin:0px 0px 0px 10px;
	float:left;
	width:67px;
}

.pop-up-next{
	margin:0px 0px 0px 0px;
	float:right;
	width:67px;
}

/************* Content **************/


/*************** News ***************/

.news{
	color:#666666;
	
}

.news p{
	padding:0px 20px 0px 20px;
	margin:0px 0px 5px 0px;
}

.news hr{
	margin:0px 20px 5px 20px;
	border:0px solid #C2C2C2;
	border-bottom:1px solid #C2C2C2;
	height:1px;
	padding:0px;
}

.news .date{
	color:#999999 !important;
	font-weight:normal !important;
}

.news .selected{
	font-weight:bold;
	color:#000000;
}

.news-content .title{
	font-size:110%;
	color:#030303;
}

.news-content{
	color:#666666;
}

/*************** News ***************/


/************* Footer ***************/
#footer{
	color:#5EA4A3;
	padding:20px 0px 0px 20px;
	background-color:#FFFFFF;
}

#footer a:link,
#footer a:visited{
	color:#BEBEC0;
	text-decoration:none;
}

#footer a:hover{
	color:#353535;
	text-decoration:none;
}
/************* Footer ***************/

.js-active .js-hide, .hide {
	position: absolute;
	display: block;
	left: -9999px;
	top: -9999px;
	font-size: 0;
}

/* Legend hide */
legend.hide,
legend.hide span {
	line-height: 0;
}