body{		line-height: 12px;		
			width:987px;
			position: relative;
			top: 0px;
			position:relative;
			height: 575px;
			font-family: Helvetica, Arial, sans-serif;
			font-size:11px; }

.firstbox{	width: 854px;
			height: 528px;
			left: 125px;
			top: -18px;
			background: #f4f2f5;
			border-bottom: 1px solid #d2cfcf;
			position: absolute; }
			
.endtablebanner{	left: 581px;
			top: -10px;
			position: absolute; }
			
.washerbanner{	left: 536px;
			top: -109px;
			position: absolute; }
			
.fridgebanner{	left: 566px;
			top: -86px;
			position: absolute; }
			
.geoformbanner{	left: 680px;
			top: -109px;
			position: absolute; }
			
.portfolio{ width: 773px;
			height: 528px;
			left: 217px;
			top: 21px;
			position: absolute; }
			
/* homepage navigation */  

p.homepagenav { position: absolute;
				font-size: 17px;
				top: 19px;
				left: 13px; }
				
	p.homepageindent { position: absolute;
						font-size: 11px;
						top: 47px;
						left: 17px; }

p.usernav { position: absolute;
			font-size: 17px;
			top: 62px;
			left: 13px; }
			
p.formnav { position: absolute;
			font-size: 17px;
			top: 88px;
			left: 13px; }
			
p.resumenav { position: absolute;
			font-size: 17px;
			top: 114px;
			left: 13px; }
			
p.othernav { position: absolute;
			font-size: 17px;
			top: 140px;
			left: 13px; }
			
/* user-driven navigation */ 

p.usernav2 { position: absolute;
			font-size: 17px;
			top: 46px;
			left: 13px; }
			
	p.userindent { position: absolute;
						font-size: 11px;
						top: 75px;
						left: 17px; }
						
	p.userindent2 { position: absolute;
						font-size: 11px;
						top: 93px;
						left: 17px; }
						
	p.userindent3 { position: absolute;
						font-size: 11px;
						top: 111px;
						left: 17px; }

	p.userindent4 { position: absolute;
						font-size: 11px;
						top: 129px;
						left: 17px; }
	
	p.userindent5 { position: absolute;
						font-size: 11px;
						top: 147px;
						left: 17px; }

p.formnav2 { position: absolute;
			font-size: 17px;
			top: 163px;
			left: 13px; }	
			
p.resumenav2 { position: absolute;
			font-size: 17px;
			top: 148px;
			left: 13px; }
			
p.othernav2 { position: absolute;
			font-size: 17px;
			top: 214px;
			left: 13px; }
			
/* form-driven navigation */ 

p.formnav3 { position: absolute;
			font-size: 17px;
			top: 73px;
			left: 13px; }	
			
	p.formindent { position: absolute;
						font-size: 11px;
						top: 102px;
						left: 17px; }
						
	p.formindent2 { position: absolute;
						font-size: 11px;
						top: 120px;
						left: 17px; }
						
	p.formindent3 { position: absolute;
						font-size: 11px;
						top: 138px;
						left: 17px; }

	p.formindent4 { position: absolute;
						font-size: 11px;
						top: 156px;
						left: 17px; }
	
	p.formindent5 { position: absolute;
						font-size: 11px;
						top: 174px;
						left: 17px; }
	
	p.formindent6 { position: absolute;
						font-size: 11px;
						top: 192px;
						left: 17px; }	

p.resumenav3 { position: absolute;
				font-size: 17px;
				top: 208px;
				left: 13px; }
			
p.othernav3 { position: absolute;
				font-size: 17px;
				top: 234px;
				left: 13px; }
				
/* drawings navigation */

p.drawingnav4 { position: absolute;
				font-size: 17px;
				top: 99px;
				left: 13px; }
				
	p.drawingindent { position: absolute;
						font-size: 11px;
						top: 128px;
						left: 17px; }
						
			
p.resumenav4 { position: absolute;
				font-size: 17px;
				top: 144px;
				left: 13px; }
				
/* resume navigation */

p.resumenav5 { position: absolute;
				font-size: 17px;
				top: 99px;
				left: 13px; }

	p.resumeindent { position: absolute;
						font-size: 11px;
						top: 128px;
						left: 17px; }		
						
	p.resumeindent2 { position: absolute;
						font-size: 11px;
						top: 146px;
						left: 17px; }
	
	p.resumeindent3 { position: absolute;
						font-size: 11px;
						top: 164px;
						left: 17px; }	

	p.resumeindent4 { position: absolute;
						font-size: 11px;
						top: 182px;
						left: 17px; }

					
ul.navigation li{
			display: block;
			color: #7e7e7c;
			font-family: Helvetica, Arial,sans-serif;
			font-size: 17px;
			position: relative;
			top: 30px;
			left: -27px;
			margin-top: 14px; }
			
ul.projects li{
			display:block;
			color: #e3e0d1;
			font-family: Helvetica,Arial, sans-serif;
			font-size: 11px;
			position: relative;
			left: -64px;
			top: 35px;
			margin-top: 6px; }

/* vertical images */			

div#thumbnail1{	position: absolute;
				width: 67px;
				height: 90px;
				left: 274px;
				top: 26px;
				cursor: pointer; }
			
div#thumbnail2{	position: absolute;
				width: 67px;
				height: 90px;
				left: 274px;
				top: 119px;
				cursor: pointer; }
			
div#thumbnail3{	position: absolute;
				width: 67px;
				height: 90px;
				top: 212px;
				left: 274px;
				cursor: pointer; }	

div#thumbnail4{	position: absolute;
				width: 67px;
				height: 90px;
				left: 274px;
				top: 305px;
				cursor: pointer; }
				
div#thumbnail5{	position: absolute;
				width: 67px;
				height: 90px;
				top: 398px;
				left: 274px;
				cursor: pointer; }	
				
div#verticalimage{	position: absolute;
					left: 342px;
					top: 1px; }				
				

/* horizontal images */

div#thumbnaila{	position: absolute;
				width: 90px;
				height: 67px;
				top: 1px;
				left: 299px;
				cursor: pointer;} 
				
div#thumbnailb{	position: absolute;
				width: 90px;
				height: 67px;
				top: 1px;
				left: 392px;
				cursor: pointer;}

div#thumbnailc{	position: absolute;
				width: 90px;
				height: 67px;
				top: 1px;
				left: 485px;
				cursor: pointer;}
				
div#thumbnaild{	position: absolute;
				width: 90px;
				height: 67px;
				top: 1px;
				left: 578px;
				cursor: pointer;}
				
div#thumbnaile{	position: absolute;
				width: 90px;
				height: 67px;
				top: 1px;
				left: 671px;
				cursor: pointer;}

div#horizontalimage{	position: absolute;
						left: 273px;
						top: 70px; }


p.projecttitle{ font-size: 17px;
				position: absolute;
				color: #7e7e7e;
				left: -21px;
				top: 56px;}			
			
p.description{	font: 11px;
				line-height: 14px;
				width: 265px;
				color: #4c4c4c;
				position: absolute;
				padding: 15px;
				top: 66px;
				left: -36px; }
				
p.description2{	font: 11px;
				line-height: 14px;
				width: 265px;
				color: #4c4c4c;
				position: absolute;
				padding: 15px;
				top: 56px;
				left: -36px; }
				
.logo {	position: absolute;
		right: 5px;
		top: 517px; }	
				
p.drawingtext { position: absolute;
				left: 210px;
				top: -4px; }						

.drawings{ 	position: absolute;
			left: 210px;
			top: 21px; }
			
p.about{	line-height: 14px;	
			font-size: 13px;
			width: 770px;
			position: relative;
			color: #4c4c4c;
			top: 394px;
			left: 162px; }
			
.reekopic {position: absolute;
				left: 125px;
				top: -20px;	}
			
p.friendlylinks{	position: relative;
					text-align: center;
					color: #4c4c4c;
					left: 70px;
					top: 395px; }
				
ul.friends li{
			display:inline;
			color: #e3e0d1;
			font-family: Helvetica, Arial;
			font-size: 13px;
			position: relative;
			left: 235px;
			top: 405px;
			margin: 3px; }
			
					
p.otherlinks{	position: relative;
				color: #4c4c4c;
				right: -730px;
				top: 440px;
				width: 250px; }

			
.copyright{ position: absolute;
			width: 200px;
			left: 124px;
			top: 518px; }
					

.note{				position: absolute;
					width: 445px;
					color: #535353;
					right: 0px;
					top: 516px; }
					
.utensilnote{		position: absolute;
					width: 270px;
					color: #535353;
					left: 200px;
					top: 456px; }



a{		color: #c0c0c0;		
		text-decoration: none; }

a:visited {	color: #c0c0c0; }

a:hover {	color: #b7e1cd; }

a.selected {color: #b2da65;}

a.spencer { color: #9ac0b2;}

a.spencer:hover { color: #b8e6d6;}

a.cmu { color: black;}

a.cmu:hover { color: #a2cbbc;}

a.friendlinks { color: #a9a9a9;}

a.friendlinks:hover { color: #a2cbbc;}

a.arrow { 	color: #dcdcdc;
			font-size: 14px;
			font-weight: bold; }
			
a.arrow:hover { 	color: #b8e6d6;}



/* resume */

h3{		color: #9cc3b4;		
		font-size: 13px; }

			
.boxtwo{	line-height: 13px;
			position: absolute;
			top: 50px;
			left: 245px; }

.boxone{	width: 250px;
			line-height: 13px;
			position: absolute;
			top: 50px;
			left: 660px; }

.boxthree{	line-height: 13px;
			position: absolute;
			top: 222px;
			left: 660px; 
			width: 300px;} 

ul#skills{	text-align: left;
			padding-left: 0px;
			list-style-type: none; }