/*       style    */



body{
	
	background-image: url(images/background.jpg);
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	font-family: Courier New;
	font-size: 12px;
	color: #330000;
}

.ab{

float: none;
margin-left: 20px;
position: absolute;

z-index: 1;

}

.info{
	position: absolute;
	margin-top: 22px;
	margin-left: 350px;
	width: 350px;
	z-index: 3;
	
}

.arrows{
	position: absolute;
	margin-left: 412px;
	margin-top: 150px;
}

.arrows img{
 border: none;
}


.extraarrows{
	position: absolute;
	margin-left: 125px;
	margin-top: 380px;
}

.extraarrows img{
 border: none;
}

.thumbs{

	position: relative;
	
	padding: 0px;
	float: none;
	margin-top: 18px;
	padding: none;
	margin-left: 181px;

	
	z-index: 2;
}

.thumbs img{
 border: none;
}

.nav img{
padding-top: 15px;
border: none;

}

.nav{
float: left;
margin-left: 26px;
position: relative;
top: ;
width: 170px;
height: 350px;

}

.extras{
float: left;
position: absolute;
top: 193px;
width: 170px;
height: 350px;

}

.triangles{
margin-top: 425px;

}

.extra{
float: left;

position: relative;
top: 300px;
width: 170px;
height: 350px;
}

.resume{
margin-left: 177px;
position: absolute;
margin-top: 15px;
text-align: left;
width: 530px;
height: 395px;
overflow: scroll;

z-index: 3;

}

a{
	color: black;
	font-family: Courier New;
	text-decoration: none;
	font-size: 12px;
	
}

	a:hover{
	color: black;
	font-weight:bold; 

}

.thumbs img{
 border: none;
}


.fullsizeimage{
margin-left: 165px;
position: absolute;
margin-top: 25px;
text-align: left;

z-index: 3;

}

.infoimage{
margin-left: 181px;
position: absolute;
margin-top: 25px;
text-align: left;

z-index: 3;

}

.extraimage{
margin-left: 181px;
position: absolute;
margin-top: 8px;
text-align: left;
overflow: scroll;
height: 425px;
width: 545px;

z-index: 3;

}

.extraimage img{
 border: none;
 }

.logosimage{
margin-left: 170px;
position: absolute;
margin-top: 25px;
text-align: left;
height: 425px;
width: 545px;

z-index: 3;

}