body {
	background-color: #F1F1F2;
	margin: 0;
	padding: 0; padding-top: 1em;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
	font-size: 13px;
}

a:link  { color: #999999; font-size: 7pt; font-family: Verdana; font-style: normal; font-weight: normal; line-height: 1.2; text-decoration: none; word-spacing: 1pt}

a:visited { color: #999999; font-size: 7pt; font-family: Verdana; font-style: normal; font-weight: normal; line-height: 1.2; text-decoration: none; word-spacing: 1pt  }

a:hover { color: #666666; font-size: 7pt; font-family: Verdana; font-style: normal; font-weight: normal; line-height: 1.2; text-decoration: none; word-spacing: 1pt  }

li {color: #000000; font-size: 7pt; font-family: Verdana; font-style: normal; font-weight: normal; line-height: 1.2; text-decoration: none; word-spacing: 1pt}

h1 { color: #999999; font-size: 7pt; font-family: Verdana; font-style: normal; font-weight: normal; line-height: 1.2; text-decoration: none; word-spacing: 1pt}


img {
	
	padding: 0px;
	margin:0px;
	border-style: none;
	border: 0px;
	}

.container {
position: relative;
margin: auto;
top: 40px;
width: 940px;
height: 660px;
background-color:#F1F1F2
}

.headerbox {

position: absolute;
left: 0px;
top: 5px;

}

.header {
position: absolute;
left: 40px;
top: 0px;
}


.section_indicator {
position: absolute;
left: 390px;
top: 0px;

}


.border1 {
position: absolute;
top: 20px;
left: 24px;
width: 914px;
height: 612px;
border-color: #a5a7aa;
	border-width: 1px;
	border-style: solid;
z-index: 4;


}

.border2 {
position: absolute;
top: 2px;
left: 2px;
height: 604px;
width: 906px;
border-color: #a5a7aa;
	border-width: 2px;
	border-style: solid;
z-index: 3;

}


/*
.back_image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 450px;
	height: 600px;
	border-style: none;
	padding: 0px;
	margin: 0px;

	
}


.forward_image {
	position: absolute;
	top: 0px;
	left: 450px;
	width: 450px;
	height: 600px;
	border-style: none;
	padding: 0px;
	margin: 0px;
	
}

*/

/*
.border3 {

position: absolute;
top: 20px;
left: 25px;
height: 546px;
width: 807px;
border-color:#f3f3f4;
	border-width: 8px;
	border-style: solid;
border-top: none;

z-index: 2;

}
*/


#imgs-wrapper {
	position: absolute;
	left: 32px;
	top: 27px;
	width: 900px;
	height: 600px;
	padding: 0px;
	background-color:#F1F1F2;		
	overflow: hidden;
	
	border: 0px;
	z-index: 1;
	
}



/* PART OF IMAGE-SCROLL SCRIPT */

#initial-img{
	background-image:url(images/loading.gif);
	width:900px;
	height:600px;
}

/* PART OF IMAGE-SCROLL SCRIPT */

#imgs {
	position: absolute;
	top: 0;
	left: 0;
	border: 0px;
	padding: 0px;
	magin: 0px
}


#controller {
	position: absolute;
	top: 650px;
	left: 440px;
	font-size: 12px;
	display:inline;
	}


#controller a {
	background-image: none;
	display: inline;
}


#controller a:hover {
	background-image: url(images/gradient_hover.gif);
	display: inline;
}


.bottomnav {
position: absolute;
top: 645px;
left: 40px;
padding-top: 10px;
padding-right: 10px;

}


.bottomnav_about {
position: absolute;
top: 645px;
left: 40px;
padding-top: 10px;
padding-right: 10px;

}

.people {
	
position: absolute;
top: 0px;
left: 0px;

}

.places {
	
position: absolute;
top: 0px;
left: 80px;

}


.projects {
	
position: absolute;
top: -4px;
left: 155px;

}

.tears {
	
position: absolute;
top: 0px;
left: 230px;

}

.info {
	
position: absolute;
top: 0px;
left: 280px;

}


.copyright {
position: absolute;
top: 627px;
left: 590px;
padding-top: 10px;
padding-right: 0px;

}


/* INFO PAGE */

.text {

width: 388px;
height: 109px;
overflow: hidden;
position: absolute;
top: 300px;
left: 440px;
z-index: 5;

}



.aboutphone {
position: absolute;
left: 440px;
top: 440px;
z-index: 5;

}

.aboutemail {
position: absolute;
left: 440px;
top: 465px;
z-index: 5;

}

.resume {
position: absolute;
left: 440px;
top: 490px;
z-index: 5;

}