@charset "utf-8";

		body {
			background-color: white;
			margin: 0;
			font-family: sans-serif;
			font-size: 13px;
			color: #667;
			line-height: 20px;
			font-weight: 700;
			font-style: italic;
		}
		
		body a {
		font-style:italic;
		font-weight:700;
		color: #ee3824;
		text-decoration: none;
		}
		
		body a:hover {
		color: #ee3824;
		}
		
		.images a img {border: 2px solid #ee3824;}			
		.images a:hover img {border: 2px solid #fff;}
					
		
		.big-about {
			font-family: sans-serif;
			font-size: 15px;
			line-height: 23px;
			}
		
		.big {
			font-family: sans-serif;
			font-size: 15px;
			}
			
		.small {
			font-family: sans-serif;
			font-size: 10px;
			font-weight: 700;
			font-style: italic;
			line-height: 12px;}
				
		.newsheading {font-family: sans-serif; font-size: 30px; font-style:italic; font-weight:700; color:#ee3824; line-height:42px;}
		.newsheading-spacing {font-family: sans-serif; font-size: .4em; color:#fff; line-height:15px;}
		

/* MAIN FRAME +.........................................................................................................................*/

	#main {
	overflow: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40%;
	margin-top: -273px;
	height: 499px;
	width: 80%;
	}

		#ioana-position {
		position: absolute;
		left: 50%;
		top: 50%;
		display: block;
		text-align: left;
		margin-left: -40%;
		margin-top: 0px;
		}
		
		#ioana-position2 {
		margin:0 0 0 -80px;}
							
		#ioana {
		display: block;
		width: 35px;
		height: 126px;
		background-position: left;
		margin-top: 100px;
		margin-left: 28px;
		background: url('ioana.gif') no-repeat;
		text-decoration: none;
		}					
				#ioana:hover {
				background-position: right;
				}


/* PAGES CONTENT................................................................................................................*/

		#title {position: absolute; top: 2px;left: 1px; width: 450px; text-align:left; display: block;}
		.project {font-family: helvetica, arial, sans-serif; font-weight:700; font-style:italic; font-size: 30px; color:#ee3824;}
		
		#content-text {
		position: absolute; 
		top: 34px;
		left: 1px;
		width: 450px;
		text-align: left;
		}	
		
		#about {
		overflow:hidden;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -40%;
		margin-top:-273px;
		height: 499px;
		width: 80%;
		}
		
		#about-text {
		position: absolute; 
		top: -4px;
		left: 1px;
		width: 540px;
		text-align: left;
		z-index:2;
		}
		
		#news {
		overflow: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -40%;
		margin-top:-273px;
		height: 499px;
		width: 80%;
		}
		
		#news-bar {
		position: relative;
		left: 1px;
		top: 34px;
		width: 540px;
		height: 1px;
		background-color:#ee3824;
		}	
		
		#news-bar-month {
		position: relative;
		left: 1px;
		top: 0px;
		width: 540px;
		height: 1px;
		background-color:#ee3824;
		}
		
		p.news-top {margin-top: 27px; width: 540px;}
		p.news-month {margin-top: 30px; width: 540px;}
		p.news-project {margin-top: 34px; width: 540px;}
		p.news-text1 {margin-top: -15px; width: 540px;}
		p.news-text2 {margin-top: 5px; width: 540px;}
		p.news-image {margin-top: 14px; width: 540px;}
		
		p.first {margin-top: 0; text-align: left;}
		p.second {margin-top: -1px; text-align: left;}
		p.break {margin-top: 0px; text-align: left;}
		p.break-about {margin-top: 22px; text-align: left;}
		p.break-about2 {margin-top: 0px; text-align: right; width: 529px;}
		p.break-thesis {margin-top: -8px; text-align: left;}
		
		.image-spacing img {
		float: left;  		
		margin-right: 7px;
		}
			.image-spacing a img {
			border: 2px solid #ee3824;
			}			
			.image-spacing a:hover img {
			border: 2px solid #fff;
			}
		
		
/* PROJECT PAGE MENU ...................................................................................................................*/

	#menu-bar {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40%;
	margin-top:-273px;
	height: 518px;
	width: 80%;
	align: right;
	}
	
		ul#nav {
		position: absolute;
		font-size: 1em;
		font-style:italic;
		font-weight:700;
		color: #ee3824;
		top: 518px;
		width: 770px;
		text-align:center;
		margin:0;
		z-index:3;
		}
		
		ul#nav, ul#nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
			ul#nav li {
			position: relative;
			float: left;
			width:154px;
			height:30px;
			line-height:27px;
			}
				ul#nav li a {
				display:block;
				text-decoration: none;
				color: #fff;
				height:30px;
				line-height:27px;
				width:154px;
				text-align:center;
				background-color: #ee3824;
				}	
			
			
			#nav li ul {
			position: absolute;
			font-size: 10px;
			left: 0;
			bottom:30px;
			margin-left:-999em;
			}
				ul#nav li ul a {
				display:block;
				text-decoration: none;
				color: #fff;
				height:25px;
				line-height:24px;
				width:154px;
				text-align:center;
				}
				

		/* this sets all hovered lists to red and current item */
		 #nav li:hover a, #nav li.over a, #nav li:hover li:hover a, #nav li.over li.over a {
			color: #fff;
			background-color:#ee3824;
		}
		
		/* set dropdown to default */
		#nav li:hover li a {
			color: #fff;
			background-position:0 0;
		}
		ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.over ul, ul#nav li li.over ul, ul#nav li li li.over ul {
			margin-left:0;
		}

#back {
	position: absolute;
	top: 522px;
	width: 100%;
	text-align:right;
	}

.menu-bigger {font-size: 1em; font-style:italic; font-weight:700;}
.menu-bigger a {color: #ee3824;}



/* PROJECT MENU BUTTONS LOCATION................................................................................................................*/

		#menu-projects {
		overflow:hidden;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -40%;
		margin-top:-275px;
		height: 520px;
		width: 80%;
		z-index:2;
		}
			
		#menu-project-names {
		overflow:hidden;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -40%;
		margin-top:-275px;
		height: 520px;
		width: 80%;
		z-index:1;
		font-size: 1em;
		font-style:italic;
		font-weight:700;
		line-height: 12px;
		color: #ee3824;		
		}
		
		#row1cell1 {position: absolute; left: 0px; top: 0px; text-align:center; height: 39px; width: 198px;}
		#row1cell2 {position: absolute; left: 205px; top: 0px; text-align:center; height: 39px; width: 198px;}
		#row1cell3 {position: absolute; left: 410px; top: 0px; text-align:center; height: 39px; width: 198px;}
		#row1cell4 {position: absolute; left: 615px; top: 0px; text-align:center; height: 39px; width: 198px;}
		
		#row2cell1 {position: absolute; left: 0px; top: 46px; text-align:center; height: 39px; width: 198px;}
		#row2cell2 {position: absolute; left: 205px; top: 46px; text-align:center; height: 39px; width: 198px;}
		#row2cell3 {position: absolute; left: 410px; top: 46px; text-align:center; height: 39px; width: 198px;}
		#row2cell4 {position: absolute; left: 615px; top: 46px; text-align:center; height: 39px; width: 198px;}
		
		#row3cell1 {position: absolute; left: 0px; top: 92px; text-align:center; height: 39px; width: 198px;}
		#row3cell2 {position: absolute; left: 205px; top: 92px; text-align:center; height: 39px; width: 198px;}
		#row3cell3 {position: absolute; left: 410px; top: 92px; text-align:center; height: 39px; width: 198px;}
		#row3cell4 {position: absolute; left: 615px; top: 92px; text-align:center; height: 39px; width: 198px;}
		
		#row4cell1 {position: absolute; left: 0px; top: 138px; text-align:center; height: 39px; width: 198px;}
		#row4cell2 {position: absolute; left: 205px; top: 138px; text-align:center; height: 39px; width: 198px;}
		#row4cell3 {position: absolute; left: 410px; top: 138px; text-align:center; height: 39px; width: 198px;}
		#row4cell4 {position: absolute; left: 615px; top: 138px; text-align:center; height: 39px; width: 198px;}
		
		#row5cell1 {position: absolute; left: 0px; top: 184px; text-align:center; height: 39px; width: 198px;}
		#row5cell2 {position: absolute; left: 205px; top: 184px; text-align:center; height: 39px; width: 198px;}
		#row5cell3 {position: absolute; left: 410px; top: 184px; text-align:center; height: 39px; width: 198px;}
		#row5cell4 {position: absolute; left: 615px; top: 184px; text-align:center; height: 39px; width: 198px;}
		
		#row6cell1 {position: absolute; left: 0px; top: 230px; text-align:center; height: 39px; width: 198px;}
		#row6cell2 {position: absolute; left: 205px; top: 230px; text-align:center; height: 39px; width: 198px;}
		#row6cell3 {position: absolute; left: 410px; top: 230px; text-align:center; height: 39px; width: 198px;}
		#row6cell4 {position: absolute; left: 615px; top: 230px; text-align:center; height: 39px; width: 198px;}
		
		#row7cell1 {position: absolute; left: 0px; top: 276px; text-align:center; height: 39px; width: 198px;}
		#row7cell2 {position: absolute; left: 205px; top: 276px; text-align:center; height: 39px; width: 198px;}
		#row7cell3 {position: absolute; left: 410px; top: 276px; text-align:center; height: 39px; width: 198px;}
		#row7cell4 {position: absolute; left: 615px; top: 276px; text-align:center; height: 39px; width: 198px;}
		
		#row8cell1 {position: absolute; left: 0px; top: 322px; text-align:center; height: 39px; width: 198px;}
		#row8cell2 {position: absolute; left: 205px; top: 322px; text-align:center; height: 39px; width: 198px;}
		#row8cell3 {position: absolute; left: 410px; top: 322px; text-align:center; height: 39px; width: 198px;}
		#row8cell4 {position: absolute; left: 615px; top: 322px; text-align:center; height: 39px; width: 198px;}
		
		#row9cell1 {position: absolute; left: 0px; top: 368px; text-align:center; height: 39px; width: 198px;}
		#row9cell2 {position: absolute; left: 205px; top: 368px; text-align:center; height: 39px; width: 198px;}
		#row9cell3 {position: absolute; left: 410px; top: 368px; text-align:center; height: 39px; width: 198px;}
		#row9cell4 {position: absolute; left: 615px; top: 368px; text-align:center; height: 39px; width: 198px;}
		
		#row10cell1 {position: absolute; left: 0px; top: 414px; text-align:center; height: 39px; width: 198px;}
		#row10cell2 {position: absolute; left: 205px; top: 414px; text-align:center; height: 39px; width: 198px;}
		#row10cell3 {position: absolute; left: 410px; top: 414px; text-align:center; height: 39px; width: 198px;}
		#row10cell4 {position: absolute; left: 615px; top: 414px; text-align:center; height: 39px; width: 198px;}

		#row11cell1 {position: absolute; left: 0px; top: 460px; text-align:center; height: 39px; width: 198px;}
		#row11cell2 {position: absolute; left: 205px; top: 460px; text-align:center; height: 39px; width: 198px;}
		#row11cell3 {position: absolute; left: 410px; top: 460px; text-align:center; height: 39px; width: 198px;}
		#row11cell4 {position: absolute; left: 615px; top: 460px; text-align:center; height: 39px; width: 198px;}

					
/* PROJECTS MENU BUTTONS...............................................................................................................*/

		#onekm {
		display: block;
		width: 198px;
		height: 39px;
		background: url('1km.png') no-repeat;
		}
				#onekm:hover {
				background-position: bottom;
				}
				
		#twokm {
		display: block;
		width: 198px;
		height: 39px;
		background: url('2km.png') no-repeat;
		}
				#twokm:hover {
				background-position: bottom;
				}
				
		#acuarele {
		display: block;
		width: 198px;
		height: 39px;
		background: url('acuarele.png') no-repeat;
		}
				#acuarele:hover {
				background-position: bottom;
				}
				
		#ai {
		display: block;
		width: 198px;
		height: 39px;
		background: url('ai.png') no-repeat;
		}
				#ai:hover {
				background-position: bottom;
				}

		#art-house {
		display: block;
		width: 198px;
		height: 39px;
		background: url('art-house.png') no-repeat;
		}
				#art-house:hover {
				background-position: bottom;
				}
				
		#art-exhibits {
		display: block;
		width: 198px;
		height: 39px;
		background: url('art-exhibits.png') no-repeat;
		}
				#art-exhibits:hover {
				background-position: bottom;
				}
				
		#books {
		display: block;
		width: 198px;
		height: 39px;
		background: url('books.png') no-repeat;
		}
				#books:hover {
				background-position: bottom;
				}
						#caricat-ura {
		display: block;
		width: 198px;
		height: 39px;
		background: url('caricat-ura.png') no-repeat;
		}
				#caricat-ura:hover {
				background-position: bottom;
				}
				
		#chapel {
		display: block;
		width: 198px;
		height: 39px;
		background: url('chapel.png') no-repeat;
		}
				#chapel:hover {
				background-position: bottom;
				}

		#diagrams {
		display: block;
		width: 198px;
		height: 39px;
		background: url('diagrams.png') no-repeat;
		}
				#diagrams:hover {
				background-position: bottom;
				}
				
		#glow {
		display: block;
		width: 198px;
		height: 39px;
		background: url('glow.png') no-repeat;
		}
				#glow:hover {
				background-position: bottom;
				}												

		#handball {
		display: block;
		width: 198px;
		height: 39px;
		background: url('handball.png') no-repeat;
		}
				#handball:hover {
				background-position: bottom;
				}
				
		#historic {
		display: block;
		width: 198px;
		height: 39px;
		background: url('historic.png') no-repeat;
		}
				#historic:hover {
				background-position: bottom;
				}
						
		#hillcrest {
		display: block;
		width: 198px;
		height: 39px;
		background: url('hillcrest.png') no-repeat;
		}
				#hillcrest:hover {
				background-position: bottom;
				}

		#illustrationbin {
		display: block;
		width: 198px;
		height: 39px;
		background: url('illustrationbin.png') no-repeat;
		}
				#illustrationbin:hover {
				background-position: bottom;
				}
				
		#iri-mural {
		display: block;
		width: 198px;
		height: 39px;
		background: url('iri-mural.png') no-repeat;
		}
				#iri-mural:hover {
				background-position: bottom;
				}
				
		#leaves {
		display: block;
		width: 198px;
		height: 39px;
		background: url('leaves.png') no-repeat;
		}
				#leaves:hover {
				background-position: bottom;
				}
							
		#logos {
		display: block;
		width: 198px;
		height: 39px;
		background: url('logos.png') no-repeat;
		}
				#logos:hover {
				background-position: bottom;
				}	
				
		#logos-iri {
		display: block;
		width: 198px;
		height: 39px;
		background: url('logos-iri.png') no-repeat;
		}
				#logos-iri:hover {
				background-position: bottom;
				}		
				
		#mercedes {
		display: block;
		width: 198px;
		height: 39px;
		background: url('mercedes.png') no-repeat;
		}
				#mercedes:hover {
				background-position: bottom;
				}
									
		#mixed {
		display: block;
		width: 198px;
		height: 39px;
		background: url('mixed.png') no-repeat;
		}
				#mixed:hover {
				background-position: bottom;
				}
												
		#mrt {
		display: block;
		width: 198px;
		height: 39px;
		background: url('mrt.png') no-repeat;
		}
				#mrt:hover {
				background-position: bottom;
				}
																
		#mobila {
		display: block;
		width: 198px;
		height: 39px;
		background: url('mobila.png') no-repeat;
		}
				#mobila:hover {
				background-position: bottom;
				}
			
		#natural-science {
		display: block;
		width: 198px;
		height: 39px;
		background: url('natural-science.png') no-repeat;
		}
				#natural-science:hover {
				background-position: bottom;
				}
				
		#noho {
		display: block;
		width: 198px;
		height: 39px;
		background: url('noho.png') no-repeat;
		}
				#noho:hover {
				background-position: bottom;
				}
																		
		#oshio {
		display: block;
		width: 198px;
		height: 39px;
		background: url('oshio.png') no-repeat;
		}
				#oshio:hover {
				background-position: bottom;
				}	
													
		#peace {
		display: block;
		width: 198px;
		height: 39px;
		background: url('peace.png') no-repeat;
		}
				#peace:hover {
				background-position: bottom;
				}
				
		#pergolas {
		display: block;
		width: 198px;
		height: 39px;
		background: url('pergolas.png') no-repeat;
		}
				#pergolas:hover {
				background-position: bottom;
				}
				
		#posters {
		display: block;
		width: 198px;
		height: 39px;
		background: url('posters.png') no-repeat;
		}
				#posters:hover {
				background-position: bottom;
				}
				
		#renderings {
		display: block;
		width: 198px;
		height: 39px;
		background: url('renderings.png') no-repeat;
		}
				#renderings:hover {
				background-position: bottom;
				}
				
		#roses {
		display: block;
		width: 198px;
		height: 39px;
		background: url('roses.png') no-repeat;
		}
				#roses:hover {
				background-position: bottom;
				}
				
		#santijuana {
		display: block;
		width: 198px;
		height: 39px;
		background: url('santijuana.png') no-repeat;
		}
				#santijuana:hover {
				background-position: bottom;
				}
							
		#science {
		display: block;
		width: 198px;
		height: 39px;
		background: url('science.png') no-repeat;
		}
				#science:hover {
				background-position: bottom;
				}
		
		#science-exhibit {
		display: block;
		width: 198px;
		height: 39px;
		background: url('science-exhibit.png') no-repeat;
		}
				#science-exhibit:hover {
				background-position: bottom;
				}		
				
		#sheriffsmeadow {
		display: block;
		width: 198px;
		height: 39px;
		background: url('sheriffsmeadow.png') no-repeat;
		}
				#sheriffsmeadow:hover {
				background-position: bottom;
				}
		
		#sketches {
		display: block;
		width: 198px;
		height: 39px;
		background: url('sketches.png') no-repeat;
		}
				#sketches:hover {
				background-position: bottom;
				}
				
		#soft {
		display: block;
		width: 198px;
		height: 39px;
		background: url('soft.png') no-repeat;
		}
				#soft:hover {
				background-position: bottom;
				}

		#somerset {
		display: block;
		width: 198px;
		height: 39px;
		background: url('somerset.png') no-repeat;
		}
				#somerset:hover {
				background-position: bottom;
				}	
							
		#sounds {
		display: block;
		width: 198px;
		height: 39px;
		background: url('sounds.png') no-repeat;
		}
				#sounds:hover {
				background-position: bottom;
				}
				
		#storybook {
		display: block;
		width: 198px;
		height: 39px;
		background: url('storybook.png') no-repeat;
		}
				#storybook:hover {
				background-position: bottom;
				}	
		
		#thesis {
		display: block;
		width: 198px;
		height: 39px;
		background: url('thesis.png') no-repeat;
		}
				#thesis:hover {
				background-position: bottom;
				}		

		#top-chef-science {
		display: block;
		width: 198px;
		height: 39px;
		background: url('top-chef-science.png') no-repeat;
		}
				#top-chef-science:hover {
				background-position: bottom;
				}		
		
		#westport {
		display: block;
		width: 198px;
		height: 39px;
		background: url('westport.png') no-repeat;
		}
				#westport:hover {
				background-position: bottom;
				}	
				
		#wrigley-banners {
		display: block;
		width: 198px;
		height: 39px;
		background: url('wrigley-banners.png') no-repeat;
		}
				#wrigley-banners:hover {
				background-position: bottom;
				}	
				
		#wrigley-murals {
		display: block;
		width: 198px;
		height: 39px;
		background: url('wrigley-murals.png') no-repeat;
		}
				#wrigley-murals:hover {
				background-position: bottom;
				}	
								
/* SPECIAL PROJECTS ...............................................................................................................*/

		#aiA {
		display: block;
		width: 641px;
		height: 445px;
		background: url('I-ai/ioana_AI-3.jpg') no-repeat;
		}
				#aiA:hover {
				background-position: bottom;
				}	
		
		#aiB {
		display: block;
		width: 668px;
		height: 445px;
		background: url('I-ai/ioana_AI-1.png') no-repeat;
		}
				#aiB:hover {
				background-position: bottom;
				}	
		
		#aiC {
		display: block;
		width: 668px;
		height: 445px;
		background: url('I-ai/ioana_AI-2.png') no-repeat;
		}
				#aiC:hover {
				background-position: bottom;
				}

		#aiD {
		display: block;
		width: 590px;
		height: 445px;
		background: url('I-ai/ioana_AI-44b.jpg') no-repeat;
		}
				#aiD:hover {
				background-position: bottom;
				}	
				
		#mercedes-plan {
		display: block;
		width: 1491px;
		height: 445px;
		background: url('I-mercedes/ioana_mercedes-32.jpg') no-repeat;
		}
				#mercedes-plan:hover {
				background-position: bottom;
				}	
				
				
	  	#sounds-oginoshima {
		overflow: auto;
		position: absolute;
		left: 2132px;
		top: 0;
		height: 445px;
		width: 920px;
		}
		
		#peace-article {
		overflow: auto;
		position: absolute;
		left: 31190px;
		top: 0;
		height: 445px;
		width: 922px;
		}