@charset "UTF-8";
/* COLOURS


*/

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/back_home.png) repeat-x #156e8b;
	}


p{
	line-height: 15pt;
	font-size: 11pt;
	}	

/*** LINKS ***/
a{
	color: #34c3ec;
	}
	
a:hover{
	color: #12315b;
	}

a.blue_light{
	color: #b3cdde;
	}
	
	a.blue_light:hover{
	color: #34c3ec;
	}	
		
a.home_featured{
	display:block;
	width: 373px;
	height: 36px;
	background: url(../images/btn_featured_project.jpg) no-repeat 0 0;
	text-indent: -900em;
	}
	
	a.home_featured:hover{
	background: url(../images/btn_featured_project.jpg) no-repeat 0 -36px;
	}


a.vcard{
	display: none;
	}
	
a.email{
	display: none;
	}


/*** PAGINATION ***/		
#pagination{
		display: none;
		}
		
		#pagination a{
		color: #434141;
		text-decoration:none;
		}
		
		#pagination a:hover{
		color: #7e7e7e;
		}
		
		#pagination span{
			color: #28b2f0;
			}	

a.previous{
	margin-right: 3px;
	}
	
a.next{
	margin-left: 3px;
	}
	
a.view_all{
	display:inline-block;
	margin-left: 15px;
	}

/*** LAYOUT ***/

#container{
	width: 950px;
	margin: 0 auto;
	font-size: 11pt;
	margin-top: 59px;
	text-align:left;
	background:url(../images/container_back.png) repeat-y;
	border-bottom: 1px solid #12335d;
	position:relative;
	color:#666666;
	}

#home #container{
	border-bottom: 1px solid #000;
	}


#logo_indigo{
	display: none;
	}

#logo_indigo_print{
	position:absolute;
	top: 5px;
	left: 35px;
	width: 93px;
	height: 44px;
	}

#top_nav{
			display: none;
			}

#banner{
	display:none;
	}
	
#header{
	background:url(../images/header_top.png) no-repeat top;
	height: 51px;
	}


#main_nav{
			display: none;
			}
			
			

div#search_top{
	display: none;
	}

div.input_wrapper{
	background: transparent url(../images/search_back.png) no-repeat;	
	height:23px;
	width:163px;
	}
	
.textfield{
	margin: 5px 0 0 5px;
	height:18px;
	width:153px;
	border:solid 0 #fff;
	color: #9e9e9e;
	background: transparent;
	font-size: 10px;
	}
	
div#search_top input.btn_go{
	display: none;
	}

/******** HOME PAGE ********/	

#home_banner_top{
	clear: both;
	width: 950px;
	height: 320px;
	background: url(../images/home_banner_top.jpg) no-repeat;
	
	}


#home_banner_left{
	float:left;
	width: 577px;
	}
	
#home_banner_right{
	float:left;
	width: 373px;
	}
	
	#home_banner_right #description{
		width: 373px;
		height: 103px;
		background:url(../images/home_featured_back.jpg) no-repeat;
		}
		
		#home_banner_right #description p{
			margin-left: 21px;
			}
		
		#home_banner_right #description .title{
			color: #b3cdde;
			font: 1.2em;
			
			font-weight: bold;
			padding: 7px 0 7px 0;
			}
		
		#home_banner_right #description p.desc{
			color: #6d7a8b;
			font-size: 1em;
			line-height: 1.2em;
			font-weight: normal;
			padding-right: 7px;
			}
			
/**** SECTIONS ****/

#heading{
	display: none;
	}
	
	#heading h1{
	text-indent: 0;
	font-size: 25pt;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 12px 0 0 11px;
	}
		
	
#middle{
	background: #FFFFFF;
	}
	
#home #middle{
	background: none;
	}

	#bread_crumbs{
	display: none;
	}
		

			
		
		#toolbar{
		display: none;
		}
		
	
	
	#section_column_left{
	display: none;
	}
	
		
						
			#content{
			width: 70%;
			float:left;
			}
			
				#content h2{
				border-bottom: 0px solid #e8e8e8;
				font-size: 20pt;
				padding-left: 5px;
				padding-bottom: 8px;
				font-weight: normal;
				}
				
				#content div.border{
				display: none;
				}
				
				#content h3{
				font-size: 13pt;
				color:#1FAFEF;
				font-weight: bold;
				line-height: 1.4em;
				margin-bottom: 24px;
				padding-left: 5px;
				}
				
				#content h3.title{
				font-size:16pt;
				color:#000000;
				font-weight: normal;
				margin-bottom: 16px;
				}
				
				#content h4{
				color: #1FAFEF;
				font-size: 11pt;
				font-weight:bold;
				margin-bottom: 9px;
				padding-left: 5px;
				}
				
				#content h4.lowered{
				padding-top: 30px;
				}
				
				#content p{
				line-height: 15pt;
				font-size: 11pt;
				color:#666666;
				margin-bottom: 20px;				
				padding-left: 5px;
				}					
	
		#section_column_right{
		width: 170px;
		float:left;
		padding-top: 5px;
		padding-bottom: 10px;
		margin-left: 10px;
		}
		
			#section_column_right h2, #section_column_right h3{
			color: #28b2f0;
			}
			
			#section_column_right h2{
			font-size: 1.1em;
			margin-bottom: 18px;
			font-weight:bold;
			}
					
			#section_column_right h3{
			font-size: 1.0em;
			margin-bottom: 0.9em;
			line-height: 1.3em;
			}
			
			#section_column_right h3 span{
			color: #666;
			font-weight: normal;
			}
			
				#section_column_right h3 a{
				color: #28b2f0;
				}
				
				#section_column_right h3 a:hover{
				color:#10385a;
				}
			
			#section_column_right ul{
			line-height: 1.4em;
			margin-bottom: 1.5em;
			list-style: none;
			margin-left: 0;
			padding-left: 0;
			}
			
			#section_column_right span.date{
			font-size: 1em;
			font-weight:normal;
			color: #000;
			display:block;
			margin-bottom: 0.8em;
			}
			
			#section_column_right p{
			font-size: 1em;
			line-height: 1.2em;
			}
			
			#section_column_right p.read_more{
			margin-top: 5px;
			margin-bottom: 2em;
			}
				
				#section_column_right p.read_more a, #section_column_right p.email a, #section_column_right p.vcard a{
				text-decoration:underline;
				}
			
			#section_column_right p.email{
			margin-bottom: 10px;
			}
				
				
		
/**** DIRECTORS ****/

#content div.director{
	width: 112px;
	float:left;
	margin: 0 21px 20px 0;
	}
	
	#content div.last_director{
	margin-right: 0;
	}
	
	#content div.director img{
	border: 1px solid #dbdbdb;
	margin-bottom: 8px;
	}
	
	#content div.director p{
	padding-left: 0;
	margin-bottom: 3px;
	width: 100px;
	}
	
	#content div.director p.name{
	font-weight: bold;
	color: #000000;
	}
	
/**** DETAIL ****/	
#content div.director_wrapper{
	position:relative;
	height: 1%;
	}


#content div.director_detail{
	position:relative;
	margin-bottom: 16px;
	}
	
	#content div.director_detail img{
	border: 1px solid #dbdbdb;
	}
	
	#content div.director_detail div.info{
	position:absolute;
	left: 125px;
	bottom: -0.4em;
	width: 200px;
	}
	
	#content div.director_detail p.name{
	font-weight: bold;
	color: #000000;
	font-size: 1.8em;
	line-height: 1.4em;
	margin-bottom: 0;
	}
	
	#content div.director_detail p.position{
	font-weight: normal;
	color: #666;
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 0;
	}
	
	div#qTip {
	 padding: 6px 20px 6px 20px;
	 border: 1px solid #666;
	 display: none;
	 background: #12315b;
	 color: #FFF;
	 font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	 text-align: left;
	 position: absolute;
	 z-index: 1000;
	}

	
	
		
/**** END DIRECTORS ****/	



/**** PROJECTS ****/

div.project{
	float:left;
	width: 158px;
	margin: 0 10px 12px 0;
	}
	
	div.last_project{
	margin-right: 0;
	}
	
	div.row{
	clear:both;
	}
	
	#content div.project p.title{
	margin: 5px 0;
	width: 152px;
	text-align:center;
	font-weight: bold;
	color:#000000;
	}
	
	div.project a.read_more{
	margin: 0 auto;
	width: 152px;
	}
	

	
	#content ul.related{
	padding-left: 5px;
	font-size: 1.1em;
	}
	
	#content ul.related li{
	background: url(../images/arrow_gray.jpg) no-repeat 0 0.7em;
	padding-left: 17px;
	line-height: 2em;
	}
	
		#content ul.related li a{
		color: #666;
		}
		
		#content ul.related li a:hover{
		color: #1FAFEF;
		}

img.project_large{
	margin-left: 5px;
	margin-bottom: 26px;
	}
	

#section_column_right p.label{
	color:#000000;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 3px;
	}
	
#section_column_right p.desc{
	color:#666;
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 1.1em;
	}

#section_column_right ul.pics{
	margin-top: 30px;
	}

#section_column_right ul.pics li{
	margin-bottom: 20px;
	}
	
	

/**** END PROJECTS ****/


/**** NEWS AND PUBLICATIONS ****/

/*** NEWS ***/
dl#news_list{
	margin-top: -5px;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 2px;
	margin-bottom: 20px;
	} 
	
dl#news_list dt{
	padding: 5px;
	line-height: 1.4em;
	overflow:hidden;
	}
	
dl#news_list dd{
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 0px;
	line-height: 1.4em;
	width: 514px;
	}
	
	dl#news_list dd.last_news{
	border-bottom: 0px solid #e8e8e8;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

#content dl#news_list dd p{
	max-width: 500px;
	width: 500px;
	}

dl#news_list p.btn_close{
	margin-bottom: 5px;
	text-align:right;
	}
	
	dl#news_list dd.last_news p.btn_close{
	margin-bottom: 15px;
	}


dl#news_list span.title{
	float:left;
	width: 380px;
	font-size: 1.1em;
	font-weight:bold;
	}	
	
	dl#news_list span.title_opened, dl#news_list span.title_opened a{
	color: #000;
	}
	
	
	dl#news_list span.title_closed, dl#news_list span.title_closed a{
	color: #666;
	}

a.btn_arrow{
	width: 14px;
	height: 14px;
	display:block;
	}

a.btn_arrow_opened{
	background:url(../images/arrow_circle_blue_down.jpg) no-repeat;
	}
	
a.btn_arrow_closed{
	background:url(../images/arrow_circle_blue.jpg) no-repeat;
	}

a.btn_close{
	display: none;
	}
	
dl#news_list span.date{
	float:left;
	width: 80px;
	font-size: 1em;
	color: #3b3b3b;
	margin-left: 15px;
	text-align:center;
	}	
	
dl#news_list span.button{
	float:right;
	width: 14px;
	}	


		

			
			

div.publication{
	float:left;
	width: 116px;
	border: 1px solid #e2e2e2;
	border-bottom: none;
	background:url(../images/publication_shadow_bottom.jpg) no-repeat bottom;
	padding-bottom: 7px;
	margin: 0 13px 12px 0;
	text-align:center;
	}
	
	div.last_publication{
	margin-right: 0;
	}
	
	div.row{
	clear:both;
	}
	
	#content div.publication p.title{
	margin: 5px 0;
	width: 116px;
	text-align:center;
	font-weight: bold;
	color:#000000;
	}
	
	div.publication a.read_issue{
	margin: 0 auto;
	width: 108px;
	display:block;
	padding-bottom: 29px;
	background:url(../images/btn_read_issue.jpg) no-repeat bottom;
	}
	
		div.publication a.read_issue:hover{
		background:url(../images/btn_read_issue_over.jpg) no-repeat bottom;
		}

/**** END NEWS AND PUBLICATIONS ****/

	
#bottom_stripe{
	display: none !important;
	} 
	
#footer{
	display: none;
	}
	
	

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}