html{
	background-color: #8F9185;  /* BASE COLOUR */
}
body{
	margin:0 0px;
	padding: 16px;	
	background-color: #8F9185;  /* BASE COLOUR */
	
	font-family: Arial, serif;
	
	
}

blockquote {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background-color: #EDEBE8;
	quotes: "\201C" "\201D";
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }
p.credit{
	padding: 0px 0px 10px 0px;
	
}



/* ---- BASE COLOUR ---- */
h1, h1 a{
	color: #BBB5AA;	
}






/* ---- SITE RESET ---- */
a{  
	text-decoration: none;
	color: #9C9FA1;
}
.clearboth{
	clear :both;
}




/* ---- CORE POSITIONING ---- */

#container{	
	position: relative;
	width: 904px;
	margin: 0px auto;
	padding: 30px;
	background-color:#fff;
	font-size: 12px;
	color: #716D6D;
}

#leftColumn{
	background-color:#fff;
	float:left;
	width:216px;	
	position:relative;	
	margin-right: 10px;
	
	
}
#left-wide{
	background-color:#fff;
	float:left;
	width: 678px;/*216px + 10px + 452px*/;		
}
#center{
	background-color:#fff;
	float:left;
	width: 452px;		
}
#rightColumn{
	background-color:#fff;
	float:right;
	width:216px;
	position:relative;
	
	
}

#footer{	
	padding-top: 20px;
}













/* ---- CORE ELEMENTS ---- */

h1#masthead{ 
	display: none;
	float: left; 	
	font-size: 2.5em;
	width: 280px;
	height: 99px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	margin-bottom: 10px;
}


#logo{ 
	float: left; 
	margin: 0px 0px 10px 0px;
}
#footer{ clear: both; }



.splitContainer{
	
}
.split50a,.split50b{
	float: left;
	width: 221px;
	background-color:#fff;
}
.split50a{
	margin-right: 10px;
}




#bigQuote{
	padding: 0px 0px 10px 0px;	
	border-bottom: 1px solid #9C9FA1;
}
#bigQuote p{
	width: 220px;
	font-size: 24px;
	line-height: 32px;
	color: #8F9185;
	vertical-align: top;
}










/* SEARCH */

#bar{
	clear: both;
	border-top: 1px solid #9C9FA1;
	border-bottom: 1px solid #9C9FA1;
	height: 19px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 5px 0px;
}
#search-container{
	float: right;
	margin: 0px;	
	padding: 0px;	
	height: 18px;
	width: 222px;
}
/*
#search-bar{	
	float: left;
	height: 16px;
	width: 52px;	
	padding: 1px 3px 0px 16px;
	color: #9C9FA1;
	border: 1px solid #9C9FA1;
	background-image: url(../images/search.gif);
	background-repeat: no-repeat;
}
*/


#search .term, #search-side .term{
	padding: 1px 3px 0px 16px;
	color: #9C9FA1;
	border: 1px solid #9C9FA1;
	background-image: url(../images/search.gif);
	background-repeat: no-repeat;	
}
#search .focus, #search-side .focus{
	color: #000;	
	border: 1px solid #000;
	background-color: #FFFFCC;
	background-position: 0px -17px;
}
#search .replaced-submit, #search-side .replaced-submit{
	cursor: pointer;
	margin-left: 4px;
	float: left;
	width: 68px;
	height: 19px;
	vertical-align: top;
	background-image: url(../images/search_en.gif);
	background-repeat: no-repeat;
}

#search .replaced-submit:hover, #search-side .replaced-submit:hover{
	background-position: 0px -19px;
}





#search .term{
	float: left;
	height: 16px;
	width: 122px;		
	margin-left: 6px;
}
#search .submit{
	width: 70px;
	margin-left: 5px;	
}





#search-side{
	height: 18px;	
}
#search-side .term{	
	float: left;
	height: 16px;
	width: 122px;	
}

#search-side .submit{
	width: 68px;
	height: 19px;
	margin-left: 5px;
}

h2.search-side{
	margin-bottom: 5px;
}






/* EXTRA NAV BAR */

#extranav{
	position: absolute;
	top: 30px;
	right: 30px;	
	padding: 5px 0px;
	border-top: 1px solid #9C9FA1;
	border-bottom: 1px solid #9C9FA1;
}
	#extranav li { 
		display: inline; 
		margin-left: 5px;
		margin-right: 5px;  
		padding-left: 10px;
		background-image: url(../images/navlist.gif);
		background-repeat: no-repeat;
		background-position: top left;		
	}
	#extranav li.first{
		margin-left: 5px;
		padding-left: 0px;	
		margin-right: 0px;
		background-image: none;
	}
#extranav a {font-weight: bold; }
#extranav a:link {color: #999}
#extranav a:visited {color: #999}

#extranav a:active {color: #999}


/* ---- NAV BAR - Horizontal Main Nav ---- */

#navbar{
	float: left;
}
ul#navbar
{	
	padding:0px;
	margin: 0;
	margin-top: 2px;	
	list-style-type: none;
	float: left;	
}
ul#navbar li { 
	display: inline; 	
	margin-left: 5px;
	padding-left: 10px;
	background-image: url(../images/navlist.gif);
	background-repeat: no-repeat;
	background-position: top left;
	
}

ul#navbar li.first { 
	margin-left: 0px;
	padding-left: 0px;
	background-image: none;
}
ul#navbar li.search{
	
}
ul#navbar a {font-weight: bold; }
ul#navbar a:link {color: #999}
ul#navbar a:visited {color: #999}
ul#navbar a:hover {color: #666}
ul#navbar a:active {color: #999}

ul#navbar a.active:link {color: #333}
ul#navbar a.active:visited {color: #333}






/* ----FOOTER NAV - Horizontal Footer Nav---- */

ul#footnav
{	
	border-top: 1px solid #999;
	padding-top: 10px;
}
ul#footnav li { 
	display: inline; 
	margin-right: 10px;
}
ul#footnav a {
	color: #999;
}
ul#navbar a:active {color: #999}
ul#footnav a.active:link {color: #333}
ul#footnav a.active:visited {color: #333}





/* ---- NAV LIST - Vertical left side Nav ---- */



#navlist{
	margin-bottom: 10px;	
	clear: both;	
		
}
#navlist li{
	background-color: #4D4C4C;
	padding: 2px 5px;
	margin-bottom: 2px;	
	color: #000;
}
#navlist a{
	color: #fff;
}
#navlist a.current{
	font-weight: bold;	
	
}

#navlist .l1{
	background-color: #4D4C4C;
}
#navlist .l2{
	background-color: #8F9185;
}
#navlist .l3{	
	background-color: #BEB5AC;
}
#navlist .l4{	
	background-color: #efefef;
}


#navlist a.l4{
	color: #4D4C4C;
}
#navlist a.l4_sub{
	color: #8F9185;
}
#navlist a.l4_active{
	color: #ffffff;
}




.navlistDivider{
	margin: 0px;
	padding: 0px;
	color: #fff;
	border: 0px solid #999;
	border-bottom: 1px dotted #999;
}
.navlistPromo{
	clear: both;	
	padding: 8px 10px 10px 0px;
}
.navlistPromo h4{
	
	color: #333;	
}
.navlistPromo a{	
	color: #333;	
	font-weight: bold;
}
.navlistPromo p{
	
	color: #666;	
}

.navlistPromo img{
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	display:block;
}






/* ---- BIG LIST - Vertical right side nav ---- */

#right-blocks{
	background-color: #fff;
	margin-left: 0px;
	margin-right: 0px;
}
#right-blocks .block{
	padding: 10px;
	color: #fff;
	margin-bottom: 3px;
	background-image: url(../images/biglist.gif);
	background-position: bottom right;
	background-repeat: no-repeat;	
}
#block-1{
	background-color: #CE7560;
}
#block-2{
	background-color: #7EB05F;
}
#block-3{
	background-color: #E3DB2E;
}
#block-4{
	background-color: #AEA552;
}
#block-5{
	background-color: #E96535;
}
#block-6{
	background-color: #2298BF;
}
#block-7{
	background-color: #D4412C;
}

#right-blocks h4{	
	font-size: 138.5%;
	margin-bottom: 5px;
}

#right-blocks a{
	color: #fff;
}
#right-blocks ul{

}
#right-blocks li{
	margin-bottom: 5px;
}
#right-blocks .strong{
	font-weight: bold;
}
#right-blocks p{
	margin-bottom: 5px;
}







#biglist{
	background-color: #fff;
	margin-left: 0px;
	margin-right: 0px;
}
ul.biglist{
	background-color: #fff;	

}
ul.biglist li{		
	margin-bottom: 3px;	
	height: 66px;
	background-image: url(../images/biglist.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	
}
.biglist p{			
	padding-top: 42px;		
	padding-left: 7px;
}
.biglist h4{			
	padding: 10px 0px 0px 10px;
	color: #fff;
	font-size: 138.5%;
}
.biglist a{			
	color: #fff;
	font-size: 138.5%;
}
.biglist span{			
	margin: 0px;
	padding: 0px;
}



ul.biglist .c1{
	background-color: #CE7560;
}
ul.biglist .c1js{
	background-image: url(../images/biglist/case_studies.gif);
}
ul.biglist .c2{
	background-color: #7EB05F;
}
ul.biglist .c2js{
	background-image: url(../images/biglist/education.gif);
}
ul.biglist .c3js{
	background-image: url(../images/biglist/training.gif);
}
ul.biglist .c3{
	background-color: #E3DB2E;
}

ul.biglist .c4js{
	background-image: url(../images/biglist/design_review.gif);
}
ul.biglist .c4{
	background-color: #AEA552;
}

ul.biglist .c5js{
	background-image: url(../images/biglist/my_square_mile.gif);
}
ul.biglist .c5{
	background-color: #E96535;
}

ul.biglist .c6js{
	background-image: url(../images/biglist/publications.gif);
}
ul.biglist .c6{
	background-color: #2298BF;
}


ul.biglist .c7{
	background-color: #D4412C;
}

ul.biglist .c7js{
	background-image: url(../images/biglist/events.gif);
}