<style type="text/css">


body { padding: 0px; margin: 0px; background: #fff; }



.base {	width: 960px;
	height: 463px;
	left: 50%;
	top: 50%;
	margin-left: -480px;
	margin-top:-232px;
	position: absolute;
	border:none;
	color:#f00; } 	
	
	
.image {position: absolute; }

	#csa_logo { width: 55px; left: 0px; top: 15px}
	#csa_text { width: 148px; left: 73px; top: 15px}
	
	#sussex_street {width:510px ; left: 300px; top: 140px }
	#project_images {width:575px ; left: 360px; top: 140px ;}	
	#project_strip {width:185px ; left: 360px; top: 140px ;}	
	#riba_logo {width:100px; left:0px; top: 270px;}
	#riba_logo_all {width:100px; left:360px; top: 15px;}
	#news_images {width:535px ; left: 360px; top: 220px ;}
	#news_images_small {height:190px ; left: 360px; top: 250px ;}		
	#news_images_newmills {width:575px ; left: 360px; top: 250px ;}	
	#architectinthehouse {width:80px ; left: 0px; top: 360px ;}	
		
.what_diagram {position: absolute; }
	#blob_1 {width:40px; left:638px; top:200px;}
	#blob_2 {width:40px; left:638px; top:247px;}		
	
	#what_1 {width:75px; left:675px; top:140px}
	#line_1 {width:2px; left:710px; top:168px;}	
	#what_2 {width:75px; left:675px; top:188px}
	#line_2 {width:2px; left:710px; top:216px;}	
	#what_4 {width:75px; left:675px; top:236px}	
	
	#what_3 {width:75px; left:620px; top:284px}	
	#what_3a {width:75px; left:730px; top:284px}	
	

	#line_3 {width:2px; left:710px; top:264px;}	
	#what_5 {width:75px; left:675px; top:332px}		
	#line_4 {width:2px; left:710px; top:312px;}	
	#what_6 {width:75px; left:675px; top:380px}
	#line_5 {width:2px; left:710px; top:360px;}		
	#what_7 {width:75px; left:675px; top:428px}	
	#line_6 {width:2px; left:710px; top:408px;}			
	#what_8 {width:75px; left:675px; top:476px}	
	
	
	#PA_1 {width:50px; left:587px; top:185px;}
	#PA_2 {width:50px; left:587px; top:235px;}	
	
	#diagonal_3 {width:15px; left:682px; top:315px;}	
	#diagonal_4 {width:15px; left:727px; top:315px;}
	#diagonal_5 {width:15px; left:682px; top:265px;}	
	#diagonal_6 {width:15px; left:727px; top:265px;}	
	

	

	

	
			
.maps {position:absolute; top:140px; }

	#map_1 {top:140px; left: 360px }
	#map_2 {top:140px; left: 540px }
	#map_3 {top:140px; left: 718px }
	#map_big {left:360px }
	
.graphics {position: absolute;}	
	#line_pink {height:85px ; top: 355px; left: 15px }
	#green_line {width:945px ; top: 78px; left: 0px }
	#infobox {width:300px ; top: 430px; left: 35px }
	#infobox_sub {width:135px ; top: 171px; left:160px }

.key_image {position: absolute; top:180px; width:100px; }

	#key_1	{left: 385px; }	
	#key_2	{left: 510px; }	
	#key_3	{left: 625px; }		
	#key_4	{left: 740px; }		
	#key_5	{left: 855px; }		
		
.circles {position: absolute; width: 19px; left: 0px }
	
	#circle_large_1 { top: 139px }
	#circle_large_2 { top: 193px }
	#circle_large_3 { top: 248px }
	#circle_large_4 { top: 302px }
	#circle_large_5 { top: 355px }


.buttons {position: absolute; width: 125px; left: 35px }	
	#button_large_1 { top: 136px }
	#button_large_long_1 { top: 136px;width:110px }
	#button_large_2 { top: 190px }	
	#button_large_3 { top: 244px }	
	#button_large_4 { top: 298px }	
	#button_large_5 { top: 352px }	
		
.circles_small {position: absolute; width: 16px; left: 145px }
	#circle_small_1 { top: 139px }
	#circle_small_2 { top: 166px }
	#circle_small_3 { top: 193px }		
	#circle_small_4 { top: 220px }
	#circle_small_5 { top: 247px }
	#circle_small_6 { top: 274px }
	#circle_small_7 { top: 301px }
	
	
.squares {position: absolute; width: 12px; top: 460px }

	#square_6 { left: 516px }
	#square_5 { left: 492px }
	#square_4 { left: 468px }		
	#square_3 { left: 444px }
	#square_2 { left: 420px }
	#square_1 { left: 396px }
	#square_description { left: 360px }

.text_blurb {font-family: helvetica; font-size: 10px;color: 868685; position: absolute; width: 280px; left:32px; top:355px; }

.text_main {font-family: helvetica; font-size: 10px;color: #333; position: absolute; width: 575px; left:360px; top:140px; }

	#text_what {width: 225px} 
	#text_green {color: 9bcb52; left:365px; top:180px;}

.text_what {font-family: helvetica; font-size: 9px;color: #333; position: absolute; width: 135px; right:0px; }
 #text_what_1 {top:140px; }
 #text_what_2 {top:140px; }
 #text_what_3 {top:140px; }
 #text_what_4 {top:140px; }
 #text_what_5 {top:140px; }
 #text_what_6 {top:140px; } 
 #text_what_7 {top:140px; } 
 #text_what_8 {top:140px; }  
		
.text_contact {font-family: helvetica; font-size: 10px;color: #333; position: absolute; width: 300px; left:360px; top:302px; }
#text_contact_email {width:100px; top: 400px;}

.text_click {font-family: helvetica; font-size: 9px;color: #333; position: absolute; width: 300px; left:360px; top:270px; }
#text_click_back {left:360px; top:400px;}

.project_desc {font-family: helvetica; font-size: 10px;color: #333; position: absolute; width:375px; left: 585px; top:140px; }

.text_project_info {font-family: helvetica; font-size: 10px;color: #333; position: absolute; width: 200px; right:25px; top: 450px;}
#project_info_1 {right:25px;}

#news {top: 430px;left:110px;}

.text {font-family: helvetica; font-size: 10px;color: #333; position: absolute; }	
	#project_summary{ width: 300px; left:365px; top: 460px;  }
	#riba {width: 300px; left:360px; top:460px; }

	
	
.main_options {font-family: impact  ; font-size: 13px;color: 636363; position: absolute; left:28px; }	
.main_options_grey {font-family: impact; font-size: 13px;color: #A3A3A3; position: absolute; left:28px; }
	#main_1 { width: 100px; top: 140px;  }
	#main_2 { width: 100px; top: 194px;  }
	#main_3 { width: 100px; top: 248px;  }
	#main_4 { width: 150px; top: 302px;  }
	#main_5 { width: 100px; top: 356px;  }

.sub_options {font-family: helvetica; font-size: 10px;color: #333; position: absolute; left:165px; }	
.sub_options_grey {font-family: helvetica; font-size: 10px;color: #A3A3A3; position: absolute; left:165px; }			
	#sub_1 { width: 150px; top: 140px;  }
	#sub_2 { width: 150px; top: 167px;  }
	#sub_3 { width: 100px; top: 194px;  }	
	#sub_4 { width: 100px; top: 221px;  }
	#sub_5 { width: 100px; top: 248px;  }
	#sub_6 { width: 100px; top: 275px;  }
	#sub_7 { width: 150px; top: 302px;  }
	
	#news_1 { width: 200px; top: 140px; left: 145px  }
	#news_2 { width: 200px; top: 167px;  left: 145px }
	#news_3 { width: 200px; top: 194px; left: 145px  }	
	#news_4 { width: 200px; top: 221px; left: 145px  }
	#news_5 { width: 200px; top: 248px; left: 145px  }
	#news_6 { width: 200px; top: 275px; left: 145px  }
	#news_7 { width: 200px; top: 302px; left: 145px  }	
	#news_8 { width: 200px; top: 329px; left: 145px  }		
	#news_9 { width: 200px; top: 356px; left: 145px  }	
	#news_10 { width: 200px; top: 383px; left: 145px  }	
	
.circles_tiny {position: absolute; width: 12px; left: 175px }

	#circle_tiny_1 { top: 300px }
	#circle_tiny_2 { top: 327px }
	#circle_tiny_3 { top: 354px }		
	#circle_tiny_4 { top: 381px }
	#circle_tiny_5 { top: 408px }
	#circle_tiny_6 { top: 435px }
	#circle_tiny_7 { top: 462px }
	#circle_tiny_8 { top: 489px }
	
.projects {font-family: helvetica; font-size: 10px;color: #333; position: absolute; left:196px; }	
.projects_grey {font-family: helvetica; font-size: 10px;color: #A3A3A3; position: absolute; left:196px; }			
	#projects_1 { width: 150px; top: 300px;  }
	#projects_2 { width: 150px; top: 327px;  }
	#projects_3 { width: 150px; top: 354px;  }	
	#projects_4 { width: 150px; top: 381px;  }
	#projects_5 { width: 150px; top: 408px;  }
	#projects_6 { width: 150px; top: 435px;  }
	#projects_7 { width: 150px; top: 462px;  }	
	#projects_8 { width: 150px; top: 489px;  }	
	
	
	
.text_small {font-family: helvetica ; font-size: 9px;color: #333; position: absolute; }	

	#click { width: 140px; right: 0px; top: 450px}
	#address { width: 350px; right: 50px; top: 20px}
	#numbers {width:100px ; right: 0px; top: 20px }
	#email {width:150px ; right: 250px; top: 32px }
	#what_diagram {width: 125px; right:0px; top:120px; color:9b9999; font-size: 9px}	
</style>