body, html {
height: 100%;
}

body {
margin: 0px;
padding: 0px;
font-family: arial;
font-size: 86%;
margin-left: auto; margin-right: auto; 
}

#nologo {
position: absolute;
bottom: 0px;
left: 0px;
width: 99%;
float: left;
text-align: left;
border-top: 1px solid #f7f7f7;
}

#nologo a{
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
color: #f5f5f5;
background: #ffffff;
display: inline-block;
margin: 0px 2px 2px 2px;
padding: 2px 2px 2px 2px;
text-decoration: none;
font-size: 8px;
}

#nologo a:hover{
border-left: 1px solid #e6e6e6;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f7f7f7;
color: #ccc;
}

#outer {
height: 100%;
width: 100%;
overflow: hidden; 
position: relative;}
#outer[id] {display: table; position: static;}

#middle {
position: absolute; 
width: 100%;
top: 50%; 
text-align: center;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {
position: relative; 
top: -50%;
width: 943px;
margin-left: auto; 
margin-right: auto; 
text-align: left;
} /* for explorer only */
/* optional: #inner[id] {position: static;} */


/* SHADOW DIVS ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  shadow */

div#container {
width: 947px;
height: 573px;
}

#shadow-container {
position: relative;
left: 3px;
top: 3px;
margin-right: 2px;
margin-bottom: 2px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
position: relative;
left: -1px;
top: -1px;
}

#shadow-container .shadow1 {
background: #F1F0F1;
}

#shadow-container .shadow2 {
background: #DBDADB;
}

#shadow-container .shadow3 {
background: #B8B6B8;
}

#shadow-container .container {
background: #ffffff;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-bottom: 1px solid #848284;
border-right: 1px solid #848284;
padding: 0;
}

/* DIV ID BOX / TLALL / TL / TR = TOP AREA |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#box {
z-index: 2000;
position: relative;
display: block;
width: 943px;
height: 573px;
background: #000;
border: 1px solid #000;
}

/* PAGE ID = WHO |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#who #tlall {
background: #000 url(../images/who/whoweare.jpg) no-repeat top right;
}

#whophilosophy #tlall {
background: #000 url(../images/who/philosophy.jpg) no-repeat top right;
}

#whoprofile #tlall {
background: #000 url(../images/who/profile.jpg) no-repeat top right;
}

#whopeople #tlall {
background: #000 url(../images/who/who_people.jpg) no-repeat top right;
}

#whocareers #tlall {
background: #000 url(../images/who/who_careers.jpg) no-repeat top right;
}

#whoawards #tlall {
background: #000 url(../images/who/who_awards.jpg) no-repeat top right;
}

#whoawards #tl h3 {
	padding: 0;
	font-size: 100%;
	margin: 19px 0px 2px 0;
	padding: 5px 12px 5px 11px;
	font-weight: normal;
	color: inherit;	color: #ccc;
	background: #000;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	}

/* PAGE ID = WHAT |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#what #tlall {
background: #000 url(../images/what/1.jpg) no-repeat top right;
}

#whatarchitecture #tlall {
background: #000 url(../images/what/what_architecture.jpg) no-repeat top right;
}

#whatfeasability #tlall {
background: #000 url(../images/what/feasability.jpg) no-repeat top right;
}

#whatmasterplanning #tlall {
background: #000 url(../images/what/masterplanning.jpg) no-repeat top right;
}

#whatconservationstudy #tlall {
background: #000 url(../images/what/conservation.jpg) no-repeat top right;
}

#whatdesign #tlall {
background: #000 url(../images/what/design.jpg) no-repeat top right;
}

/* PAGE ID = HOW |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#how #tlall {
z-index: 1;
position: relative;
display: block;
width: 943px;
height: 446px;
background: #000 url(../images/how/1.jpg) no-repeat;
}

#howdesignprocess #tlall {
z-index: 1;
position: relative;
display: block;
width: 943px;
height: 446px;
background: #000 url(../images/how/how_process.jpg) no-repeat top right;
}

#howsustainability #tlall {
z-index: 1;
position: relative;
display: block;
width: 943px;
height: 446px;
background: #000 url(../images/how/how_sustainability.jpg) no-repeat top right;
}

/* PAGE ID = CLIENTS |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#clients #tlall {
z-index: 1;
position: relative;
display: block;
width: 943px;
height: 446px;
background: #000 url(../images/clients/1.jpg) no-repeat;
}

#culture #tlall {
background: #000 url(../images/clients/artsculture/culture_recreation.jpg) no-repeat top right;
}

#education #tlall {
background: #000 url(../images/clients/education/education.jpg) no-repeat top right;
}

#historic #tlall {
background: #000 url(../images/clients/historic/eynsh_01.jpg) no-repeat top right;
}

#office #tlall {
background: #000 url(../images/clients/workplace/workplace_01.jpg) no-repeat top right;
}

#residential #tlall {
background: #000 url(../images/clients/residential/residential_01.jpg) no-repeat top right;
}

#scientific #tlall {
background: #000 url(../images/clients/scientific/wimm_01.jpg) no-repeat top right;
}


#projects_education #box {
z-index: 2;
position: relative;
display: block;
width: 943px;
height: 573px;
background: #000 url(../images/swop2.jpg) no-repeat;
}

/* PAGE ID = NEWS |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#news #box {
z-index: 2;
position: relative;
display: block;
width: 943px;
height: 573px;
background: #000 url(../images/news/autumn_2011.jpg) no-repeat top left;
}

#contact #box {
z-index: 2;
position: relative;
display: block;
width: 943px;
height: 573px;
background: #000 url(../images/contact/contact_oxford.jpg) no-repeat;
}

#tlall {
z-index: 2999;
position: relative;
display: block;
width: 943px;
height: 446px;
padding: 0;
margin: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html div#tlall {
/* exploder 5.5+ */
z-index: 3000;
position: relative;
display: block;
width: 943px;
height: 446px;
padding: 0;
margin: 0;
border: 0px solid #000;
}
/* End */ 

#tl {
z-index: 3;
float: left;
position: relative;
display: block;
width: 217px;
height: 446px;
background-color: transparent;
margin: 0px;
padding: 0px;
}

#news #tl {
z-index: 3;
float: left;
position: relative;
display: block;
width: 943px;
height: 446px;
background-color: transparent;
margin: 0px;
padding: 0px;
}


#tr {
z-index: 3;
float: right;
position: relative;
display: block;
width: 726px;
height: 446px;
background-color: transparent;
margin: 0px;
padding: 0px;
}



/* DIV ID BLALL BL BM BR = BOTTOM AREA WITH LOGO AND MENU SYSTEM |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#blall {
z-index: 3001;
float: left;
position: relative;
display: block;
width: 943px;
height: 126px;
margin: 0px;
padding: 0px;
border-top: 1px solid #333;
}

/* Fix IE. Hide from IE Mac \*/
* html div#blall {
z-index: 3001;
float: left;
position: relative;
display: block;
width: 943px;
height: 126px;
margin: 0px;
padding: 0px;
}
/* End */ 



#bl {
z-index: 3001;
float: left;
position: absolute;
left: 0;
display: block;
width: 217px;
height: 126px;
background-color: transparent;
background: transparent url(../images/png/menu_bg_over.png) repeat;
margin: 0px;
padding: 0px;
}


.ie6 #bl {
z-index: 3001;
float: left;
position: absolute;
left: 0;
display: block;
width: 217px;
height: 126px;
background-color: #000;
background: transparent url(../images/png/ie6/menu_bg_over.jpg) repeat;
margin: 0px;
padding: 0px;
}

/* Fix IE. Hide from IE Mac \*/
* html div#bl {
z-index: 3001;
float: left;
position: absolute;
left: 0;
display: block;
width: 217px;
height: 126px;
background-color: transparent;
background: transparent url(../images/png/menu_bg_over.png) repeat;
margin: 0px;
padding: 0px;
}
/* End */ 

#bl a img {
border: 0px;
}


#bm {
z-index: 3001;
float: right;
position: absolute;
left: 217px;
display: block;
width: 140px;
height: 126px;
background-color: transparent;
background: transparent url(../images/png/menu_bg_over.png) repeat;
border-left: 1px solid #333;
margin: 0px;
padding: 0px;
}


.ie6 #bm {
z-index: 3001;
float: right;
position: absolute;
left: 217px;
display: block;
width: 140px;
height: 126px;
background-color: #000;
background: transparent url(../images/png/ie6/menu_bg_over.jpg) repeat;
border-left: 1px solid #333;
margin: 0px;
padding: 0px;
}


/* Fix IE. Hide from IE Mac \*/
* html div#bm {
z-index: 3001;
float: right;
position: absolute;
left: 217px;
display: block;
width: 140px;
height: 126px;
background-color: transparent;
background: transparent url(../images/png/menu_bg_over.png) repeat;
	border-left: 1px solid #333;
margin: 0px;
padding: 0px;
}
/* End */ 


#br{
z-index: 2999;
float: left;
position: absolute;
left: 358px;
display: block;
width: 229px;
height: 126px;
background-color: transparent;
background: transparent url(../images/png/menu_bg_over.png) repeat;
border-left: 1px solid #333;
overflow:hidden;
margin: 0;
padding: 0;
}

.ie6 #br{
z-index: 2999;
float: left;
position: absolute;
left: 358px;
display: block;
width: 229px;
height: 126px;
background-color: #000;
background: transparent url(../images/png/ie6/menu_bg_over.jpg) repeat;
border-left: 1px solid #333;
overflow:hidden;
margin: 0;
padding: 0;
}


/* Fix IE. Hide from IE Mac \*/
* html div#br{
z-index: 3000;
float: left;
position: absolute;
left: 358px;
display: block;
width: 228px;
height: 126px;
background-color: transparent;
background: transparent url(../images/png/menu_bg_over.png) repeat;
border-left: 1px solid #333;
overflow:hidden;
margin: 0;
padding: 0;
}
/* End */ 


#br_rightone{
z-index: 3000;
float: left;
position: absolute;
left: 586px;
display: block;
width: 356px;
height: 126px;
background-color: transparent;
background: transparent url(../images/png/menu_bg_over.png) repeat;
border-left: 1px solid #333;
overflow:hidden;
margin: 0;
padding: 0;
}

.ie6 #br_rightone{
z-index: 3000;
float: left;
position: absolute;
left: 586px;
display: block;
width: 356px;
height: 126px;
background-color: #000;
background: transparent url(../images/png/ie6/menu_bg_over.jpg) repeat;
border-left: 1px solid #333;
overflow:hidden;
margin: 0;
padding: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html div#br_rightone{
z-index: 3000;
float: left;
position: absolute;
left: 586px;
display: block;
width: 357px;
height: 126px;
background-color: transparent;
background: transparent url(../images/png/menu_bg_over.png) repeat;
border-left: 1px solid #333;
overflow:hidden;
margin: 0;
padding: 0;
}
/* End */ 


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 1st Menu */
/*URL: http://www.dynamicdrive.com/style/ */

.firstmenudiv ul{
margin: 13px 0 0 0;
padding: 0;
list-style-type: none;
font-weight: normal;
width: 140px; /* Width of Menu Items */

}
	
.firstmenudiv ul li{
position: relative;
}
	
/* Sub level menu links style */
.firstmenudiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #999;
text-decoration: none;
background-color: transparent;
padding: 1px 5px 0 10px;
border-bottom: 0;
}


.firstmenudiv ul li a:hover{
color: #e6e6e6;
}

.firstmenudiv ul li a.active
{
display: block;
color: #e6e6e6;
text-decoration: none;
}

/* Holly Hack for IE \*/
* html .firstmenudiv ul li { float: left; height: 1%; }
* html .firstmenudiv ul li a { height: 1%; }
/* End */

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 2nd Menu */
/*URL: http://www.dynamicdrive.com/style/ */

.secondmenudiv ul{
float: left;
margin: 13px 0 0 0;
padding: 0;
list-style-type: none;
font-weight: normal;
width: 205px; /* Width of Menu Items */
}
	
.secondmenudiv ul li{
position: relative;
}
	
/* Sub level menu links style */
.secondmenudiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #999;
text-decoration: none;
background-color: transparent;
padding: 1px 5px 0 10px;
border-bottom: 0;
}

.secondmenudiv ul li a:hover{
color: #e6e6e6;
}

.secondmenudiv ul li a.active
{
display: block;
color: #e6e6e6;
text-decoration: none;
}
	
/* Holly Hack for IE \*/
* html .secondmenudiv ul li { float: left; height: 1%; }
* html .secondmenudiv ul li a { height: 1%; }
/* End */



/* ///////////////////////////////////////////////////////////// */


/*
   Styles for scrolling layers
	 Specify width and height in hold and wn, and in clip for wn
*/



div#hold	{
	position:relative;
	left:30px; top:14px;
	overflow:hidden;
	width:320px; height:104px;
	z-index:100;
	float: left;
background-color: transparent;
	}
div#wn	{
	position:absolute;
	left:0px; top:0px;
	width:320px; height:102px;
	clip:rect(2px, 320px, 102px, 0px);
	overflow:hidden;
	z-index:1;
background-color: transparent;
	}
div.navcontent {
	position: absolute; 
	visibility: hidden;
	left: 0px; 
	top: 0px;
	overflow: hidden;
	z-index: 1;
background-color: transparent;
	}

/* ///////////////////////////////////////////////////////////// */

/* This is the lovely scrollbar  */
/* Set small font-size or size/position of div's will be off in some browsers  */

div#scrolllinks  {
float: left;
top: 12px;
left: 10px;
position: absolute;
width:15px;
height: 104px;
background-color: transparent;
margin: 0px;
padding: 0px;
  z-index:1;
  border:0px solid #fff;
}

/* Fix IE. Hide from IE Mac \*/
 * html div#scrolllinks  {
float: left;
top: 12px;
left: 10px;
position: absolute;
width:15px;
height: 104px;
background-color: transparent;
margin: 0px;
padding: 0px;
  z-index:1;
  border:0px solid #fff;
}
/* End */



/* Fix IE. Hide from IE Mac \*/
 * html div#scrollbar {
  position:relative;
  width:15px;
  height:104px;
  font-size:1px;
  z-index:1;
  bottom:0;
  left: 2px;
  font-size:1px; 
  z-index:1;
  }  
/* End */

div#scrollbar {
  position:relative;
  bottom:0;
  left: 1px;
  width:21px; 
  height:104px;
  font-size:1px; z-index:1;
  border:0px solid #000;

  }
  
div#track {
  position: absolute;
  left: 0;
  top: 11px;
  width: 11px; 
  height: 80px;
background-color: transparent;
  z-index: 1;
  }

div#dragBar {
  position:absolute; 
  left:-1px; 
  top:1px;
  width:8px; 
  height:30px;
  background-color: transparent;
  z-index:1;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  }
    
/* Fix IE. Hide from IE Mac \*/
 * html div#dragBar {
  position:absolute;
  top:1px;
  width:8px;
  height:30px;
  background-color: transparent;
  z-index:1;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  }
/* End */


div#up { position:absolute; left:1px; top:0; z-index:2; }
div#down { position:absolute; left:1px; bottom:0; z-index:3; }

#up a img {width: 8px; height: 10px; border: 0px solid #fff; background: url(../images/png/arrows2.png) -10px -10px no-repeat; }
#up a img:hover {border: 0px; background: url(../images/png/arrows2.png) -10px 0 no-repeat; }

#down a img {width: 8px; height: 10px;border: 0px solid #fff; background: url(../images/png/arrows2.png) 0 0 no-repeat; }
#down a img:hover {border: 0px; background: url(../images/png/arrows2.png) 0 -10px no-repeat; }

.ie6 #up a img {width: 8px; height: 10px; border: 0px solid #fff; background: url(../images/png/ie6/arrows2.jpg) -10px -10px no-repeat; }
.ie6 #up a img:hover {border: 0px; background: url(../images/png/ie6/arrows2_r1_c1.jpg) -10px 0 no-repeat; }

.ie6 #down a img {width: 8px; height: 10px;border: 0px solid #fff; background: url(../images/png/ie6/arrows2.jpg) 0 0 no-repeat; }
.ie6 #down a img:hover {border: 0px; background: url(../images/png/ie6/arrows2_r1_c1.jpg) 0 -10px no-repeat; }


/* ///////////////////////////////////////////////////////////// */


/* ///////////////////////////////////////////////////////////// */


/* START secondary scrollingnavlist menu loaded by first div.navs menu */

.navcontent ul
{
float: left;
margin: 13px 0 0 0;
padding: 0;
list-style-type: none;
font-weight: normal;
width: 320px;
}
.navcontent li
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
.navcontent li.underline  
{
	list-style-type: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	height: 18px;
	
}

ul.scrollingnavlist {
display: block;
float: left;
margin: 0 0 0 0;
padding: 0;
list-style-type: none;
font-weight: normal;
background-color: transparent;
width: 320px; /* Width of Menu Items */
}

ul.scrollingnavlist li.ahrefish {
font-weight: normal;
color: #fff;
}
	
.scrollingnavlist ul li{
position: relative;
}

ul.scrollingnavlist li a
{
display: block;
text-decoration: none;
padding: 0 5px 1px 0;
border-bottom: 0;
margin: 0px;
width: 320px;
color: #999;
text-decoration: none;
}

ul.scrollingnavlist li a:hover
{
display: block;
color: #e6e6e6;
}

ul.scrollingnavlist li a.active
{
display: block;
color: #e6e6e6;
text-decoration: none;
}
	
/* Sub level menu links style */
.scrollingnavlist ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #fff;
text-decoration: none;
background-color: transparent;
padding: 1px 0 0 0;
border-bottom: 0;
}
	
/* Holly Hack for IE \*/
* html .scrollingnavlist ul li { float: left; height: 1%; }
* html .scrollingnavlist ul li a { height: 1%; }
/* End */

.scrollingnavlist ul li.underline
{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #fff;
text-decoration: none;
background-color: transparent;
padding: 1px 5px 0 1px;
border-bottom: 0;
height: 4px;
}

/* ///////////////////////////////////////////////////////////// */


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| text settings */

a {

color: #e6e6e6; text-decoration: none;}

a:hover {

color: #f7f7f7; text-decoration: none;}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: left;
	margin: 10px 0 0 0;
color: #e6e6e6;
	line-height: 1.3em;
}

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

.SlidingPanelsContent p.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 0 2px 10px;
	margin: 0;
border-bottom: 1px solid #333;
}

p.welcome  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: left;
	margin: 0px;
}

p.fourteenish {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: left;
	margin: 0px;
}




div.mainquote	{
	font-size: 12px;
	position:relative;
	left:12px; 
	top:14px;
	overflow:hidden;
	width:320px; 
	height:104px;
	z-index:100;
	float: left;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 17px;
	font-weight: normal;
	color: #ccc;
	}



/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| INDEXSPRY front page only */

#indexspry #blall {
z-index: 3008;
width: 357px;
border-top: 0px solid #333;
}

/* Fix IE. Hide from IE Mac \*/
* html #indexspry div#blall {
z-index: 3008;
width: 357px;
border-top: 0px solid #333;
}
/* End */ 

#indexspry #bl {
z-index: 3009;
float: left;
position: absolute;
left: 0;
display: block;
width: 217px;
height: 126px;
background-color: transparent;
background: transparent url(../images/png/menu_bg_over.png) repeat;
margin: 0px;
padding: 0px;
border-top: 1px solid #333;
}

.ie6 #indexspry #bl {
z-index: 3009;
float: left;
position: absolute;
left: 0;
display: block;
width: 217px;
height: 126px;
background-color: #000;
background: transparent url(../images/png/ie6/menu_bg_over.jpg) repeat;
margin: 0px;
padding: 0px;
border-top: 1px solid #333;
}

/* Fix IE. Hide from IE Mac \*/
* html #indexspry div#bl {
z-index: 3009;
float: left;
position: absolute;
left: 0;
display: block;
width: 217px;
height: 126px;
background-color: transparent;
background: transparent url(../images/png/menu_bg_over.png) repeat;
margin: 0px;
padding: 0px;
border-top: 1px solid #333;
}
/* End */ 

#bl a img {
border: 0px;
}


#indexspry #bm {
z-index: 3009;
float: right;
position: absolute;
left: 217px;
display: block;
width: 140px;
height: 126px;
background-color: transparent;
background: transparent url(../images/png/menu_bg_over.png) repeat;
border-left: 1px solid #333;
border-top: 1px solid #333;
margin: 0px;
padding: 0px;
}


.ie6 #indexspry #bm {
z-index: 3009;
float: right;
position: absolute;
left: 217px;
display: block;
width: 140px;
height: 126px;
background-color: #000;
background: transparent url(../images/png/ie6/menu_bg_over.jpg) repeat;
border-left: 1px solid #333;
border-top: 1px solid #333;
margin: 0px;
padding: 0px;
}


/* Fix IE. Hide from IE Mac \*/
* html #indexspry div#bm {
z-index: 3009;
float: right;
position: absolute;
left: 217px;
display: block;
width: 140px;
height: 127px;
background-color: transparent;
background: transparent url(../images/png/menu_bg_over.png) repeat;
border-left: 1px solid #333;
border-top: 1px solid #333;
margin: 0px;
padding: 0px;
}
/* End */ 

/* Fix IE. Hide from IE Mac \*/
* html #indexspry div#br{
display: none;
}
/* End */ 

/* Fix IE. Hide from IE Mac \*/
* html #indexspry div#br_rightone{
display: none;
}
/* End */ 

#indexspry #br{
display: none;
}

#indexspry #br_rightone{
display: none;
}

#indexspry .quoteBox {
	z-index: 3009;
background-color: #000; }


.quote {
position:absolute; top:0px; left:0px;
	z-index: 3009; } 

#indexspry .quotecontainer {
	z-index: 3009;	
	display: block;
	width: 579px;
	height: 113px;
	margin: 0;
	padding: 13px 5px 0 0;	
	position: absolute;
	left: 358px;
	top: 446px;
	font-size: 14px;
	color: #ccc;
background-color: transparent;
background: transparent url(../images/png/menu_bg_over.png) repeat;
border-left: 1px solid #333;
border-top: 1px solid #333;
} 

.ie6 #indexspry .quotecontainer {
	z-index: 3009;	
	display: block;
	width: 579px;
	height: 113px;
	margin: 0;
	padding: 13px 5px 0 0;	
	position: absolute;
	left: 358px;
	top: 446px;
	font-size: 14px;
	color: #ccc;
background-color: #000;
	background: transparent url(../images/png/ie6/menu_bg_over.jpg) repeat;

border-left: 1px solid #333;
border-top: 1px solid #333;
}

/* Fix IE. Hide from IE Mac \*/
* html #indexspry .quotecontainer {
	z-index: 3009;	
	display: block;
	width: 586px;
	height: 127px;
	margin: 0px;
	padding: 13px 5px 0 5px;	
	position: absolute;
	bottom: 3px;
	left: 358px;
	font-size: 14px;
	color: #ccc;
background-color: transparent;
background: transparent url(../images/png/menu_bg_over.png) repeat;
border-left: 1px solid #333;
border-top: 1px solid #333;
}
/* End */ 

.quotecontainer a { 
color: #999;; 
text-decoration: none; 
}
.quotecontainer a:hover { 
color: #e6e6e6;; 
text-decoration: none; 
}
	


p.newsitem {
width: 209px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	vertical-align: top;
	padding-top: 14px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: left;
	margin: 0px;
}

p.newsitem a{
text-decoration: none;
font-weight: bold;
}

p.newsitem a:hover{
text-decoration: underline;
font-weight: bold;

}

.quote {
display: none;

}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| END INDEXSPRY front page only */




#myGallery .imageElement#testit
{
	position: absolute;
	z-index: 9000;
	width: 217px;
	margin: 0px;
	left: 0;
	top: 0;
	height: 446px;
	background: #000;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
	border-right: 5px solid #333;
}

* html #myGallery .imageElement#testit
{
	bottom: -1px;
}

#myGallery .imageElement#testit h2
{
	padding: 0;
	font-size: 100%;
	margin: 0;
	margin: 10px 13px 10px 11px;
	font-weight: normal;
	color: inherit;
	color: #ccc;
	
}

#myGallery .imageElement#testit p
{
	padding: 0;
	font-size: 11px;
	margin: 2px 12px 2px 11px;
	color: #e6e6e6;
	line-height: 1.3em;
}

#myGallery .imageElement#testit ul
{
	padding: 0;
	font-size: 100%;
	margin: 2px 12px 2px 11px;
	color: #999;
	list-style-type: none;
}

body#howdesignprocess h1, body#howsustainability h1
{
	padding: 0;
	font-size: 100%;
	margin: 19px 0px 2px 0;
	padding: 5px 12px 5px 11px;
	font-weight: normal;
	color: inherit;	color: #ccc;
	background: #000;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	
}




body#index h1
{
	padding: 0;
	font-size: 100%;
	margin: 19px 0px 0 0;
	padding: 5px 12px 5px 11px;
	font-weight: normal;
	color: #ccc;
	background: #000;
	border-top: 1px solid #666;
	border-bottom: 1px solid #333;
	width: 217px;
	
}




h1
{
	padding: 0;
	font-size: 100%;
	margin: 19px 0px 0 0;
	padding: 5px 12px 5px 11px;
	font-weight: normal;
	color: inherit;	color: #ccc;
	background: #000;
	border-top: 1px solid #666;
	border-bottom: 1px solid #333;
	
}


h2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	margin: 0px;
	font-weight: bold;
	color: #999999;
}

h3 
{
	font-size: 11px;
	margin:0;
	padding: 5px 12px 5px 11px;
	font-weight: bold;
	color: inherit;	color: #ccc;
	background: #000;
	border-top: 1px solid #666;
	
}

h1 a, h2 a, h3 a {
text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
text-decoration: none;
color: #fff;
}



body#whoawards h3 
{
	font-size: 11px;
	margin:0;
	padding: 0;
	font-weight: bold;
	color: inherit;	color: #ccc;
	background: #000;
	border-top: 0px solid #666;
	
}

body#whoawards h3 a
{
	margin:0;
	padding: 5px 0px 0px 11px;
	display: block;
	height: 20px;
	width: 100%;
	border-top: 1px solid #666;
	
}

* html body#whoawards h3 a
{
	margin:0;
	padding: 5px 0px 5px 11px;
	display: block;
	height: 20px;
	width: 100%;
	border-top: 1px solid #666;
	
}


body#whoawards h3 a:hover
{
	border-top: 1px solid #ccc;
	
}

body#whoawards p {
	background-color: transparent; 
	background: transparent url(../images/png/menu_bg_over.png) repeat;
}

.ie6 body#whoawards p {
	background-color: #000; 
	background: transparent url(../images/png/ie6/menu_bg_over.jpg) repeat;
	
}


body#whoawards div#tl {
width: 217px;
height: 446px;
overflow: hidden;
}




#tl .arrowsthing a.left
{
	position: absolute;
	left: 174px;
	top: 390px;
	background: url('img/fleche1_hover.png') no-repeat bottom left;
	height: 50px;
	width: 12px;
}

#tl .arrowsthing a.left:hover
{
	position: absolute;
	left: 174px;
	top: 390px;
	background: url('img/fleche1.png') no-repeat bottom left;
}

* html #tl .arrowsthing a.left { background: url('img/fleche1.png') no-repeat bottom left;
	position: absolute; }

#tl .arrowsthing a.right
{
	position: absolute;
	left: 192px;
	top: 390px;
	background: url('img/fleche2_hover.png') no-repeat bottom left;
	height: 50px;
	width: 12px;
}

#tl .arrowsthing a.right:hover
{
	position: absolute;
	left: 192px;
	top: 390px;
	background: url('img/fleche2.png') no-repeat bottom left;
}


* html #tl .arrowsthing a.right { background: url('img/fleche2.png') no-repeat bottom left;
	position: absolute; }
	


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| IE6 repeat of above tl .arrowsthing stuff */

.ie6 #tl .arrowsthing a.left
{
	position: absolute;
	left: 174px;
	top: 390px;
	background: url('img/ie6/fleche1.jpg') no-repeat bottom left;
	height: 50px;
	width: 12px;
}

.ie6 #tl .arrowsthing a.left:hover
{
	position: absolute;
	left: 174px;
	top: 390px;
	background: url('img/ie6/fleche1.jpg') no-repeat bottom left;
}

.ie6 * html #tl .arrowsthing a.left { background: url('img/ie6/fleche1.jpg') no-repeat bottom left;
	position: absolute; }

.ie6 #tl .arrowsthing a.right
{
	position: absolute;
	left: 192px;
	top: 390px;
	background: url('img/ie6/fleche2.jpg') no-repeat bottom left;
	height: 50px;
	width: 12px;
}

.ie6 #tl .arrowsthing a.right:hover
{
	position: absolute;
	left: 192px;
	top: 390px;
	background: url('img/ie6/fleche2.jpg') no-repeat bottom left;
}


.ie6 * html #tl .arrowsthing a.right { background: url('img/fleche2.jpg') no-repeat bottom left;
	position: absolute; }